Web Design

Lezione 1

1. Tipologia di siti web: Blog, Sito personale, Portale, Sito aziendale
2. Dimensione orizzontale della pagina. Dimensione del testo. Layout di una pagina web: menu verticale o orizzontale, header, footer, content, colonna sinistra, destra

Lezione 2

1. Sito a 1, 2 o 3 colonne
2. Layout e struttura di una pagina web per smartphone

Lezione 3

1. Icone: dimensioni e utilizzo delle icone
2. Quantità di testo nella pagina e distanza tra le righe. Allineamento del testo e leggibilità

Lezione 4

1. Combinazioni di colore. Colori di sfondo. Colori del link ed elementi interattivi (aiuti visivi al passaggio del mouse)
2. Utilizzo di sfumature e ombre

Lezione 5

1. Header: immagine e logo. Presentazione di elementi informativi aggiuntivi. Galleria dinamica di immagini
2. Footer: informazioni di contatto, partita IVA

Lezione 6

1. Menu: cambiamento del menu al passaggio del mouse, evidenziazione della voce selezionata. Menu testuale o immagine
2. Box informativi aggiuntivi: banner

Lezione 7

1. Pagina delle news (titolo, data, anteprima breve, link alla notizia, con o senza immagini). Link all'archivio

Lezione 8

1. Pagina della galleria fotografica: dimensione delle anteprime, paginazione

Lezione 9

1. Form di ricerca e presentazione dei risultati. Visualizzazione dei campi obbligatori, informativa sulla privacy, presentazione delle informazioni all'utente (errori di compilazione)

Lezione 10

1. Albero delle pagine (mappa del sito). Percorso di navigazione in testa alla pagina
2. Inserimento della mappa di google. Pagina dei contatti

Lezione 11

1. Form dei contatti

Lezione 12

1. Pagina dei download con form di ricerca
2. Link ai siti esterni: i partner
3. Nomi delle pagine, titoli, nomi dei file e immagini, nomi dei link

Lezione 13, 14

1. Taglio della pagina web completa con l'individuazione degli elementi chiave della pagina: icone, immagini, sfondi, pattern, tipologia del font, colori

Lezione 15, 16, 17, 18

1. Creazione di un sito web a tema