Díky našemu designu zápatí připravenému k použití ve Photoshopu jej můžeme začít stavět do našeho statického modelu HTML a CSS. Prvním krokem je dát nám nějaký HTML, se kterým můžeme pracovat. Již máme „část“, kterou zahrneme na všechny stránky, nazvanou „footer.php“. Toto je prozatím ideální místo pro zahrnutí našeho značení zápatí.
Jak byste mohli, zápatí je značka. V něm několik seznamů odkazů. Diskutujeme o tom, že ve skutečnosti nemusí být ideální umístit seznam odkazů do skutečného
- štítek. Nejsou to opravdu seznam, koneckonců, jsou to jen některé odkazy. Po přečtení tohoto článku už navigaci do seznamů nedávám.
V CodePen používáme funkci Zen Coding, abychom rychle získali spoustu odkazů. Chcete-li to zkusit, zadejte do editoru HTML programu CodePen znak * 8 a stiskněte klávesu Tab.
Dokončíme to tak, že napíšeme také označení pro spodní zápatí. Trochu jsme se ohrnuli a sháněli o nejlepším značení, které tam dole použijeme, ale konečně něco vybereme a jdeme s ním. Věci se na webu stejně snadno mění.