Scopri HTML e CSS, i fondamenti del Web Design

La struttura di un sito web non si raggiunge soltanto con la grafica che viene sviluppata per questo ma viene richiesta anche dal punto di vista del codice. In questa lezione andremo a vedere gli elementi essenziali di qualsiasi pagina web e gli elementi HTML in grado di rappresentarli.

Conosciuti gli elementi base che danno struttura ad una pagina web è giunto il momento di scoprire altri elementi che permettono di costruire veramente la pagina. Titoli, formattazione del testo e altri elementi essenziali vengono trattati in questa lezione.

Senza lo stile qualsiasi pagina web non sarebbe altro che un foglio bianco con del testo nero e qualche immagine. I CSS permettono di personalizzare la pagina che stiamo sviluppando aggiungendo sfondi, bordi e spazi che permettono di personalizzare il ritmo dei contenuti della pagina.

Il Web è fatto di link che permettono di saltare da una pagina all’altra e in questa lezione andremo a scoprire come funzionano questi elementi essenziali alla vita di qualsiasi sito web e sopratutto aggiungeremo nuove pagine al progetto che stiamo realizzando.

Abbiamo già visto diversi selettori CSS che ti permettono di personalizzare gli elementi presenti in una pagina, ma talvolta c’è bisogno di qualcosa in più… Ecco perché in questa lezione scopriremo come usare ID e classi!

Iniziamo a costruire l’homepage del nostro progetto andando ad analizzare alcune componenti essenziali e scoprendo come sia possibile inserire un logo, il menu e iniziare a dare carattere alla nostra pagina web.

Continuiamo a costruire l’homepage aggiungendo gli elementi essenziali come la propria value proposition e incontrando per la prima volta la proprietà float che ti permette di affiancare elementi blocco.

Concludiamo il corso con la pagina news perché è una delle più interessanti che questo progetto ha da offrire. Scoprirai infatti come sistemare il layout, inserire delle ombre per le nostre immagini e sfruttare al massimo la proprietà float!