Web Design

Programma corso Web Designer 60 ore

MODULO 1

Introduzione e Accessibilità e Tecniche di persuasione etiche.

Cosa fa un webdesigner? - Le fasi della realizzazione di un sito web: progettazione, organizzazione contenuti, realizzazione, messa on-line, pubblicizzazione, manutenzione.
Il sito: elemento centrale del web del futuro? Analisi degli altri veicoli di comunicazione per il webdesigner
Le migliori pratiche nella progettazione e realizzazione di un sito web – costruire soluzioni semplici, lineari e godibili – teoria dei tre click e conseguenze sulla progettazione – i limiti di compatibilità - disegnare (su carta) il layout, tecniche di costruzione di siti seguendo le tecniche di persuasione etiche e Persuasive Marketing.

MODULO 2

Introduzione al Web, linguaggio HTML e XHTML , sintassi base

1.Spazi web e domini, tipologie di siti (siti e-commerce, siti pubblici, siti culturali, portali etc.....)
2.Siti statici e dinamici web ed utilizzo di Flash
3.I linguaggi in uso nel Web
4.Introduzione all'Html, struttura e sintassi, tag e attributi, la pagina base in Html
5.Dall'Html all'Xhtml
6.Gli attributi del testo, dimensione e tipo di font, gli allineamenti, il colore
7.Creare le liste, altre formattazioni particolari
8.Inserimento e gestione delle immagini, gli attributi di un'immagine, formattare immagini e testo
9.Creare i link: collegamenti interni ed esterni, link ad e-mail, le ancore
10.Progettazione e navigazione dei siti, creare strumenti usabili e intuitivi
11.Le tabelle: creazione della struttura e impostazioni delle proprietà, l'evoluzione dei Layout dei siti
12.Primi cenni sui Css e loro struttura
13.Cenni sui Javascript

MODULO 3
Creazione delle pagine web con Dreamweaver CS5

1.L'interfaccia di Dreamweaver, gli altri software Adobe
2.Creazione e gestione di un sito, creare pagine e cartelle, le proprietà della pagina web
3.Colori, sfondi e margini di una pagina web
4.Inserimento, formattazione e manipolazione del testo, elenchi puntati e numerati, linee orizzontali
5.Creare i collegamenti ipertestuali, indirizzi relativi e assoluti
6.Inserimento di immagini, le proprietà, scelta tra Gif e Jpg, problematiche di ottimizzazione, immagini e link, i rollover
7.Le mappe sensibili. Impaginare testo e immagini
8.Tabelle: inserimento e modifica, proprietà delle tabelle e delle celle
9.Dall'impaginazione a tabelle ai moderni Layout Css: esempi sul web
10.Cenni sui vecchi Frame, gli Iframe
11.I moduli: creazione e gestione, i diversi tipi di campi modulo, gestione dei dati lato Server
12.Creare un modulo dettagliato
13.Pubblicazione del sito, l'FTP. Registrare un dominio personale
14.Javascript base, inserire script tramite Dreamweaver, reperire gli script sulla Rete

MODULO 4
I CSS struttura e sintassi, i CSS con Dreamweaver CS5

1.La Struttura e le regole dei Css, problemi di compatibilità con i Browser
2.Gli attributi CSS e loro sintassi
3.Scrittura dei Css i selettori, rapporto tra i tag html/Xtml e i Css
4.Formattare il testo tramite i Css
5.Elementi di blocco ed elementi in linea, l'utilizzo del tag DIV
6.Le gabbie Css, impostare le dimensioni
7.I Css e Dreamweaver, le finestre di dialogo e il loro utilizzo
8.Inserire i Css in un documento html, i Css in linea e incorporati
9.Css esterni o collegati
10. Il Box model: caratteristiche e proprietà
11.Le Classi e loro gestione
12.Rivisitare la formattazione del testo tramite le classi
13.Combinare selettore tag e classi
14.Css e immagini
15.Formattare i link con i Css, selettori e pseudo-selettori
16.Creare pulsantiere grafiche tramite i Css
17.Pulsantiere verticali ed orizzontali
18.Css e sfondi web
19.Il selettore ID caratteristiche e differenze con le Classi
20.Layout Css, strutture e gabbie univoche ed elementi ripetibili
21.Affiancare le gabbie Css, la proprietà Float e il Clear
22.Elementi affiancati: le caratteristiche, prove pratiche
23.Il Float e le immagini
24.Gabbie nidificate e affiancate, la proprietà Overflow
25.Css e form
26.I layout Css, le tipologie: fisici, liquidi ed elastici
27.Layout monolitico
28.Layout a due colonne
29.Layout a tre colonne
30.I template dei layout Css di Dreamweaver CS5
31.Css e posizionamenti assoluti
32.Le proprietà e l'ordinamento dei livelli
33.Posizionamenti assoluti e comportamenti Javascript in Dreamweaver CS5
34.Cenni sui Spry di Dreamweaver CS5
35.Cenni sui nuovi CSS3

MODULO 5
Grafica Web (con Adobe Photoshop)

1.Aspetti teorici introduttivi sulla natura e composizione dei file grafici, compatibilità con il Web, i formati grafici
2.Photoshop, l'interfaccia del programma, i livelli
3.Disegnare con le selezioni, modifica delle selezioni
4.Uso dei livelli; livelli multipli, copie di livelli
5.Metodi di gestione del colore; i riempimenti
6.Il righello e le guide
7.Modificare l'immagine, ruota, scala, inclina etc.
8.Disegnare semplici pulsanti, gli effetti di livello
9.Esportare in Gif, le diverse tipologie
10.Aprire una foto e ridimensionare immagini esportare in Jpg
11.Esportare in Png, le caratteristiche del formato, integrazione con i Css
12.Riempimenti sfumati, effetti tridimensionali
13.Usare il testo, caratteristiche e modifiche del testo
14.Creare un banner usando testo e immagini importate
15.Cenni sulla grafica web 2.0
16.Usare i simboli vettoriali di Photoshop CS5
17.Creare semplici effetti sulle foto, ombre, bordi, effetti di luce
18.Le selezioni sulle fotografie, selezioni parziali
19.Cambiare luci, contrasto, colori alle foto
20.Progettare un intero Layout
21.Comunicazione visiva sul web, grafica, testi e colori, un layout coerente
22.Passare dalla grafica all'impaginazione della pag. web, le problematiche

MODULO 6
Web Marketing e Comunicazione persuasiva

Tecniche di comunicazione persuasiva, i colori, le immagini, il testo, tecniche di indicizzazione e web marketing.

1.Il Web marketing e il posizionamento del siti nei motori di ricerca
2.L'indicizzazione
3.I Meta Tag
4.Le parole chiave Keyword
5.Costruire un sito con una corretta gestione dei testi e parole chiavi
6.Google Adwords
7.Altre modalità di pubblicizzazione del sito