Vďaka nášmu dizajnu päty, ktorý je pripravený na použitie vo Photoshope, ho môžeme začať stavať do našej statickej makety HTML a CSS. Prvým krokom je dať nám trochu HTML na prácu. Už máme „časť“, ktorú začleňujeme na všetky stránky, nazývanú „footer.php“. Toto je teraz ideálne miesto na zahrnutie našich značiek päty.
Ako by ste mohli povedať, päta je značka. V rámci nej niekoľko zoznamov odkazov. Diskutujeme o tom, ako by vlastne nebolo ideálne vložiť zoznam odkazov do skutočných
- značka. Nie sú to vlastne žiadny zoznam, koniec koncov, sú to iba niektoré odkazy. Po prečítaní tohto článku už navigáciu do zoznamov nedávam.
V aplikácii CodePen používame funkciu Zen Coding, pomocou ktorej rýchlo získate veľa odkazov, s ktorými môžete pracovať. Ak to chcete vyskúšať, zadajte do editora HTML programu CodePen znak * 8 a stlačte kláves Tab.
Dokončíme to napísaním značky aj pre spodnú pätu. Trochu sa ohraničíme a zalomíme v súvislosti s najlepším značením, ktoré sa dá použiť tam dole, ale nakoniec si len niečo vyberieme a ideme s tým. Veci sa na webe dajú ľahko zmeniť.