Tutorial membuat tampilan Layout sederhana dengan HTML dan CSS
Ditulis oleh Mangandaralam Sakti, 11 september 2022
Layout adalah sebuah desain/tampilan awal sebuah website. Sebelum membuat laman website, biasanya para web development akan membuat tampilan layout terlebih dahulu, untuk rancangan website yang akan dia buat.
Jadi fungsi layout disini adalah sebagai tampilan awal sebelum membuat website sebenarnya agar kita dapat tergambar, bagaimana tampilan web yang akan kita buat agar menarik dan enak dilihat.
Baiklah mari kita lanjut ke tutorialnya. Berikut adalah langkah langkahnya:
🖌Langkah langkah membuat tampilan Layout:
1. Buat folder baru untuk menyimpan file HTML dan CSS.
2. Lalu buat codingan di file HTML dan CSS seperti berikut:
Bagian bagian layout:
1. Header
Digunakan untuk membuat bagian header. halaman web. Header berisi konten pengantar, elemen heading, logo atau ikon untuk halaman web, dan informasi authorship.
2. Navigasi
adalah konten untuk blok utama dari link navigasi. Ia dapat berisikan link menu yang sama untuk laman yang sama atau laman lainnya.
3. Sidebar
Berisi konten yang terkait dengan konten utama. Konten <aside> harus terkait dengan konten utama. Ini dapat berfungsi sebagai bilah sisi untuk konten utama halaman web.
4. Body
Body berisi, isi dari sebuah web baik itu paragraf heading dan lain sebagainya.
5. Artikel
digunakan untuk memuat artikel mandiri seperti cerita besar, artikel besar, dan lainnya.
6. Footer
Elemen HTML <footer> mendefinisikan footer untuk dokumen atau halaman web tersebut. Ini sebagian besar berisi informasi tentang penulis, hak cipta, tautan lain, dan lain sebagainya.
Sekian tutorial dari saya semoga bermanfaat
Pada blog berikutnya saya akan memposting seputar topik informatika dan pemrograman....
Baca juga:
Keren ngab, sangat bermakna.
BalasHapus