Dengan desain footer kami yang sudah siap untuk digunakan di Photoshop, kami dapat mulai membuatnya menjadi mockup HTML dan CSS statis kami. Langkah pertama adalah memberikan beberapa HTML untuk dikerjakan. Kami sudah memiliki "bagian" yang kami sertakan di semua halaman yang disebut "footer.php". Ini adalah tempat yang tepat untuk memasukkan markup footer kami untuk saat ini.
Seperti yang Anda bisa kecuali, footer adalah tag. Di dalamnya, beberapa daftar tautan. Kami membahas bagaimana mungkin sebenarnya tidak ideal untuk meletakkan daftar tautan secara aktual
- menandai. Mereka sebenarnya bukan daftar, itu hanya beberapa tautan. Setelah saya membaca artikel ini, saya tidak lagi memasukkan navigasi dalam daftar.
Kami menggunakan fitur Zen Coding di CodePen untuk mendapatkan banyak tautan dengan cepat untuk digunakan. Untuk mencobanya, ketik * 8 di editor HTML CodePen lalu tekan Tab.
Kami menyelesaikannya dengan menulis markup untuk footer bawah juga. Kami ragu-ragu sedikit tentang markup terbaik untuk digunakan di sana tetapi yang terakhir hanya memilih sesuatu dan pergi dengannya. Hal-hal yang mudah diubah di web.