Med vores design til sidefoden klar til brug i Photoshop, kan vi begynde at bygge det ud i vores statiske HTML- og CSS-mockup. Det første trin er at give os selv nogle HTML at arbejde med. Vi har allerede en "del", som vi inkluderer på alle sider kaldet "footer.php". Dette er det perfekte sted at inkludere vores footer-markering indtil videre.
Som du måske undtager, er sidefoden et mærke. Inden for det nogle lister over links. Vi diskuterer, hvordan det faktisk ikke er ideelt at placere en liste over links i en faktisk
- tag. De er ikke rigtig en liste, det er trods alt bare nogle links. Efter at jeg har læst denne artikel, har jeg ikke lagt navigering i lister længere.
Vi bruger Zen Coding-funktionen i CodePen til hurtigt at få en masse links til at arbejde med. For at prøve det skal du skrive en * 8 i HTML-editoren til CodePen og derefter trykke på Tab.
Vi afslutter ved også at skrive markeringen til bundfoden. Vi hæmmer og har lidt om den bedste markering at bruge dernede, men ultimativ skal du bare vælge noget og gå med det. Ting er alligevel let at ændre på nettet.