Struktur Wrapper dan Cara mengetahui ukuran pada Website

4SharedMedia - Selamat datang kembali di blog saya , kali ini saya akan membahas tentang bagaimana sih Struktur Wrapper dan Cara mengetahui ukuran pada Website untuk Pemula. Langsung saja simak pembahasan di bawah ini ya :-D

Untuk para Blogger memungkinkan penggunanya melakukan styling melalui edit html pada menu di Dashboard Blog. Ini sangat memberi peluang bagi pemilik website/blog untuk memodifikasi tampilan dari web nya. Salah satunya adalah memberikan CSS styling pada wrapper elements. Elemen dasar dari wrapper tersebut digambarkan sebagai berikut:

Struktur Elemen Wrapper

Berikut Penjelasan Tentang Gambar Struktur Wrapper di atas : 

1. #outer-wrapper / #outer-wrap /#outer
2. #header-wrapper / #header-wrap / #header
3. #content wrapper /#content-wrap / #content
4. #main-wrapper / main-wrap / #main
5. #sidebar-wrapper / #sidebar-wrap /#sidebar, 
ada juga #lsidebar (l=left) / #rsidebar (r=right)

(nama-nama tersebut relatif sifatnya)

Lalu.?? Bagaimana Cara mengetahui Ukuran Website?

Anda akan menemui declaration dibelakangnya yang nantinya anda bisa mengetahui Ukuran header, main kolom, sidebar, footer, Lebar dan Tinggi dari website anda, misalnya:

Mengetahui ukuran Header.
#header-wrapper {
height:119px;
width:900px;
}

Mengetahui ukuran main kolom.
#main-wrapper {float:left;margin-right:10px;overflow:hidden;width:507px;word-wrap:break-word;}

Mengetahui ukuran Sidebar.
#sidebar-wrapper {float:right;overflow:hidden;padding-left:8px;margin-right:13px;width:362px;word-wrap:break-word;}

Mengetahui ukuran lebar keseluruhan template.
#outer-wrapper {margin:20px auto;padding:0 10px;text-align:justify;width:900px;}

Keterangan:

• Tekan Tombol Ctrl+F pada keyboard untuk memudahkan pencarian kode HTML.
• Width merupakan ukuran lebar, sedangkan Height merupakan ukuran tinggi.

Jangan Lupa Like FansPage Facebook Kami 4SharedMedia

Terima kasih telah membaca Artikel tentang 

Struktur Wrapper dan Cara mengetahui ukuran pada Website

Share this post