css

In questo quarto articolo relativo alle pagine html e la formattazione css vogliamo creare un sito web per la scuola, e il sito sarà composto da quattro o cinque pagine web, che avranno lo stesso layout.

Le pagine sono:

1) Home Page (deve contenere le notizie, gli articoli, tipo un corriere delle scuola).

2) Pagina dalla quale si puo' scaricare il PTOF (Piano Triennale dell'Offerta Formativa)

In questo terzo articolo relativo alle pagine html e la formattazione css mettiamo una sidebar laterale a sinistra dove sarà possibile inserire dei link.

In questo esercizio rimane la stessa struttura delle cartelle e dei file:
 

TerzoEsempio (cartella)

--> indice.html (file html)

--> css (cartella)

------------> mio_stile.css (file css)

---> img (cartella)

------------>  irlanda-clima.jpg (una immagine JPEG che descriva il clima irlandese)

L'esempio precedente non contiene una valida formattazione della pagina e del menu.

E' posssibile provare e migliorarlo.

Si ricorda di agire sul file con estensione

.html

solo per il contenuto e la sua gerarchia.

Tutta la formattazione grafica e il layout è demandato al file con estensione

.css

In questo esercizio dovete creare una struttura delle cartelle e dei file come segue:
 

Primo esempio

Questo è un breve esempio base di una pagina web senza formattazione del testo in html5.

Provare a scrivere con un editor di testo (si consiglia "Sublime Text" oppure "Brackets", ma va bene anche un qualsiasi editor di testo avanzato come Notepad++, oppure nel caso peggiore il Blocco Note di Windows) la seguente pagina web