| programma del corso: |
| Grafica Web |
|
- Grafica ridefinita per il web
- Tendenze attuali
- Studio dell´immagine digitale
- Passaggio dal cartaceo al web
|
| Teoria del web e delle reti dati (durata ore: 10/12) |
|
- La nascita delle reti di calcolatori, la loro teoria e le caratteristiche di funzionamento;
- Storia del web dalle origini ai giorni d´oggi;
- I componenti delle reti di calcolatori;
- Indirizzi di rete e protocolli;
- Sicurezza sulla rete, password, politiche di accesso e condivisione delle risorse, crittografia e antivirus;
- I software di rete;
- Implementazione di una rete di computer in varie modalitá operative;
- La struttura di reti Intranet e Internet;
- Lo sviluppo del web.
|
| Approccio ai colori e agli standard visivi (durata ore: 10/12) |
|
- La creazione del colore;
- La struttura del colore e dell´apparato visivo;
- La teoria della rifrazione;
- I componenti visivi; luminositá, tonalitá, contrasto;
- I colori primari, secondari, complementari, opposti;
- La teoria della percezione visiva della Gestalt;
-La psicologia del colore: l´uso efficace degli accostamenti e della costruzione di gamme e palette corrette.
|
| L´uso del multimediale nella comunicazione moderna (durata ore: 10/12) |
|
- Definizione di multimediale;
- I mezzi;
- Le proprietàe le qualitá del multimediale;
- L´approccio del cliente al multimediale;
- Creazione di un prodotto multimediale.
|
| La navigazione web e l´ipertesto (durata ore: 10/12) |
|
- I concetti base dell´ipertesto;
- Il confronto con gli altri mezzi mediali;
- Dall´ipertesto alla creazione della pagina web;
- La teoria del link e le sue applicazioni;
- Basi della navigazione dei siti nei browser più conosciuti.
|
| Moduli di specializzazione: |
|
Questi moduli fanno parte di un percorso formativo relativo ad un profilo professionale predefinito, ma possono essere collegati in altro modo tra di loro, anche con un percorso trasversale, secondo le esigenze del cliente. Da qui possono nascere ulteriori percorsi non indicati in precedenza. Questi moduli possono essere approcciati anche singolarmente, in un´ottica di formazione monotematica.
Inoltre, questi moduli potranno essere integrati in un percorso più ampio ove si voglia definire una formazione professionale di un genere più ampio non propriamente riferita al web a sè stante.
Al termine del documento sono indicati alcuni spunti per l´integrazione dei moduli all´interno di altri probabili percorsi formativi.
|
| Impostazione della struttura di un sito web su Dreamweaver (durata ore: 30/32) |
|
- Panoramica sull´interfaccia grafica: la schermata iniziale; i menu, i pulsanti, le finestre e le schede; l´ambiente di lavoro;
- Impostazione di un sito web attraverso il wizard e le proprietá dei siti di Dreamweaver;
- Impostazione della struttura di un sito web locale;
- Panoramica dei servizi remoti offerti sul web;
- Impostazione dei settaggi per la pubblicazione su server remoti;
- L´utilizzo dell´interfaccia FTP;
- La sincronizzazione, il caricamento/scaricamento dei file, il lavoro in gruppo, il deposito e il ritiro;
- Altri metodi e strumenti di lavoro per la gestione dei siti internet.
|
| La grafica per il web e l´elaborazione delle immagini con Fireworks (durata ore: 50/52) |
|
- Specifiche delle immagini per il web: le caratteristiche grafiche e le proprietàbasilari per un uso corretto;
- Tipi di immagini (bitmap, vettoriali, trasparenti, ecc.); l´animazione; gli sfondi;
- La ricerca delle immagini adeguate; il copyright e i diritti in generale, la giurisdizione in merito;
- Introduzione a Macromedia Fireworks 8;
- Gli strumenti;
- Creazione e modifica di immagini bitmap e vettoriali;
- Lavorare con i livelli;
- Gestire il testo;
- Inserire gli effetti;
- Ottimizzare e salvare le immagini.
|
| Basi dell´animazione web e sviluppo di progetti multimediali con Flash (durata ore: 50/52) |
|
- Introduzione
- Introduzione ad Adobe Flash;
- Gli strumenti vettoriali;
- Lavorare con i livelli e la timeline;
- Creare elementi grafici;
- La gestione del testo;
- Creare e modificare i simboli e le istanze;
- Creare animazioni;
- L´ottimizzazione e la pubblicazione di documenti Flash;
- Audio e video.
|
| Il linguaggio HTML e la sua scrittura con Dreamweaver (durata ore: 50/52) |
|
- Le basi del linguaggio HTML e i tag;
- Head e body della pagina;
- Gli attributi del testo: stili logici e stili fisici, dimensione e tipo di font;
- Caratteri speciali;
- Hyperlink: collegamenti interni ed esterni, link agli indirizzi email;
- Inserimento di immagini. Impostazione di colori e sfondi;
- Tabelle: creazione della struttura e impostazioni delle proprietà
- Uso di file esterni, multimedialitàed animazioni;
- Frames: creazione ed utilizzo;
- I moduli: caselle di testo, menù, opzioni, pulsanti;
- I meta tags ed elementi di stile;
- Creazione di pagine web complete attraverso gli strumenti di Dreamweaver.
|
| Siti dinamici con PHP (durata ore: 50/52) |
|
- L´ambiente e l´architettura per programmare in PHP;
- Introduzione al linguaggio: grammatica e sintassi fondamentale;
- Gli operatori, l´uso e tipologie delle variabili;
- Le strutture dati principali: array e array associativi;
- Le strutture di controllo;
- Le funzioni per gestire stringhe, array, variabili;
- Gli oggetti in PHP;
- Le variabili di sessione: sintassi e funzionamento;
- Error handling in PHP;
- Creazione ed inclusione di librerie esterne.
|
| Creazione di un layout per il web (durata ore: 30/32) |
|
- Identificare, attraverso dei case studies, alcuni layout di riferimento (templates) e discuterne le potenzialitàe le caratteristiche grafiche;
- Creare il layout di una pagina web;
- Creare pulsanti rollover e barre di navigazione;
- Creare porzioni e punti attivi;
- Ottimizzare ed esportare le immagini per il web;
- Creare banner e GIF animate;
- Maschere e menu a comparsa.
|
| Animazione avanzata e interattiva con Flash e ActionScript (durata ore: 40/42) |
|
- Il pannello Azioni;
- Le basi dell’interattività
- Eventi per i pulsanti;
- Eventi per i clip filmato;
- Eventi per i fotogrammi;
- Utilizzare le azioni per controllare le proprietàdi un clip filmato;
- Controllo della linea temporale;
- Caricare un filmato esterno;
- Stampare un filmato Swf;
- Azioni principali;
- Assegnazione di un’azione;
- Impostare i parametri di un’azione;
- Uso dei componenti.
|
| Creazione e uso dei fogli di stile CSS (durata ore: 50/52) |
|
- Fogli di stile (Cascading Style Sheet);
- CSS in Linea, CSS Incorporati, CSS Esterni;
- Attributi di stile testo;
- Raggruppamento di stili;
- Attributi margini e allineamento;
- Colore e sfondo;
- Attributi tabelle e celle;
- Definizioni di classi;
- Posizionamento dinamico;
- Ottimizzazione del codice.
|
| Web writing - Linguaggio,
grafica e comunicazione efficace sul web |
|
- Come scrivere per internet e catturare l´attenzione dell´utente
- Adattamento al web di un testo pensato per altri media
|
| Esercitazione di web
writing |
|
- Prova pratica con valutazione finale
|
| Web usability - Verifica
della funzionalità del sito |
|
- Logicità, coerenza e razionalità della struttura
- Velocità, semplicità e intuitività della navigazione
- Test di usabilità
|
| Esercitazione di web
usability |
|
- Prova pratica con valutazione finale
|
| Analisi del sito |
|
- Modelli e strumenti di misura della qualità e dell´efficacia
di un sito: due possibili criteri di valutazione
|
| Ottimizzazione del sito |
|
- Impostazione e creazione del titolo, dei nomi (files di testo e di immagini),
dei meta tag e degli alt tag delle pagine web
|
| Pubblicazione del sito |
|
- Dal server locale al server remoto
- L´uso di FTP
|
| Registrazione del sito
su motori di ricerca e directory |
|
- Segnalazione automatica (Google, AllTheWeb, AOL, MSN, Teoma) tramite
software (AddWeb) e segnalazione manuale (Arianna, Virgilio, Altavista.it,
Lycos.it, Hotbot.Lycos.it, Excite.it e Yahoo.it)
|
| Posizionamento strategico
su motori di ricerca e directory |
|
- Parametri, tecniche e strumenti: Posizionamento "pay per rank"
su Arianna, Virgilio, Altavista.it, Yahoo.it - Posizionamento "pay
per click" su Overture, Google, Espotting, Godado - Impostazione e
creazione di doorway page o pagine pilota per l´ottimizzazione del posizionamento
per determinate parole chiave su determinati motori - Monitoraggio del ranking
del sito sui principali motori di ricerca (AddWeb)
|
| Esercitazione di web
ranking |
|
- Prova pratica con valutazione finale |
| |
| |
| Promozione del sito |
|
- Dal marketing tradizionale (Interruption Marketing) al marketing relazionale
(Permission Marketing)
|
| Pubblicità off-line |
|
- L´utilizzo dei media tradizionali
|
| Pubblicità on-line |
|
- Dalla comunicazione orizzontale e verticale alla comunicazione circolare
o reticolare
|
| Differenze tra la pubblicità
su Internet e la pubblicità su altri media |
|
- Un confronto in parallelo tra Radio, TV, Stampa e Rete
|
| Web advertising - Forme
di advertising grafico o "On the Web" |
|
- Strategie, tecniche e strumenti: Links e Banner exchange
- Pianificazione campagne banner (Clickit, Active Advertising) generiche
(random), mirate (target) e per parole chiave (keyword targeting)
- Sponsorizzazioni
- Interstitials
- Pop Up e Pop Under
- Jump Page o Mini Siti
- Web Ring
- Programmi di affiliazione
|
| Esercitazione di web
advertising |
|
- Prova pratica con valutazione finale
|
| E-mail marketing - Forme
di advertising testuale o "Below the Web" |
|
- Strategie, tecniche e strumenti: La gestione strategica della posta
elettronica
- Redazione e invio di e-mail informative e/o promozionali sui principali
newsgroup di settore
- Pubblicità su newsletter e mailinglist
- Creazione e gestione di una newsletter e/o di una mailing list
- Creazione e gestione di un forum e/o di una chat
- Redazione e invio di messaggi personalizzati a destinatari selezionati
e profilati in base a determinati parametri (MailMaker, Buongiorno) senza
fare spamming
|
| Esercitazione di e-mail
marketing |
|
- Prova pratica con valutazione finale
|
| Web tracking - Analisi
delle statistiche sul sito |
|
- Monitoraggio dei dati sul traffico e gli accessi al sito
- Interpretazione dei risultati e valutazione dell´efficacia (redditività
o meno) delle campagne di web ranking, web advertising ed e-mail marketing
(elementi di "log files analysis")
|
| Esercitazione di web
tracking |
|
- Prova pratica con valutazione finale |