Web Design 2017/2018

Programma d’esame (valido per studenti che hanno seguito il corso nell’a.a 2017/2018)

Lo studente dovrà preparare un progetto web con in linguaggi HTML5 e CSS. Il sito dovrà proporre il maggior numero di comandi HTML e CSS possibili, naturalmente in modo coerente con la natura del progetto. L’argomento del sito può essere scelto a piacere. Il sito potrà avere un numero libero di pagine ma, indicativamente, è richiesta una complessità di almeno 5 pagine oltre alla home page (in totale, quindi, almeno 6 pagine).

Per la preparazione dell’esame, si consiglia di consultare le apposite guide di HTML e CSS sul sito HTML.it, oppure sul sito W3Schools

E’ possibile utilizzare il framework Bootstrap.

Il sito dovrà essere inviato almeno 7 giorni prima al docente via e-mail all’indirizzo andrea.crevola@gmail.com.

L’invio del progetto via e-mail è necessario per poter sostenere l’esame.

Ad ogni e-mail sarà inviata una risposta di “ricevuta”. Qualora non la riceviate entro 12 ore, siete autorizzati a spedire nuovamente i materiali o chiedere notizie.

Queste le date di consegna, appello per appello, nel 2019:

  • appello del 25/1/2019: consegna entro le ore 24:00 di venerdì 18/1/2019
  • appello del 15/2/2019: consegna entro le ore 24:00 di venerdì 8/2/2019
  • appello del 19/4/2019: consegna entro le ore 24:00 di venerdì 12/4/2019
  • appello del 17/6/2019: consegna entro le ore 24:00 di lunedì 10/6/2019
  • appello del 5/7/2019: consegna entro le ore 24:00 di venerdì 28/6/2019
  • appello del 26/7/2019: consegna entro le ore 24:00 di venerdì 19/7/2019
  • appello del 6/9/2019: consegna entro le ore 24:00 di venerdì 30/8/2019

Non sono previste deroghe o eccezioni.
Si consiglia di non spedire i materiali all’ultimo momento… 

Hai delle domande? Lascia un commento qui sotto.

Esempi affrontati a lezione

Scarica file

Dispense

HTML5 / CSS

Bibliografia del corso

Contenuti & Web writing

Web usability

Web writing & contenuti

Architettura dell’informazione

Accessibilità

Web Development

Mobile

Altro

17 commenti su “Web Design 2017/2018”

  1. Gentile professore,

    I file delle dispense non sono disponibili al download (formato non valido), tranne alcuni.
    Potrebbe ricaricarli?

    Grazie,
    Buon Lavoro.

        1. Tutte le dispense sono state ricaricate in versione PDF. Ora non dovreste avere problemi a visualizzarle.

  2. Buongiorno Professore,
    per quanto riguarda i media query del nostro sito:
    1. ci sono delle misure standard per gli schermi (es. grandezze medie degli schermi) o possiamo decidere noi?
    2. io ho un menù di navigazione orizzontale, come faccio a modificarlo in verticale all’interno di un media query?

    Grazie mille

    1. 1) non ci sono misure fisse: la regola è inserire una media query quando serve. Adottate questo approccio: realizzate il sito per una risoluzione “piccola” (es. larghezza di 360 pixel) e poi allargate progressivamente la finestra; quando vedete che un elemento della pagina non è più adeguato (es. i bottoni del menu diventano troppo grandi e anziché uno sotto all’altro possono essere messi invece su una riga sola), inserite una media query e le regole CSS del caso.

      2) una volta creata la media query, puoi cambiare il css di quell’elemento a piacere, modificandone la larghezza e la disposizione degli elementi.

  3. Buon pomeriggio Professore,
    è possibile usare la versione Bootstrap 3 anziché 4? La ringrazio anticipatamente. Buona giornata e buon lavoro.

    1. Certamente, ma su un progetto nuovo andrebbe sempre usata l’ultima versione stabile: in questo caso la 4.

  4. Buonasera Professore,
    possiamo attenerci anche a tutorial ed esempi che troviamo Online? (YouTube, CodePen..) oppure andrebbe bene riportare esclusivamente quello che abbiamo visto ed utilizzato in aula?

    1. Non c’è una risposta univoca alla tua domanda… dipende dalla fonte del tutorial. Sicuramente è ok approfondire gli argomenti con altre guide, tutorial o manuali (anche cartacei), ma non tutti sono perfetti dal punto di vista dell’impostazione.

  5. Buongiorno Professore,
    Per creare delle gallerie fotografiche o form per l’invio di contenuti, se si è scelto di non usare bootstrap, è possibile aggiungere del codice JavaScript? O è preferibile usare unicamente i CSS?

    Grazie anticipatamente.

    1. Certamente. Bootstrap é una delle tante opzioni. Se scegliete qualcosa di diverso o ulteriore, segnalatemelo nella mail di consegna.

I commenti sono chiusi.