May15,2008 [MEMBUATLAYOUTHALAMANWEB]

MEMBUATLAYOUTHALAMANWEB

L ayout sebuah halaman web memegang peranan yang cukup penting dalam menarik
pengunjunguntukmelihatwebsitekita.Pembuatanlayouthalamanwebbisamenggunakan beberapa teknik. Teknik yang masih sering dipakai adalah teknik dengan menggunakan table.

Untuk membuat layout, biasanya kita terlebih dahulu membuat sebuah rancangan layout. Pembuatan rancangan layout bisa menggunakan software seperti Adobe Photoshop, CorelDraw,Paint,bahkanbisajugamenggunakanmediakertasdanpensil. Untuk hari ini kita akan mencoba membuat sebuah halaman web yang simple terlebuh dahuludenganmenggunakantekniktable.Temanyamengenaipariwisata. Sebuahhalamanweb,biasanyamempunyaibeberapabagianstandar,diantaranya,: Banner Bannerbiasanyaberupagambar/tulisandiatassebuahhalamanwebyangberfungsi untuk men citra kan sebuah halaman web. Banner biasanya berukuran besar, karenaberfungsiuntukmenarikperhatianpengunjung. Navigation(Menu) Navigasi,berfungsiuntukinterakasiantarapengunjungdenganhalamanhalaman webkita.Sebuahsitussudahpastitidakhanyaterdiridarisebuahhalamanwebsaja, sebuahsitusbiasanyamempunyaihalamanhalamanyangsalingberkaitan.Sebagai contohmisalnyasebuahsituspariwisataadahalamanmengenaitempatpariwisata, makanan khas, kesenian dan budaya, jadwal kegiatan pariwisata,gallery , dan lain
AgusTriyanto| 1

May15,2008 [MEMBUATLAYOUTHALAMANWEB]

lain. Nah... navigasi / menu inilah yang nantinya berfungsi untuk menghubungkan halamanhalamantersebut. Main/Article Berisiceritacerita/bagianutamadarisebuahwebsite,biasanyabagianiniposisinya dibagiantengahhalamanweb. OK..! sekarang kita akan membuat sebuah desain sebuah halaman secara sederhana misalnyasayainginwebsayamempunyaibentuksepertiini

Kalokitalihat,sebenarnyakitabisamembagibagihalamanwebdiatasmenjadibeberapa bagian.Misalnyasebagaiberikut:
HEADER

NAVIGATION

ISI

TENTANG

Nah,sebenarnyakitabisamenyederhanakanlebihlanjutdesainlayouthalamannyamenjadi sepertiberikut:
AgusTriyanto| 2

May15,2008 [MEMBUATLAYOUTHALAMANWEB]

HEADER
NAVIGATION

ISI

TENTANG

FOOTER Ok,... untuk hari ini kalian coba pikirkan menu apa saja yang ingin kalian tampilkan di bagian navigation!...(makanan khas?lokasi wisata?? ) carilah sekalian data data

pendukung, yang kalian perlukan, bentuk header yang kalian inginkan, komposisi

warnadanlainlain.
Oh ya... buat juga kerangka

website kalian seperti bentuk diatas

di Adobe

Dreamweaver. Isi dengan beberapa hal, seperti, perkenalan website (latarbelakang, tujuan....).dikolomtentang,isidengandatamengenaidirikalian.

OKSelamatMengerjakan!

AgusTriyanto| 3