Имея готовый дизайн нижнего колонтитула в Photoshop, мы можем начать встраивать его в наш статический макет HTML и CSS. Первый шаг - дать себе немного HTML для работы. У нас уже есть «часть», которую мы включаем на все страницы, под названием «footer.php». Это идеальное место для добавления разметки нижнего колонтитула.
Как вы могли бы заметить, нижний колонтитул - это тег. В нем несколько списков ссылок. Мы обсуждаем, как на самом деле может быть не идеально помещать список ссылок в реальный
- тег. В конце концов, это не список, а всего лишь несколько ссылок. После прочтения этой статьи я больше не помещал навигацию в списки.
Мы используем функцию Zen Coding в CodePen, чтобы быстро получить кучу ссылок для работы. Чтобы попробовать, введите * 8 в редакторе HTML CodePen и нажмите Tab.
Закончим, написав разметку и для нижнего колонтитула. Мы подшучиваем и обсуждаем лучшую разметку для использования там внизу, но в конечном итоге просто выбираем что-нибудь и принимаем это. В любом случае, в сети все легко изменить.