Bagaimana Membuat Menu Bar Yang Bagus?

Website yang luar biasa adalah tujuan akhir dari pengguna internet untuk mendapatkan informasi baik pribadi situs, website perusahaan, forum website, dan mesin pencari lainnya. Dalam situs yang luar biasa ada pemandangan yang menarik, dan sesuai dengan karakter dinamis dari pengguna dimaksudkan. Hal ini dimaksudkan untuk memungkinkan website untuk menjadi user friendly. Situs tampilan dan tata letak pengaturan sangat mempengaruhi keindahan tampilan situs.

Dalam website yang baik pasti memiliki "Menu Bar" yang memungkinkan pengguna untuk menjelajahi situs web. Menampilkan menu bar bisa disesuaikan dengan keinginan situs produsen. Menu bar ditampilkan memiliki komposisi yang berbeda. Biasanya di menu bar menyediakan link ke halaman yang berbeda dalam situs web. Ada juga menu bar yang menyediakan sub-menu di dalamnya. Misalkan "Kategori" di dalamnya masih ada sub menu "Software, Hardware, Networking, Programming, Multimedia dan Informasi".


Dalam contoh ini akan membahas menu bar di blog ini. Bar menu yang tersedia "Halaman, Kategori, Gallery, Referensi, About Me, Contact Us".

Gambar-gambar di atas adalah menu bar dan sub menu bar yang terdapat di blog ini. Untuk membuat gambar terlihat seperti dibutuhkan kode html yang digunakan untuk membuat tampilan website atau blog. Gambar-gambar di atas adalah menu bar dan sub menu bar yang terdapat di blog ini. Untuk membuat gambar terlihat seperti dibutuhkan kode html yang digunakan untuk membuat tampilan website atau blog. kode html untuk membuat menu bar adalah sebagai berikut.

<li><a expr:href='data:blog.homepageUrl'>Home Page</a></li>

Berfungsi untuk membuat menu bar "Home Page".

<li><a href='#'>Category</a>

Berfungsi untuk membuat menu bar "Kategori".

<ul class='children'>

<li><a href='http://gallery-information.blogspot.com/search/label/Software'>Software</a></li>

<li><a href='http://gallery-information.blogspot.com/search/label/Hardware'>Hardware</a></li>

<li><a href='http://gallery-information.blogspot.com/search/label/Networking'>Networking</a></li>

<li><a href='http://gallery-information.blogspot.com/search/label/Multimedia'>Multimedia</a></li>

<li><a href='#'>Programming</a></li>

<li><a href='http://gallery-information.blogspot.com/search/label/Information'>Information</a></li>

</ul>

Berfungsi untuk membuat sub menu bar dari menu bar "Kategori".

<li><a href='http://gallery-information.blogspot.com/p/gallery.html'>Gallery</a></li>

Berfungsi untuk membuat menu bar "Gallery".

<li><a href='http://gallery-information.blogspot.com/p/blog-page_2.html'>Reference</a></li>

Berfungsi untuk membuat menu bar "Referensi".

<li><a href='http://gallery-information.blogspot.com/p/blog-page_309.html'>About Me</a></li>

Berfungsi untuk membuat menu bar "About Me".

<li><a href='http://gallery-information.blogspot.com/p/blog-page_2507.html'>Contact us</a></li>

Berfungsi untuk membuat menu bar "Hubungi Kami".

Itu adalah kode html untuk membuat menu bar pada tampilan website atau blog. Anda bisa membuatnya di notepad + + atau mencari di internet dan mengeditnya.
Ingin tau lebih tentang permograman? Cari ilmunya aja di www.amikom.ac.id