PC Academy Adobe Authorized Training Center

Corso Adobe Dreamweaver CC Online

Programma Analitico

Dreamweaver

Il sito Internet
Introduzione
Il percorso di vita di un sito

Prime operazioni con Dreamweaver

Area di lavoro di Dreamweaver CC
Configurazione di un nuovo sito in Dreamweaver
Creare una nuova pagina html
Aprire le pagine html e navigare tra documenti aperti
Uno sguardo al codice: html e tag
Uno sguardo al codice: i tag head e body

Creare i link

Creare collegamenti ipertestuali
Creare link assoluti
Creare link ad un indirizzo e-mail
Uno sguardo al codice: il tag <a>
L'ancoraggio con nome

Oggetti comuni nelle pagine html

Inserire immagini in una pagina html
Modificare le dimensioni delle immagini
Inserire link sulle immagini
Testo alternativo e titolo delle immagini
Uno sguardo al codice: il tag <img>
Creare mappe sulle immagini
Inserire un'immagine in un blocco di testo
Il filetto orizzontale
Le tabelle: struttura base
Proprietà degli elementi interni delle tabelle: le cellette

Introduzione al css

Introduzione
Creazione di un foglio stile css
Collegare il foglio stile css alle pagine html
Tipologie di regole css
Uno sguardo al codice: Collegamento tra pagine html e css
Ricavare il tag degli elementi della pagine html
Il nuovo pannello Css Designer

Formattare con i css

Formattare i testi: la regola font-family
Formattare i testi: stile, spessore e dimensioni
Formattare i testi: colore, allineamenti e decorazioni
Formattare i testi: maiuscolo, interlinea e rientri
Uno sguardo al codice: la sintassi css
Formattare i link: Introduzione
Formattare i link: Configurazione
Formattare gli sfondi: la regola background-color
Formattare gli sfondi: la regola background-image
Formattare gli sfondi: la regola background-gradient
Formattare gli sfondi: la regola background-repeat
Formattare gli sfondi: la regola background-position
Formattare gli sfondi: gestire immagini di sfondo di grandi dimensioni
Formattare gli sfondi: la regola background-attachment
Formattare i bordi: la regola border-color
Formattare i bordi: la regola border-width
Formattare i bordi: la regola border-style
Formattare le liste: Introduzione
Uno sguardo al codice: le liste
Formattare le liste: la regola list-style-type
Formattare le liste: la regola list-style-image
Formattare le liste: la regola list-style-position
Le regole per classe
Regole per classe applicate ai testi
Le regole per ID

Impaginare con i css

Introduzione
I div
Prime operazioni per impaginare
Tecniche di impaginazione: impaginare un layout semplice
Uno sguardo al codice: I vantaggi dell'impaginazione con i css

Impaginare un sito avanzato

Introduzione
Impostare il progetto
Operazioni preliminari
Tecniche di impaginazione di un sito avanzato

Completare la struttura del sito

Creare una barra di navigazione testuale con le liste
Personalizzare i link nel layout
Creare una barra di navigazione con le immagini di rollover
La regola overflow
Creare le pagine interne del sito
Finalizzare la struttura del sito

Strutture alternative: Lo strumento IFRAME

Introduzione
Configurazioni iniziali
Caricare pagine in automatico dentro l'iframe
Gestire gli sfondi
Caricare nell'iframe le pagine da link
Gestire contenuti lunghi
Inserimento in un layout reale

Strutture alternative: I modelli di Dreamweaver

Introduzione
Aree editabili e creazione del modello
Creare pagine da modello
Applicare modifiche al sito da modello
Scollegare le pagine html dal modello

Impaginare con i tag semantici di HTML5

Introduzione
Prime operazioni per impaginare con tag semantici
Il tag header
Il tag nav
Personalizzare più tag dello stesso tipo
I tag article e section
I tag footer e aside

Uso avanzato dei fogli stile: Il css3

La regola border-radius
La regola box-shadow
La regola text-shadow
La regola cover
La regola font-face per inglobare i font nel sito

I javascript di Dreamweaver

Il comportamento javascript "Apri finestra browser"
Il comportamento javascript "Controlla plugin"

Elementi multimediali

Il tag video di html5
Il tag audio di html5
Inserire un file flv nella pagina html

I form

Introduzione
Inserimento del modulo
Il campo di testo semplice
Il campo di testo e-mail
Il campo di testo url
Il campo di testo telefono
Il campo di testo password
L'area di testo
Il pulsante di scelta
La casella di controllo
Il menù a tendina
Creazione dell'informativa alla privacy
I pulsanti Invio e Reset
Allineare gli elementi del form con le tabelle
Formattare gli elementi del form con i css

Altri elementi delle pagine html

I metatag keywords e description
Il tag title
Inserire un file flash SWF
Inserire contenuto alternativo ad SWF
Creare link per il download di files
Oggetti jQuery: Il pannello comprimibile
Oggetti jQuery: Il pannello a schede
Oggetti jQuery: La finestra di dialogo

Layout a griglia fluida

Introduzione
Creazione e salvataggio della struttura
Uno sguardo al css
Inserimento di div fluidi
Tecniche di impaginazione
Nascondere div nella struttura

La nuova griglia fluida Bootstrap

Cosa è Bootstrap
Configurazione dello strumento
Analisi della griglia
Inserimento del Container
Impaginare la griglia

Pubblicazione del sito

Introduzione
Impostare i parametri ftp
Caricare e scaricare da remoto le pagine html

Novità CC 2014

Il nuovo strumento Vista rapida elemento creative cloud
Vista dal vivo potenziata e migliorata creative cloud
Miglioramenti e implementazioni del pannello CSS Designer creative cloud