Phf Photoforma

«  Dall’idea di comunicare al progetto di comunicazione  » Corso di Formazione sul webdesign

Corso di webdesign



   PROGRAMMA 1° MODULO [ 8 LEZIONI ]


LEZIONE #001

- Analisi degli applicativi necessari alla creazione di pagine HTML

- Creazione dell’ambiente di lavoro

- Panoramica sugli spazi di hosting offerti dal mercato e modalità di accesso

- Configurazione delle credenziali di accesso per il caricamento dei contenuti

- Esercizi e dimostrazioni condivise

  PROGRAMMA
   2° MODULO

Vedi il programa

LEZIONE #002

- Scrivere la prima pagina HTML: lo standard HTML e le indicazioni del
  W3C [World Wide Web Consortium]

- I META-TAG ed i TAG di pagina necessari alla struttura di una pagina HTML

- Introduzione alla formattazione del testo, dei titoli e dei paragrafi

- I TAG <div> e <p>

- Studio dei TAG necessari per la creazione di una pagina HTML dotata di testo, titoli ed elenchi

- Presa di contatto con gli stili «inline» per la formattazione dei TAG HTML

- Esercizi intensivi e analisi dei risultati

  PROGRAMMA
   2° MODULO

Vedi il programa

LEZIONE #003

- Separare il contenuto dal layout: i fogli di Stile CSS (Cascading Style Sheets)

- Tipologie e sintassi dei CSS (Selettori, Identificatori [ID], classi e pseudoclassi)

- Costruzione di un semplice foglio di stile da applicare ad una pagina HTML

- Associare uno o più fogli di stile alla pagina

- Analisi dell’impatto sul design derivante dall’impiego dei fogli di stile

- Esercizi e analisi dei risultati

  PROGRAMMA
   2° MODULO

Vedi il programa

LEZIONE #004

- L'essenza grafica delle pagine web: la gestione delle immagini finalizzate ai browser di navigazione

- Predisporre le immagini per il web: uso di Gimp e creazione di immagini *.png, *.jpg, *.gif

- Inclusione delle immagini nella pagina HTML e loro formattazione con i CSS

- Creazione di immagini ad hoc per l’header, il content e il footer. Produrre efficaci strategie di comunicazione

- Esercizi e analisi dei risultati

  PROGRAMMA
   2° MODULO

Vedi il programa

LEZIONE #005

- Creazione di menu e sotto-menu (orizzontali e verticali)

- Il cuore dell’interazione web: i links

- Formattazione accattivante dei links con i CSS e le tecniche di rollovering

- Esercizi e analisi dei risultati

  PROGRAMMA
   2° MODULO

Vedi il programa

LEZIONE #006

- La gestione delle tabelle: strumenti per evidenziare dati e non per costruire layout

- I Frameset: vantaggi e limiti derivanti dal loro impiego

- I moduli per i contatti (forms)

- Esercizi e analisi dei risultati

  PROGRAMMA
   2° MODULO

Vedi il programa

LEZIONE #007

- Creazione di pagine complesse con i CSS

- Analisi delle diverse tipologie di layout per la pagina:
   :: Layout fisso
   :: Layout fluido o liquido a due e tre colonne
   :: Layout complessi: il modello «a griglia» (studio di un modello: «1Kb grid»)

- Esercizi e analisi dei risultati

  PROGRAMMA
   2° MODULO

Vedi il programa

LEZIONE #008

- Implementazioni di moduli Javascript per la gestione di immagini e galleries

- I video: come integrarli

- La messa online del sito

- Tecniche di indicizzazione per i motori di ricerca. Il ranking

- Le funzionalità di Google analytics

- Esercizi e analisi dei risultati

  PROGRAMMA
   2° MODULO

Vedi il programa


© Phf Photoforma / Luca Chistè