Con il nostro design per il piè di pagina tutto pronto per l'uso in Photoshop, possiamo iniziare a costruirlo nel nostro mockup HTML e CSS statico. Il primo passo è darci un po 'di HTML con cui lavorare. Abbiamo già una "parte" che includiamo in tutte le pagine chiamata "footer.php". Questo è il posto perfetto per includere il nostro markup nel piè di pagina per ora.
Come potresti eccetto, il piè di pagina è un tag. Al suo interno alcuni elenchi di link. Discutiamo di come potrebbe non essere l'ideale mettere un elenco di link in un file
- etichetta. Non sono davvero un elenco, dopotutto, sono solo alcuni collegamenti. Dopo aver letto questo articolo, non ho più inserito la navigazione negli elenchi.
Usiamo la funzione Zen Coding in CodePen per ottenere rapidamente un sacco di collegamenti con cui lavorare. Per provarlo, digita * 8 nell'editor HTML di CodePen e quindi premi Tab.
Finiamo scrivendo il markup anche per il piè di pagina in basso. Cerchiamo e vendiamo un po 'il miglior markup da usare laggiù, ma per ultimo basta scegliere qualcosa e seguirlo. Le cose sono comunque facili da cambiare sul web.