З нашим дизайном колонтитула, готовим до роботи в Photoshop, ми можемо почати його вбудовувати в наш статичний макет HTML і CSS. Перший крок - це дати собі трохи HTML для роботи. Ми вже маємо “частину”, яку ми включаємо на всі сторінки під назвою “footer.php”. Наразі це ідеальне місце для включення нашої розмітки нижнього колонтитула.
Як ви не могли, нижній колонтитул - це тег. У ній є кілька списків посилань. Ми обговорюємо, як насправді не ідеально розміщувати список посилань у фактичному
- тег. Вони насправді не є списком, врешті-решт, це лише деякі посилання. Після того, як я прочитав цю статтю, я більше не включав навігацію до списків.
Ми використовуємо функцію Zen Coding у CodePen, щоб швидко отримати купу посилань для роботи. Щоб спробувати, введіть * 8 у редакторі HTML CodePen, а потім натисніть Tab.
Ми закінчуємо написанням розмітки для нижнього нижнього колонтитулу. Ми підшиваємо та розбираємось трохи про найкращу розмітку, яку можна використовувати там, але в кінцевому підсумку просто виберіть щось та йдіть з цим. Речі легко змінити в Інтернеті, так чи інакше.