Dengan reka bentuk footer kami yang siap digunakan di Photoshop, kami boleh mula membuatnya menjadi mockup HTML dan CSS statik kami. Langkah pertama adalah memberikan HTML untuk diri kita sendiri. Kami sudah mempunyai "bahagian" yang kami sertakan di semua halaman yang disebut "footer.php". Ini adalah tempat yang tepat untuk memasukkan marker footer kami buat masa ini.
Seperti yang anda mahukan, footer adalah tag. Di dalamnya, beberapa senarai pautan. Kami membincangkan bagaimana sebenarnya tidak sesuai untuk meletakkan senarai pautan yang sebenarnya
- teg. Bagaimanapun, itu bukan senarai, itu hanya beberapa pautan. Setelah membaca artikel ini, saya tidak memasukkan navigasi dalam senarai lagi.
Kami menggunakan ciri Zen Coding di CodePen untuk mendapatkan sekumpulan pautan dengan cepat untuk digunakan. Untuk mencubanya, taipkan * 8 dalam editor HTML CodePen dan kemudian tekan Tab.
Kami menyelesaikannya dengan menulis markup untuk footer bawah juga. Kami mencari sedikit maklumat mengenai markup terbaik untuk digunakan di sana tetapi akhirnya memilih sahaja dan terus menggunakannya. Bagaimanapun, perkara mudah diubah di web.