Web Design for begginers

Programma indicativo del corso

Concetti generali

Differenze tra i linguaggi di markup e i linguaggi di programmazione

Il linguaggio HTML

Standard W3C e validatori

HTML TAGS e Struttura sito

- Struttura del sito ( definizione cartella lavoro root)

- Tags formattazione testo

- Tags list e link

- Tag img

- Tags image, table, form

- Uso e importanza dei tag per il seo

CSS e Stili

- Cosa è uno stile

- Definizione degli stili in-line

- Creazione del file css

- Creazione di stili a cascata

- Definizione del layout

- Creazione della navigazione

- Creazione delle pagine

- Differenze tra layout relative , floating , absolute

- Uso e importazione di font custom

Interfaccia e layout di lavoro di Dreamweaver CS5

- Pannelli e barra delle proprietà

- Creare e salvare un layout

- Navigazione tra i documenti aperti

- Le viste di Dreamweaver

- Creazione e salvataggio di una pagina Html con Dreamweaver

- Impostazioni di base (titolo, nome del file, proprietà di pagina)

- Concetto di collegamento ipertestuale (link)

- Collegare le pagine

- Percorsi relativi e assoluti

- Collegamento “mailto”, ancoraggi e mappe immagine

- Formati di immagini per il web

Responsive Design

- Struttura pagina

- Tecniche di sviluppo

Framework Bootstrap

- Griglia

- Oggetti

- Script

- Icon-Font

Utilizzo WOW JS

Utilizzo Animate.css

Animazioni CSS3

- Creazione di una animazione

- Compatibilità con i diversi Browser

Pubblicazione del Sito

- Connessione al sito ftp

- configurazione cartella di lavoro