Với thiết kế của chúng tôi cho phần footer, tất cả đã sẵn sàng để sử dụng trong Photoshop, chúng tôi có thể bắt đầu xây dựng nó thành mô hình HTML và CSS tĩnh của mình. Bước đầu tiên là tạo cho chúng ta một số HTML để làm việc. Chúng tôi đã có một “phần” mà chúng tôi đưa vào tất cả các trang được gọi là “footer.php”. Đây là nơi hoàn hảo để bao gồm đánh dấu chân trang của chúng tôi ngay bây giờ.
Như bạn có thể ngoại trừ, footer là một thẻ. Trong đó, một số danh sách các liên kết. Chúng tôi thảo luận về cách thực sự có thể không lý tưởng để đưa một danh sách các liên kết vào một
- nhãn. Chúng thực sự không phải là một danh sách, sau tất cả, nó chỉ là một số liên kết. Sau khi tôi đọc bài viết này, tôi đã không đặt điều hướng trong danh sách nữa.
Chúng tôi sử dụng tính năng Mã hóa Zen trong CodePen để nhanh chóng có được một loạt các liên kết để làm việc. Để thử, hãy nhập * 8 vào trình soạn thảo HTML của CodePen rồi nhấn Tab.
Chúng tôi kết thúc bằng cách viết đánh dấu cho chân trang dưới cùng. Chúng tôi mong đợi một chút về điểm đánh dấu tốt nhất để sử dụng ở đó nhưng cuối cùng chỉ cần chọn một cái gì đó và đi với nó. Mọi thứ rất dễ thay đổi trên web.