Cu designul nostru pentru subsol, totul gata de pornire în Photoshop, putem începe să îl construim în macheta noastră statică HTML și CSS. Primul pas este să ne oferim ceva HTML pentru a lucra. Avem deja o „parte” pe care o includem pe toate paginile numită „footer.php”. Acesta este locul perfect pentru a include marcajul subsolului nostru pentru moment.
După cum ați putea, cu excepția, subsolul este o etichetă. În cadrul acestuia, câteva liste de linkuri. Discutăm despre modul în care s-ar putea să nu fie de fapt ideal să puneți o listă de link-uri într-un real
- etichetă. Nu sunt chiar o listă, la urma urmei, sunt doar niște linkuri. După ce am citit acest articol, nu am mai pus navigarea în liste.
Folosim caracteristica Zen Coding din CodePen pentru a obține rapid o grămadă de linkuri pentru a lucra. Pentru a încerca, tastați un * 8 în editorul HTML al CodePen și apoi apăsați Tab.
Finalizăm scriind și marcajul pentru subsolul de jos. Vorbim și vorbim puțin despre cel mai bun markup pe care să-l folosim acolo, dar final, alegem ceva și mergem cu el. Lucrurile sunt ușor de schimbat pe web, oricum.