Web design 1

Il percorso triennale di Web Design nel suo complesso non ha come scopo la creazione di un sito web, ma la progettazione e la realizzazione di esperienze utente attraverso le tecnologie derivate dal web. Il termine chiave è appunto esperienza ovvero il rapporto  al contempo funzionale ed emozionale tra l’utente ed il mezzo dove le tecniche non sono mai fine a se stesse, ma utilizzate come parte di un progetto più ampio.

Il corso di Web Design è strutturato in tre annualità propedeutiche:

• Web Design 1 si concentra principalmente su HTML e CSS ed ha come obbiettivo l’acquisizione delle metodologie e delle tecniche di base per lo sviluppo di un sito web responsive.
• Web Design 2 introduce ulteriori strumenti di sviluppo come form, CSS Grid e SVG, avendo come focus la prototipazione e progettazione dell'esperienza utente sul web,
• Web Design 3 tratta le problematiche legate alla progettazione di esperienze complesse per web e applicazioni (desktop e mobile) con particolare riferimento alle linee guida definite dai principali design systems del settore.

Programma

1. HTML:
   • strutturazione delle pagine;
   • tag di base
   • tag semantici
   • utilizzo di contenuti esterni (immagini, video e audio)
2. CSS:
   • selettori di base (tag, id e classe)
   • selettori di struttura
   • flexbox
   • media query
   • font e colori
   • animazioni e transizioni

Bibliografia

• Norman Donald A., La caffettiera del masochista. Il design degli oggetti quotidiani, Giunti
• Castellucci Paola, Dall'ipertesto al Web, Laterza
• Krug S., Don't make me think. Un approccio di buon senso all'usabilità web e mobile, Tecniche Nuove, 2017
• Frain Ben, Responsive Web Design with HTML5 and CSS: Build future-proof responsive websites using the latest HTML5 and CSS techniques, Packt Publishing, 2022

Modalità didattica

Il corso è strutturato in due parti. Nella prima, attraverso una serie di lezioni frontali e di esercizi in classe, gli studenti acquisiranno la conoscenza di base necessaria alla scrittura di pagine web tramite HTML e CSS e la pratica nell'utilizzo degli strumenti necessari alla gestione del progetto. Saranno poi affrontati i problemi di base della progettazione e della realizzazione di interfacce utente per web e mobile, in particolare la gestione dei colori, dei font, delle griglie e del responsive design.

Nella seconda parte ciascun studente dovrà progettare, documentare e realizzare un sito web statico, dimostrando di aver acquisito padronanza con i linguaggi e le problematiche affrontate nel corso.

Modalità di verifica

Per accedere alla sessione d'esame sarà necessario consegnare la documentazione relativa al progetto realizzato entro la data e con le modalità indicata a lezione.
La prova d'esame consisterà nella presentazione e discussione del progetto realizzato. In particolare lo studente dovrà dimostrare di saper gestire il progetto apportando le modifiche richieste dal docente.