Basi teoriche sull'ambiente di sviluppo web

Standard, protocolli, formati

• Come funzionano Internet e le pagine web, il codice "elegante"

Providers, Ftp, linguaggi, formati ed elementi ricorrenti che si incontrano in questo flusso di lavoro

Il ruolo, le potenzialità e le funzioni di Adobe Dreamweaver

Familiarizzare con L’interfaccia:

• I pannelli.
• La barra delle proprietà contestuale. 
• Gli strumenti ed i menu. 

HTML, XHTML, e CSS, HTML 5 e CSS 3

• Cosa sono. 
• Come interagiscono fra di loro.

Familiarizzazione con HTML, realizzazione di una serie di pagine di prova e di esercitazioni

Lavorare in vista Codice, in vista Anteprima ed in vista Misto

Creazione file .htm

Definizione del sito

• Istruire Dreamweaver sulle proprie cartelle di lavoro. 

I links: creazione collegamenti fra pagine

Inserimento di immagini

Il layout: Tabelle Vs Layers Vs layout responsive via DIV

Pagina web

• Impaginazione con tabelle. 
• Progettazione. 
• Strutturazione della pagina web. 
• Impaginazione via DIV e CSS3 positioning. 

Il menu di navigazione

• Caratteristiche. 
• Indicazioni sulla realizzazione e il suo utilizzo. 

I browsers

• Caratteristiche e differenze.
• Internet Explorer. 
• Mozilla Firefox. 
• Opera.
• Safari
• Camino, Maxton e “gli altri browser”
• Ottimizzazione per la visualizzazione su più browser e sistemi operativi, accorgimenti, trucchi.
• Salvataggio, anteprima nei browsers, testing e debugging delle nostre pagine. 

Trova e sostituisci, un’arma molto potente di Dreamweaver

Link checker, browser checker, language checher, ottimizzare e correggere le nostre pagine in maniera automatica

CSS 3  e HTML 5

• La separazione fra codice e presentazione. 
• Esempi su internet, teoria e pratica della semantica web. 

Sintassi CSS di base, regole, selettori, classi, Id • Utilizzo di XHTML e CSS in modo automatico tramite Dreamweaver, creazione di grafica e di stili avanzati

Aggiungere interattività alle pagine web: 

• Il pannello Comportamenti di Dreamweaver. 
• Gestione del Javascript generato dal programma e sue applicazioni più usuali e funzionali. 

Creazione di menu rollover tramite immagini e creazione automatica di bottoni Flash animati

Gli web-form 

• Gestione.
• Implementazione delle funzioni di base e testing. 

Utilizzare al meglio la guida del programma e le librerie di linguaggio incluse nel pacchetto 

Trovare materiale, guide, script, esempi scaricabili e/o tutorial su web

• Orientarsi nei siti migliori.
• Saper utilizzare la ricerca Google ed i forum specializzati in modo efficace (spesso sottovalutato)

Stili CSS avanzati, pseudoclassi, CSS 3 Transitions and Animations

Layout "table-less", utilizzare i tag <div> in congiunzione con i CSS avanzati per creare pagine web veloci, accessibili, scalabili