Web Designer è il corso per chi vuole disegnare e creare siti internet ad alto impatto visivo. Nel corso, strutturato in moduli giornalieri, uno pratico e l’altro teorico, particolare importanza viene data all’implementazione degli elementi creati in Adobe Photoshop con il linguaggio nativo del web.
Infatti, l’errore più comune, per neofiti o designer autodidatti, è la creazione di pagine web in software come Dreamweaver o Frontpage in modalità grafica.
L’utilizzo sapiente, invece, dell’html e dei css, porterà ad ottenere documenti puliti, snelli e soprattutto validabili.
TEORIA
Web standard
W3C e validazione
Il web 2.0
La struttura di una pagina
I colori
Il Briefing e la sua interpretazione
La pianificazione
Definzioni di Html, Xml, Css
I vari browser
L'UTENTE
Il concetto di User Experience
Le informazioni semplici da raggiungere
Interfacce grafiche idonee
Far sapere dove si trova l'utente
La legge dei 3 click
Errori più comuni
IL DESIGN E ADOBE PHOTOSHOP
Panoramica del software
Gli strumenti web
Le sezioni
Progettare il layout
Esportare per il web
LE IMMAGINI
La risoluzione delle immagini
Importanza del peso di un immagine
Le GIF
Aggiungere la trasparenza su una GIF
Le GIF animate
Il formato JPEG e JPEG Progressive
Fattori di compressione
Il formato PNG
IL LINGUAGGIO HTML
Il linguaggio Html
La sintassi Html
Elementi, tag ed attributi
Regole e selettori
Il testo, i link e le immmagini
Gli elenchi
I vari tipi di menù di navigazione
Le tabelle ed i Form
Adobe Dreamweaver
Progetto di un sito internet
I tag principali: html, head, body
Organizzare i contenuti con i DIV.
DIV e posizionamento: statico, relativo, assoluto, fisso
Tag P e tag SPAN
Collegamenti ipertestuali
Percorsi relativi ed assoluti
IL LINGUAGGIO CSS
Fogli di stile CSS
Le sintassi
Creazione, salvataggio e modifica di un file CSS
La gestione dei CSS in Dreamweaver
Associazione dei CSS ad una pagina
Le Proprietà di pagina
Css per classi, per ID, per tag
Css per link
Css avanzati e stili combinati
HTML5
La transizione tra HTML4 HTML5 ed il supporto dei browser
Nuovi tags semantici per la definizione funzionale della struttura di pagina
Visualizzazione e controllo di video, audio e tracce esterne
Il supporto del drag & drop
Usare lo scripting con i canvas per disegnare sulle pagine web
Il supporto per il formato SVG (Scalable Vector Graphics)
La geolocalizzazione: individuare e visualizzare la posizione dell’utente tramite latitudine e longitudine
Il Web Storage: archiviare i dati nel browser
Caching e supporto per le applicazioni offline
Scripting, caricamento e funzionalità : i web workers
Tag di input, elementi ed attributi nei form
Nuovi strumenti per catturare gli eventi: come cambia l’interazione con gli utenti
L’integrazione tra HTML 5 e CSS 3.
I LAYOUT
Predisposizione della pagina
I differenti layout di un sito web
Layout liquidi, elastici e fissi
Layout a due colonne
Layout a tre colonne
Layout a quattro colonne
USABILITÀ
Definizione
Analisi di siti internet
Gli errori più comuni
Cenni di accessibilità
PUBBLICARE IL SITO
Organizzazione dei file su disco
Vista locale e vista remota
Caricare i file online
ESERCITAZIONE PRATICA: CREAZIONE DI UNA NEWSLETTER