Modelliamo gli Elementi Web col CSS

Benvenuti in questo mio secondo corso riguardante lo sviluppo del lato frontend.

Questo corso è da seguire successivamente al mio corso sul HTML, poiché, servirà a completare ciò che è stato accennato nel precedente corso riguardo allo stile dei siti web. Inoltre, cambieremo il comportamento e la strutta del HTML originale, quindi è importante conoscerla molto bene.

Il materiale richiesto è identico a quello del corso precedente: un compilatore che conosca il linguaggio come Sublime Text e un qualsiasi browser moderno.

Vedremo, quindi, come fornire uno stile grafico ai nostri siti web per poterli adattare in modo responsive, cioè, renderli visibili su ogni device di qualsiasi dimensione. Quindi, affronteremo questo linguaggio con una sintassi molto diversa dal HTML ma egualmente semplice. Coloreremo, ridimensioneremo e aggiungeremo qualche effetto semplice che non richieda l'uso di Javascript/JQuery che, invece, vedremo nel corso successivo.

In particolare, ci focalizzeremo su:

• Personalizzare lo stile di ogni elemento delle pagine web;

• Creare menu interattivi;

• Rendere ogni sito responsive tramite l'uso di media-query;

• Creare l'effetto parallasse;

• Cambiare il comportamento funzionale di alcuni elementi;

• Cambiare il comportamento del mouse su un elemento;

• Cambiare lo spazio attorno al contenuto di un elemento;

  ...E molto altro ancora!

  A fine corso, lo studente sarà in grado di generare e alterare un sito web funzionante a lato frontend e responsive.