Corso di Web Designer e Grafica Web

Obiettivi del corso (descrizione sintetica)

Il web designer è specializzato nella progettazione grafica e nel design di un sito Web con particolare attenzione all’ usabilità ed all’ accessibilità. Conosce i principali pacchetti di sviluppo ed impaginazione delle pagine web e dei software di grafica vettoriale e di fotoritocco.

Oltre a saper creare loghi, icone e template, elementi costitutivi della pagina web, è in grado di manipolare foto e immagini digitali, creare animazioni per banner e spot, dando forte impatto grafico e comunicativo.

Il corso prepara all’esame per la certificazione Adobe Certified Associate (ACA) nei programmi Adobe Photoshop, Adobe Dreamweaver, Adobe Flash.

Programma del corso (moduli)

• Accoglienza al corso e presentazione del percorso formativo

• Nozioni base di grafica digitale

  Nozioni di desktop publishing e web design, immagini vettoriali e bitmap, i formati delle immagini;

• Adobe Photoshop e la comunicazione grafica

  • L’area di lavoro: finestra del documento, barra degli strumenti, barra contestuale delle opzioni, pannelli, menù delle opzioni;
  • uso dei livelli: le basi necessarie per un ottimale uso dei livelli;
  • strumenti per la selezione: selezione dei livelli tramite le forme per la selezione, il lazo e la bacchetta magica;
  • stili dei livelli e metodi di fusione: applicazione degli stili ai livelli, fusione dei livelli tra loro, modifica delle proprietà dei livelli;
  • livelli di riempimento e regolazione;
  • oggetti avanzati: creazione e utilizzo degli oggetti avanzati;
  • utilizzo delle maschere vettoriali: vari metodi per creare maschere vettoriali applicate sui livelli;
  • la penna e le curve di bezier per disegnare;
  • utilizzo e creazione delle forme: uso delle forme preinstallate nel programma, importazione di nuove forme e creazione delle stesse tramite curve di bezier;
  • filtri: applicazioni dei filtri agli oggetti grafici per l’elaborazione digitale delle immagini;
  • fotoritocco: aggiustamento dei colori, rimozione dei difetti, trasformazione delle immagini a scopo pubblicitario editoriale ed illustrativo;
  • ottimizzazione ed esportazione delle immagini per il web;
  • creare il layout grafico di un sito;
  • disegno grafico degli elementi base di cui è composta una pagina web, sezionamento della pagina ed esportazione degli elementi grafici;

• La rete Internet

  Il World Wide Web, i browser più diffusi, i motori di ricerca, analisi delle strutture più comuni dei siti;

• HTML: creazione e gestione degli elementi di un sito web

  • editor visuali/editor testuali: comparazione tra codice ed renderizzazione grafica degli elementi HTML;
  • il linguaggio HTML: codice e progettazione della pagina;
  • elementi HTML base: i più usati elementi HTML per costruire pagine web;
  • creazione pagine HTML: la struttura di una pagina, grafica e interazione;
  • gestione testo e immagini: inserimento, modifica e stile delle immagini e del testo;
  • creazione di moduli: principi base per la creazione di moduli per l’invio di dati sensibili;
  • HTML 5
  • pubblicazione on line del sito: pubblicazione su server tramite interfaccia FTP;

  CSS: gestione della grafica delle pagine web

  • CSS, fogli di stile: vantaggi e utilizzo dei fogli di stile;
  • editazione avanzata tramite i CSS: Web Design della pagina tramite regole CSS;
  • CSS3
  • grafica responsive (adattata ad ogni dispositivo usato per la navigazione – desktop, tablet e smartphone) tramite l’uso delle media query
  • animazioni con i fogli di stile

  Accessibilità e posizionamento di un sito web

  • usabilità e Accessibilità: regole e raccomandazioni per creare un sito web secondo gli standard;
  • ottimizzazione del codice per l’indicizzazione: revisione del codice della pagina per favorire il reperimento e il posizionamento del sito nei motori di ricerca;