Programma
OBIETTIVI
Il corso è finalizzato all’acquisizione di elementi di web design per l’analisi e la progettazione e realizzazione di siti web.
La prima parte del corso “Laboratorio di Web Design” sarà orientata allo studio, alla creazione e l’analisi critica di siti web, ponendo particolare attenzione al processo di design, all’ottimizzazione delle immagini e all’usabilità.
La parte di laboratorio sarà dedicata alla realizzazione di un sito web utilizzando lo standard xhtml e i fogli di stile (CSS). Gli studenti impareranno a scrivere, modificare e pubblicare una pagina HTML. Le pagine realizzate durante il laboratorio saranno pubblicate on-line su uno spazio web provvisorio.
Software utilizzati:
Kompozer (editor html opensource sviluppato da Mozilla Application Suite)
GIMP (GNU Image Manipulation Program) programma opensource per la gestione delle immagini.
PROGRAMMA DEL CORSO
- Principi universali di design
- Web e Graphics Design a confronto. La gestione del colore. I caratteri tipografici. La gestione del layout.
- Usabilità (principi di progettazione di interfacce: percezione, affordance e vincoli, legge di Fitts, mapping, chunking).
- Storia del Web design (panoramica e tappe principali della storia del web design, con particolare attenzione alle caratteristiche principali del web design contemporaneo).
- Pianificazione di un sito web. Definizione dei requisiti degli utenti.
- Architettura dell’informazione e progettazione (strutture di organizzazione dei contenuti)
- Sistemi di navigazione ( principale, locale, contestuale, supplementare, ausiliaria).
- Motori di ricerca (SEO, SERP).
- Linee guida per la progettazione di siti web usabili
- Elementi base di accessibilità. Le linee guida sull’accessibilità del Consorzio W3C. La legge Stanca.
- Il linguaggio XHTML. Marcatori XHTML strutturali. Formattazione del testo. Link e navigazione. Immagini. Box model.
- Fogli di stile (CSS): Regole di sintassi. Ereditarietà. Proprietà del testo, dei contenitori e del layout della pagina.
MODALITÀ DI ACCERTAMENTO DEL PROFITTO
Per gli studenti frequentanti: realizzazione di un sito web, esame orale basato sul libro di testo e sui materiali integrativi forniti nel corso delle
lezioni.
Per gli studenti non frequentanti: esame orale basato sul libro di testo e materiali integrativi messi disposizione online.
TESTI D’ESAME
CORSISTI
S. Postai, Siti che funzionano 3.0, Tecniche Nuove, 2011.
Dispensa a cura del docente.
NON CORSISTI
A. Crevola e C. Gena, Web Design. La progettazione centrata sull’utente, Città Studi Edizioni.
Saggi e materiali integrativi:
Principi di interaction design
Il ruolo della psicologia cognitiva nell’usabilità dei siti web
Dall’idea al prototipo: i documenti di un progetto web
Comments (14)
Paolo
| #
Salve Prof.,
gradirei sapere se e’ possibile avere le slide della Sua lezione di Ieri e magari dei riferimenti su dove trovare i video che ha mostrato durante la lezione (commoncraft.com doppiati in Italiano)
Grazie
Reply
valeria
| #
le slides della lezione di mercoledì sono piene di immagini e video… magari estrapolo quelle con il testo…
Per i video basta cercare su Youtube “CommonCraft in italiano”.
Reply
Paolo
| #
Quelle che ho trovato hanno un “leggero” accento siciliano.
Comunque sono ottime. Grazie per il suggerimento.
Reply
paolo
| #
Grazie.
Reply
Giammaria
| #
Prof. ma per quanto riguarda i compiti a casa , ve li dobbiamo portare su chiavetta ?
Reply
Giuseppe Caruso
| #
Per quanto riguarda l’esercitazione della ricerca dei siti web contenenti i “clicca qui”, se possiedi un account su Facebook, puoi tranquillamente pubblicare i risultati della tua ricerca nell’apposito gruppo denominato ” —>CLICCA QUI<— Laboratorio di web design", raggiungibile al seguente link: http://www.facebook.com/groups/168744113221319
Per il resto puoi inviare il tutto per e-mail all'indirizzo di posta elettronica: labwebdesign[AT]gmail.com
Ovviamente, se per qualche motivo non riesci ad usufruire di questi canali, puoi utilizzare la tua pen drive.
Reply
paolo luongo
| #
Giuseppe, come sai, sono un grande esperto di FaceBook (mannaggia).
Come si posta sulla bacheca del clicca qui ?
Grazie
Paolo
Reply
Giuseppe Caruso
| #
Per postare sulla bacheca del gruppo ” —>CLICCA QUI<— Laboratorio di web design" è necessaria l'iscrizione. Per iscriversi basta semplicemente visitare la pagina del gruppo raggiungibile mediante il seguente link http://www.facebook.com/groups/168744113221319 per poi cliccare sul tasto grigio "Richiedi di iscriversi al gruppo" che compare in altro a destra.
Reply
Ida
| #
Salve Prof. ma la foto del cartellone pubblicitario dobbiamo inviarla tramite e-mail?
Grazie
Reply
valeria
| #
Yes!
Reply
Paolo Amato
| #
Professoressa non ho la sua mail
help me
Reply
valeria
| #
labwebdesign@gmail.com
Reply
Gesualda Bruno
| #
Chiar.ma Prof.sa le mie foto sono in arrivo, ho avuto un problema tecnico!! A presto! Gesualda (Gisa)
Reply
gisa
| #
salve a tutti,
sperando vi possa interessare posto due link:
erik spiekermann
http://www.youtube.com/watch?v=McZSUjP1AcE
e david carson immagini
http://www.google.it/search?q=david+carson&hl=it&prmd=imvnsob&tbm=isch&tbo=u&source=univ&sa=X&ei=QgvZTrPPBoOr-ga33oj4CA&ved=0CE0QsAQ&biw=1762&bih=903
PS: per quanto riguarda i FonT: che DELUSIONE il font che ho scelto!!!! non è come me lo aspettavo… lo ammetto, ci sono cascata a causa del nome (century “gothic”)!!!
Reply