PC Academy Adobe Authorized Training Center

Corso Online HTML5

Programma Analitico

HTML5

Nozioni di base di HTML

Introduzione
Il linguaggio HTML
Requisiti di Sistema
Tag HTML

Struttura base di una pagina HTML

Struttura pagina HTML
Paragrafi e interruzioni di riga
Titolo e Metatag

Formattare il testo con i tag HTML
Formattazione testo con tag
Intestazioni
Grassetto e Corsivo
Apice e Pedice
Formattare citazioni

Utilizzare elenchi e sfondi

Elenchi puntati e numerati
Elenchi nidificati
Personalizzare elenchi puntati e numerati
Specificare inizio elenco numerato
Elenco di definizione
Inserire caratteri speciali
Filetto orizzontale
Colori nel Web
Applicare sfondo alla pagina
Applicare colore al testo
Definire immagine di sfondo

Collegamenti ipertestuali e ancoraggi

Collegamenti ipertestuali
Creazione collegamento ipertestuale
Link relativi e assoluti
Impostare finestra destinazione
Collegamento ad indirizzo email
Collegamento ad ancoraggio
Collegamento ad altri contenuti

Introduzione ai fogli stile css

Introduzione
Creazione di una regola CSS
Regole per Classe e regole per ID
Applicare uno stile ai collegamenti ipertestuali
Creare e collegare un foglio stile esterno

Formattare il testo con i fogli stile css

Impostare la famiglia di caratteri
Impostare le dimensioni del carattere
Impostare il colore del carattere
Applicare grassetto e corsivo
Testo barrato e sottolineato
Creare uno span inline
Spaziatura tra lettere e parole
Rientro dei paragrafi
Applicare un bordo ad un paragrafo
Spessore e colore del bordo
Allineamento orizzontale di un paragrafo
Impostare l'interlinea
I nuovi tag HTML5 per la formattazione del testo: em, strong, dfn e code
I nuovi tag HTML5 per la formattazione del testo: samp, kbd, var e cite
I nuovi tag HTML5 per la formattazione del testo: mark
I nuovi tag HTML5 per la formattazione del testo: time
I nuovi tag HTML5 per la formattazione del testo: wbr

Visualizzare le immagini

Visualizzare le immagini
Formati grafici per Web
Inserire immagine in una pagina HTML
Modificare dimensioni delle immagini
Applicare margine ad immagine
Creare collegamento ipertestuale ad immagine
Utilizzare miniature immagine
Testo alternativo su immagine
Tag HTML5: figure
Creare Mappe Immagine
Effettuare refresh ad altro URL

Impaginazione layout basati su Div

Introduzione
Layout basati su Div: i tag semantici di HTML5
Layout basati su Div: Il tag Div
Layout basati su Div: applicazione di un tag semantico di HTML5
Layout basati su Div: impostare le dimensioni di un Div
Layout basati su Div: la proprietà float
Layout basati su Div: dimensioni e allineamento di un tag semantico
Spaziature esterne al div, la proprietà margin
Spaziature interne al div, la proprietà padding

Le tabelle

Le tabelle: introduzione
Le tabelle: creazione di una tabella
Le tabelle: spessore del bordo delle tabelle
Le tabelle: Dimensioni della tabella
Le tabelle: Dimensioni delle colonne
Le tabelle: colore di sfondo di una tabella
Le tabelle: colore di sfondo delle celle di una tabella
Le tabelle: spaziatura interna delle celle
Le tabelle: spaziatura esterna delle celle
Le tabelle: allineamento orizzontale nelle celle
Le tabelle: allineamento verticale nelle celle

I form

I form: introduzione
I form: tag form
I form: Le caselle di testo
I form: Altre caratteristiche delle caselle di testo
I form: I campi email e URL introdotti da HTML5
I form: Area di testo
I form: Testo predefinito e testo segnaposto di HTML5
I form: Caselle di controllo
I form: Pulsante di scelta
I form: Gli elenchi/menu
I form: I pulsanti Submit e Reset