Fungsi utama dalam website adalah menyajikan informasi. dalam komunikasi melalui media bisa disampaikan melalui tulisan, gambar, audio dan video. dalam websitepun demikian juga.
Untuk dapat memberikan informasi yang baik di atas kita harus menata tulisan, gambar, suara dan video supaya disajikan sistematis dan menarik. dalam hal inilah kita melihat pentingnya layout website.
Sebelum kita membuat layout website untuk company profile kita perlu mengerti komponen-komponen atau widget yang membentuknya yaitu:
- Header
Widget ini akan mengambil gambar-gambar untuk disajikan sebagai header maupun slideshow. Nama dari gambar-gambar ini dambil dari database - Menu untuk navigasi
Widget ini akan mengambil daftar menu-menu yang akan ditampilkan sebagai navigasi utama. Menu-menu bisa static, bisa juga mengambuil dari database - Submenu untuk navigasi
Submenu dari navigasi ini bisa berupa daftar sub product, sub gallery atau daftar halaman yang diambil dari database - Content
Widget ini menampilkan isi halaman secara detail - List sub product
Widget ini menampilkan daftar sub product. Bisa berupa list maupun gambar kecil disertai dengan nama sub product dan bisa juga ditambah penjelasan singkat - List product
Widget ini menampilkan daftar product. Bisa berupa list maupun gambar kecil disertai dengan nama product dan bisa juga ditambah penjelasan singkat - Product detail
Widget ini menampilkan detail product yang biasanya berisi gambar besar disertai penjelasan - List sub gallery
Widget ini menampilkan daftar sub gallery. Bisa berupa list maupun gambar kecil disertai dengan nama sub gallery dan bisa juga ditambah penjelasan singkat. Jika tampilan sama persis dengan List sub product, kita bisa memakai list sub product saja - List photo
Widget ini menampilkan daftar foto. Bisa berupa list maupun gambar kecil disertai dengan nama foto dan bisa juga ditambah penjelasan singkat. Saat diklik akan menampilkan window kecil - Paging
Widget ini menentukan penampilkan daftar halaman.
Parameter masukannya adalah
– jumlah halaman (total_page)
– jumlah record perhalaman (record_per_page)
– posisi halaman sekarang (current_page)
– link halaman (page_link) - Position
Widget ini untuk membuat link seperti Home -> Product -> Sub 1 -> Nama Product
Langkah berikutnya adalah mendefinisikan style-style yang mungkin terjadi di website. Style-style akan menentukan isi content yang akan diberikan kepada template. Style-style ini berisi coding-coding yang menggabungkan widget-widget di atas. Style-style yang akan didefinisikan yaitu:
- get_style_list_sub_product()
Widget widget yang akan dipakai yaitu : Menu untuk navigasi, Submenu untuk navigasi, List sub product, Paging, Position. - get_style_list_product_style()
Widget widget yang akan dipakai yaitu : Menu untuk navigasi, Submenu untuk navigasi, List product, Paging, Position . - get_style_detail_product_style()
Widget widget yang akan dipakai yaitu : Menu untuk navigasi, Submenu untuk navigasi, Product Detail, Position . - get_stylelist_gallery_photo_style()
Widget widget yang akan dipakai yaitu : Menu untuk navigasi, Submenu untuk navigasi, List photo, Paging, Position . - get_style_general-style
Widget widget yang akan dipakai yaitu : Menu untuk navigasi, Submenu untuk navigasi, Content, Position .
Setelah melewati style ini, kemudian variabel yang didapatkan diberikan kepada file template untuk ditampilkan.
Kunjungi www.proweb.co.id untuk menambah wawasan anda.