С нашия дизайн на долния колонтитул, готов за използване във Photoshop, можем да започнем да го изграждаме в статичния си HTML и CSS макет. Първата стъпка е да си дадем малко HTML, с който да работим. Вече имаме „част“, която включваме на всички страници, наречена „footer.php“. Засега това е идеалното място да включим нашата маркировка на долния колонтитул.
Както може би освен, долният колонтитул е таг. В него има няколко списъка с връзки. Обсъждаме как всъщност не е идеално да се постави списък с връзки в действителен
- етикет. Всъщност те не са списък, това са само някои връзки. След като прочетох тази статия, вече не пускам навигация в списъци.
Използваме функцията Zen Coding в CodePen, за да получим куп връзки бързо за работа. За да опитате, въведете * 8 в HTML редактора на CodePen и след това натиснете Tab.
Завършваме, като напишем и маркировката за долния долен колонтитул. Ние подгъваме и разглеждаме малко за най-добрата маркировка, която да използваме там, но в крайна сметка просто изберете нещо и отидете с него. Нещата лесно се променят в мрежата, така или иначе.