Met ons ontwerp voor de voettekst helemaal klaar voor gebruik in Photoshop, kunnen we beginnen met het uitbouwen in onze statische HTML- en CSS-mockup. De eerste stap is om onszelf wat HTML te geven om mee te werken. We hebben al een “part” dat we op alle pagina's genaamd “footer.php” opnemen. Dit is de perfecte plek om voorlopig onze voettekstmarkeringen op te nemen.
Zoals u misschien wilt weten, is de voettekst een tag. Daarbinnen enkele lijsten met links. We bespreken hoe het misschien niet echt ideaal is om een lijst met links in een actueel
- label. Ze zijn tenslotte niet echt een lijst, het zijn slechts enkele links. Nadat ik dit artikel heb gelezen, heb ik de navigatie niet meer in lijsten gezet.
We gebruiken de Zen Coding-functie in CodePen om snel een aantal links te krijgen om mee te werken. Om het te proberen, typ een * 8 in de HTML-editor van CodePen en druk vervolgens op Tab.
We eindigen met het schrijven van de opmaak voor de onderste voettekst. We naderen en praten een beetje over de beste markup die we daar kunnen gebruiken, maar uiteindelijk kies je gewoon iets en ga je ermee akkoord. Dingen zijn sowieso gemakkelijk te veranderen op internet.