Menyajikan halaman web dengan layout

PRAKTIKUM MODUL 6

Nama : M.Fadlul Hafiizh
Kelas : XI-RPL 2


 Di blog kaliini kita akan membuat layout dalam halaman web. cara yang digunakan tidak jauh berbeda dengan cara pembuatan tabel dalam postingan saya sebelumnya: https://tutorgesit.blogspot.com/2019/08/html-membuat-tabel.html. dalam pembuatan layout ini tidak begitu sulit jika kita sudah menegtahui dasar-dasar tentang cara pembuatan tabel. maka dari itu sebaiknya anda lihat postingan saya sebelumnya agar anda paham mengenai apa yang saya posting kaliini. Dalam pembuatan layout kita hanya perlu meng-kreasikan bentuk sebuah tabel agar bisa digunakan untuk menempel iklan/banner, biografi, apapun itu dengan tujuan agar terlihat rapih dan lebih indah. Ada beberapa contoh yang akan saya tampilkan yaitu :
  1. top index
  2. bottom index
  3. left index
  4. layoutsplit

  • Top index
 Bisa digunakan untuk mempromosikan iklan, dengan index yang terletak diatas, berikut cara membuat dan tampilan hasilnya




  • Bottom Index
 Sama seperti Top index, hanya saja untuk index yang kita tempel akan kita pindahkan posisinya ke-bawah:





  • Left Index
 Layout ini bisa digunakan sebagai tampilan web jual beli ataupun periklanan, dengan index yang disimpan di sebelah kiri. berikut hasil dan cara membuatnya :





  • Layout Split
  Layout ini cocok jika diisi dengan daftar isi,  ataupun content yang cukup banyak. berikut hasil dan cara membuatnya :




  • My Table Index
 Ini adalah contoh penggunaan dengan menggunakan layout Left Index. dengan  content dan tampilan desain yang saya buat sebagai contoh.






 Itulah contoh cara menyajikan halaman web dengan layout. semoga dapat bermanfaat dan dapat menjadi contoh pembelajaran.


Komentar

Postingan Populer