Modelliamo gli Elementi Web col CSS
Corso per Personalizzare l'Aspetto Visivo e Funzionale dei Nostri Siti Web in modo Responsive
What you will learn
Manipolare la struttura HTML che già conosci col CSS
Creare una pagina web responsive
Alterare qualche funzione standard degli elementi HTML
Imparerai ad applicare l'effetto parallasse
Imparerai a creare un menu interattivo per la tua pagina web
Why take this course?
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.
Screenshots
