Med vårt design for bunnteksten klar til bruk i Photoshop, kan vi begynne å bygge den ut i vår statiske HTML- og CSS-mockup. Det første trinnet er å gi oss litt HTML å jobbe med. Vi har allerede en "del" som vi inkluderer på alle sider kalt "footer.php". Dette er det perfekte stedet å inkludere bunntekstmarkeringen vår for nå.
Som du kanskje bortsett fra, er bunnteksten en merkelapp. Innenfor det, noen lister over lenker. Vi diskuterer hvordan det egentlig ikke er ideelt å sette en liste over lenker i en faktisk
- stikkord. De er egentlig ikke en liste, det er tross alt bare noen lenker. Etter at jeg har lest denne artikkelen, har jeg ikke satt navigering i lister lenger.
Vi bruker Zen Coding-funksjonen i CodePen for å få en mengde lenker raskt å jobbe med. For å prøve det, skriv a * 8 i HTML-redigereren til CodePen og trykk deretter Tab.
Vi avslutter med å skrive markeringen for bunnfoten også. Vi hem og haw litt om den beste markup å bruke der nede, men ultimate bare velge noe og gå med det. Ting er uansett enkle å endre på nettet.