Area
GRAFICA
E WEB
Programma Corso WEB SPECIALIST
Introduzione al Web
Design
Chi è il Web Designer – il
lavoro del Web Designer
Differenza tra
comunicazione web e
stampa
I motori e le chiavi di
ricerca
I browser, gli standard e
l’accessibilità
User Experience
Cosa si intende per siti
Web antropomorfi
Il concetto di User
Experience
Le informazioni semplici
da raggiungere
Interfacce grafiche
studiate per l’utente
Da evitare: il tasto Back e i
vicoli ciechi
Usabilità dei siti Internet
Definizione di usabilità
Concetto di Learnability
Analisi di siti web
Il concetto di usabilità
all’interno della Legge
sull’Accessibilità
Gli errori più comuni
Studiare il comportamento
degli utenti
Tool per lo studio
dell’usabilità
PHP & Database
Introduzione al PHP
L’ambiente di sviluppo
differenza fra linguaggi
server-side e client-side
Variabili, costanti,
operatori
Condizioni e Cicli
Array
Gestione form e controlli
Upload e Download
Cookie e Sessioni
Introduzione ai Database
Tabelle e relazioni
Introduzione al Linguaggio
SQL
SQL comandi base (insert,
update, delete)
Esempi di query
Interrogare un database
da PHP
Psicologia e
comunicazione web
Definizione tra
comunicazione attiva e
passiva
Differenza tra
comunicazione statica e
dinamica
Differenza tra
comunicazione web e
stampa
Il sito Web all’interno
della comunicazione di
un’azienda
L’Immagine aziendale :
dal logo alla campagna
stampa passando per il
web
Il brief; il target del
sito web; il brand; la
rappresentazione visiva
di una filosofia aziendale:
il payoff
La costruzione del layout
Composizione
Psicologia della forma
Psicologia del colore
Il font
La scelta del font in un sito
Web
Il logo come immagine di
un’azienda
HTML 4 & 5
Linguaggio Ipertestuale
definizioni e scopi
Il DOM
I tag ed attributi
Link
Layout e Impaginazione
Spazialità
Nozioni sui fogli di stile
CSS
Aggiunta del contenuto
alle pagine
Form
Plug-in esterni
Tag semantici
Video e Audio
Formato SVG
Geo-localizzazione
Web Storage
Caching e Scripting
Teoria e tecniche di
progettazione web
Le fasi: brief, idea,
progettazione,
pianificazione
Tipi di Navigazione
(principale, locale,
contestuale…)
Organizzare i contenuti
L’interfaccia :definizione,
tipi, efficacia
La definizione del dialogo
con l’utente – interattività/
usabilità
L’identità visiva: stile,
colori, carattere, foto
Organizzare la struttura
: l’architettura della
pagina e le regole
d’impaginazione
Layout grafici
Il target di riferimento/
cliente/brand
Sistemi di accesso al
web – gli strumenti della
comunicazione web
Importanza delle primarykey nei testi del sito
La semantica nel web
Nuove tendenze e
tipologie d’informazione.
i blog, storia di un sito web
Software Photoshop
Esplorazione dell’ambiente
di lavoro.
Scelta e differenza della
modalità di colore.
Dimensioni, risoluzione e
peso delle immagini. Uso
scanner.
Uso degli strumenti di
selezione.
I tracciati di ritaglio. I livelli.
La rasterizzazione del
testo
Salvare i file. Esportazione
dei file.
Accenni ed esempi di
Flash e Action Script
Software Dreamweaver
Area di lavoro di
Dreamweaver
Uso delle barre degli
strumenti, delle finestre di
ispezione e dei menu di
scelta rapida
Pianificazione e
configurazione del sito
Organizzazione e gestione
dei file di un sito
Definizione del layout delle
pagine Web
Creare e gestire i file
Creazione e apertura dei
documenti
Gestione di file e cartelle
Web 2.0/3.0 architettura
di un sito web
Social Media Marketing:
Cosa sono i social media
e cos’è il Social Media
Marketing
Le regole della
comunicazione sui social
L’approccio one-to-one
alla comunicazione nei
social e l’importanza
dell’ascolto e delle
conversazioni nei social
“Sentiment Analysis”
e scelta dei canali più
idonei alla comunicazione
aziendale
Facebook, Twitter,
Google+ e Foursquare:
come ottimizzare e
utilizzare i principali social
media per il marketing
Costruzione di un piano
editoriale di contenuti e le
regole fondamentali del
Community Management
Cos’è l’engagement
prodotto nei social e i tool
per misurarlo.
Software Illustrator
Esplorazione dell’ambiente
di lavoro.
Scelta e differenza della
modalità di colore
Dimensioni, risoluzione e
peso delle immagini
Barre degli strumenti.
Finestre di ispezione. Uso
delle guide. Importazioni
di immagini
Disegnare curve in Beziér
Creazione e modifica dei
colori
Salvataggio dei file.
Esportazione dei file
Preparazione di un
documento per il web
Scelta dei software giusti
per ogni applicazione.
Differenza tra grafica
vettoriale e immagini
bitmap
Qualità delle immagini.
Dimensioni, risoluzione e
peso delle immagini.
Le caratteristiche dei vari
formati di file
Calibrazione degli
strumenti: monitor, scanner
e stampante
1
Area
GRAFICA
E WEB
Programma Corso WEB SPECIALIST
CSS (2,3), JAVAScript
Css
Css e compatibilità con i
browser
Differenti dichiarazioni di
fogli di stile
Struttura di un fogli di stile
Regole e commenti del
css
I selettori
Formattare elementi di una
pagina con le classi
L’attributo class
Differenza tra class e id
Dichiarare un id
Formattare i contenuti
testuali
Proprietà di base del testo
Impostare il colore degli
elementi
Gestire lo stile degli
elenchi puntati e numerati
i layer e il tag div
padding margin e border
posizionamento assoluto
e relativo
Richiamare un script
esterno alla pagina
AJAX
I Form: passaggio di dati
tra client e server
Tag form
Tag input
Tag text-area
Tag select
Accedere alle pagine web
con Javascript
Gli editor per scrivere
codice javascript
Debug di codice
javascript
Incompatibilità con
browser
Javascirpt il DOM e gli
eventi del browser
Controllare il div e lo span
Il motore di JQuery
Introduzione al Jquery
Selettori di base
selezionare gli attributi
filtrare le selezioni
Metodi di base
Metodi per gli attributi
Gestione delle classi, del
contenuto e dei campi dei
form
Traversing
Inserire elementi
Inserire elementi contigui
Sostituire, rimuovere,
svuotare e duplicare
Manipolare i CSS
Associare gli eventi
Gestire gli eventi
Effetti di base
Animazioni
Validare il codice
I validatori w3c
Legge 4/2004
il regolamento
Verifica dell’accessibilità
secondo la legge
Verifica accessibilità del
web
pro e contro, analisi di
ciascun elemento
verifica tecnica di un sito
web
usabilità del web
fondamenti
qualità del software
le norme iso
estensione al web
i criteri essenziali
verifica soggettività di un
sito
Javascript
La sintassi del linguaggio
Variabili, Tipi di dati
Espressioni e operatori
Gestione Finestre e frame
Accenni Tecnologici
CMS (joomla, drupal,
wordpress…)
SEO con Wordpress: i
plugin per l’ottimizzazione
delle pagine web
dinamiche
E-commerce e sistemi di
pagamento online
Seo
SEO Copywriting:
come scrivere testi
persuasivi per l’utente e
utili per i motori di ricerca;
Ottimizzazione off-site:
il concetto di link, di link
popularity e di Google
PageRank. Le tecniche
per aumentare i link al
proprio sito, Content
Marketing & Inbound
Marketing.
I tool e gli strumenti
operativi per chi fa SEO:
misurare traffico e risultati
raggiunti, misurare lo stato
di salute del proprio sito
web, misurare il ranking
per le parole chiave del
proprio sito.
Altri strumenti di Web
Marketing : SEA (Search
Engine Advertising),
pay per click (Google
Adwords, Adsense,
Facebook ADS), Display
Advertising
Motori di ricerca e Web
Marketing
Basi di motori di ricerca:
come funziona un motore
di ricerca: crawling,
indexing e ranking, cosa
legge e cosa non legge
il crawler di un motore
di ricerca, la Universal
Search e i motori di ricerca
verticali, analisi di una
SERP di Google;
Analisi di mercato:
individuare i principali
competitors e analizzarne
il loro posizionamento,
come scegliere le giuste
keywords per il proprio
business;
Ottimizzazione on-site:
(i tag html utili per il
ranking del sito web:
ottimizzazione dei meta
tag, delle immagini, tag di
formattazione, url, heading
tags, link interni;
2
