Web Design
Corso Web Design – Disegno di siti Web con HTML, CSS e Dynamic HTML
Il corso, partendo da zero, illustra le nozioni di base del Web Design. Corredato da due brevi (ma esaustive) guide all’HTML ed ai CSS, nonchè da un’introduzione al linguaggio Javascript, il corso si sviluppa seguendo un percorso prevalentemente pratico volto ad insegnare come costruire un layout (tabellari e tableless), un menu di navigazione (statico e dinamico) ed anche a stilizzare, in modo ottimale, una serie di elementi come i moduli per la raccolta dati, i box, i report dei dati e cosi via. Particolare attenzione, infine, viene dedicata al problema dell’accessibilità dei contenuti, dei menu e dei form HTML.
I nostri corsi di formazione gratuiti hanno una durata di 80 o 120 ore. I partecipanti hanno una percentuale fissa di assenze possibili pari al 30% della durata del corso.
- Introduzione al Webdesign
- Introduzione al concetto del “disegnare per il Web”
- I linguaggi del Web Design
- Formati e risoluzioni delle immagini per il Web
- Importanza e percezione psicologica dei colori
- Tavolozza dei colori per il Web in esadecimale
- Introduzione ai browser Web
- Accenni sui software di sviluppo per Web Designer
- Breve guida all’HTML – Parte 1
- Premessa
- Regole e creazione un file HTML
- Struttura di un file HTML e gestione delle intestazioni
- Elementi di testo: titoli, paragrafi ed elenchi
- Ritorno a capo nel testo
- Stili in HTML: grassetto, corsivo e sottolineato
- Collegamenti ipertestuali: i link
- Breve guida all’HTML – Parte 2
- Gestione delle immagini
- Le tabelle
- Creazione di un modulo per la raccolta dei dati
- Tutorial: impaginazione di un modulo HTML in una tabella
- Breve guida ai fogli di stile CSS – Parte 1
- Premessa
- Introduzione ai CSS e confronto con le stilizzazioni HTML
- Stili in linea, interni ed esterni
- Regole e sintassi CSS
- Classi ed identificatori univoci
- Stilizzare elementi di base: corpo della pagina
- Stilizzare elementi di base: titoli e paragrafi
- Stilizzare elementi di base: link
- Breve guida ai fogli di stile CSS – Parte 2
- Stilizzare elementi di base: immagini cliccabili
- Il Box Model: stilizzare box e tabelle
- Questioni di compatibilità: fogli di stile condizionali per Explorer
- Stilizzare un modulo HTML con i CSS
- Tutorial: stilizzare coi i CSS un modulo HTML impaginato in una tabella
- Javascript: quello che un Web Designer deve sapere
- Premessa
- Cosa significa “programmare per il Web”
- Il linguaggio Javascript: sintassi ed inserimento del codice
- Variabili e costanti
- Istruzioni di controllo: condizioni e cicli
- Creazione di funzioni personalizzate
- Javascript ed il Web Design: introduzione al DHTML ed al DOM
- Tutorial – Creare layout con le tabelle per un sito Web
- Introduzione
- Creare un layout a due colonne con le tabelle, fisso e centrato
- Creare un layout a tre colonne con le tabelle, fisso e centrato
- Creare un layout fluido a due colonne con le tabelle (a tutto schermo)
- Creare un layout fluido a tre colonne con le tabelle (a tutto schermo)
- Tutorial – Creare layout tableless per un sito Web (senza tabelle)
- Introduzione
- Creare un layout tableless fisso a due colonne
- Creare un layout tableless fisso a tre colonne
- Creare un layout tableless fluido a due colonne (a tutto schermo)
- Creare un layout tableless fluido a tre colonne (a tutto schermo)
- Considerazioni finali
- Tutorial – Speciale menu di navigazione – Parte 1
- Introduzione
- Creare un menu verticale con un “div” ed effetto rollover
- Creare un menu verticale con un elenco ed effetto rollover
- Creare un menu orizzontale con le tabelle ed effetto rollover
- Creare un menu orizzontale con i “div” con effetto rollover
- Creare un menu orizzontale con un elenco ed effetto rollover
cialis 5mg. from canadian pharmacy
- Tutorial – Speciale menu di navigazione – Parte 2
- Semplici “effetti speciali” sui menu
- Menu dinamico verticale in DHTML
- Menu dinamico orizzontale in DHTML
- Creare un “footer menu”
- Tecniche avanzate, un po’ di esempi pratici – Parte 1
- Introduzione
- Applicare uno sfondo alla pagina o ad un box
- Applicare angoli arrotondati ai box
- Box con effetto ombra
- Box centrato rispetto alla risoluzione della pagina
- Tecniche avanzate, un po’ di esempi pratici – Parte 2
- Effetti “speciali” per i link
- Personalizzare gli elenchi puntati con delle immagini
- Rollover sulle immagini con i CSS
- Effetto “loading” per le foto molto pesanti
- Rendere leggibile un report di dati alternando i colori delle celle
- Design ed accessibilità
- Concetti di usabilità ed accessibilità
- Accessibilità di un menu di navigazione
- Accessibilità di un modulo HTML
- Testi ad alta leggibilità per soggetti ipovedenti o ipervedenti
- Considerazioni finali
Iscrizione Gratuita al corso
Compilando il seguente modulo invierai una richiesta di iscrizione al corso. La tua richiesta potrà essere ritenuta confermata solo se ti recherai presso i nostri uffici con documento di riconoscimento e codice fiscale e compilando il modulo di registrazione definitivo. Ovviamente tutto RIGOROSAMENTE GRATUITO
Corsi correlati
Se ti interessa questo corso potrebbero interessarti anche questi:
- Grafica con Photoshop
- ECDL
- Tecnico Hardware