La prima cosa da fare è suddividere in blocchi logici la pagina, identificando le parti comuni da applicare a tutte le pagine
Le varie aree saranno quindi suddivise in:
- Contenuti di intestazione del tag
<header> -
Contenuti centrali variabili del tag
<main>(corpo principale) -
Contenuti di fine pagina comuni, da inserire nel tag
<footer>
Formattazione del codice
Il testo dell'articolo dovrà essere formattato per identificare tutte le parti da selezionare con i CSS. Perciò i passi saranno:
- Progettare su carta il markup finale, assegnando ad ogni specifico testo il tag appropriato
- Scrivere l'HTML dai tag esterni a quelli interni e dall'alto verso il basso
- Applicare gli stili CSS
L'applicazione di stili CSS è cresciuta negli anni fino a raggiungere la diffusione pressoché totale.
| Anno | % di utilizzo | Supporto browsers |
|---|---|---|
| 2000 | 20% | 17% |
| 2002 | 35% | 22% |
| 2004 | 45% | 42% |
| 2008 | 80% | 51% |
| 2012 | 100% | 76% |
Un test di validazione potrà essere fatto tramite il tool online dedicato allo scopo. Una volta ottimizzato il tutto, avremo raggiunto il nostro obiettivo ed essere stati dei veri developers come loro:
Novità
Vuoi rimanere aggiornato su altre novità del blog? Iscriviti alla nostra newsletter: