MEMBUAT WEB PERSONAL DENGAN DREAMWEAVER
Jal ankan Dr eamweaver 8
Set el ah dipil ih HTML maka akan muncul t ampil an pert ama sepert i berikut : Pilih HTML
Pilih j enis t ulisan sebagai Isian yang lain boleh diabaikan.
Set el ah anda sel esai mengat ur pada t ahap di at as maka akan mengasil kan :
Agar ker j aan kit a t idak hil ang kal o pas mat i l ampu mending kit a simpan dul u.
Buat l ah sebuah f ol der baru di hardisk anda dan simpan dengan nama index (nama f il e unt uk
hal aman ut ama web waj ib diberi nama index. ht ml ).
OKE kit a l anj ut kan…………
Sekarang mul ai menambahkan l ayout dengan t abel sepert i gambar ber ikut …….
Pada gambar diat as saya i sikan rows (j uml ah baris) 3, kol omnya 2, t r us t abl e widt h 900 pi xel
(ini nil ai asumsi ideal t ampil an unt uk screen komput er yang umum dipakai supaya t ampil annya
kel iat an pas), menudian border t hicknessnya 0 (j adi gari snya dibuat sebagai al at bant u aj a,
nant i kit a l iat hasil nya), header pil i h none aj a, yang l ai nnya t et ap dikosongkan l angsung t ekan
0. Sekarang sudah t erlihat ada t abel dengan garis t idak nampak alias dengan border 0 1. Kemudian arahkan
korsur anda ke baris dan kolom pert ama
2. Isikan di w = 250 (ini lebar kolom pert ama) dan H=120 (ini
t inggi kolom pert ama) nant i sebagi header
3. Pindahkan korsur anda ke baris pert ama kolom ke 2 dan
Oke sekarang sudah j adi bagian headernya (Kal o mau bagus l agi anda bisa buat secara graf is
dengan adobe phot oshop at au l ai nya dan masukkan di kol om diat as).
Lakukan modif ikasi l ai nnya sampai kir a2 sepert i gambar berikut …
4. Kemudian select kolom 1 dan 2 baris pert ama (Kit a akan
gabung j adi sat u kolom 5. Tekan merge select ed
cell unt uk menggabungnya.
6. Ini hasilnya set elah t ahap 5 t adi dan saya gant i warna
Oke yang per l u saya i ngat kan. . membuat web j uga har us ada sent uhan gr af i s dan dan i de kr eat i f agar hasi l enak di l i hat bai k war na at aupun bent uknya. .
Kit a l anj ut kan dengan membuat menu (hyper l ink)
Kit a buat sebuah t abel bar u l agi di posisi kursor baris ke 2 kol om 1.
Rows diisi 5 (nant i akan kit a isi 5 menu) kol om
1, t abl e widt h = 100 persen, cel l padding 5
Sekarang kit a buat l ink menuj u hal aman beri kut nya yang nant i kit a buat kan. Caranya…
Sehingga hasil yang didapat sepert i gambar berikut ini…….
Isi t abel yang sudah dibuat t adi dengan t ulisan kira2 sepert i
gambar, sesuai keperluan
Kemudian kit a buat kan t abl e baru l agi pada baris 2 kol om 2. Tabel ukuran 100 persen, 2 baris
dan 1 kol om sehingga hasil sepert i ber ikut ….
Udah t inggal ngisi ber it anya….
Langkah ber ikut nya adal ah membuat hal aman l ainnya sepert i prof il , kegi at an dl l . Car anya
Kemudian di save as dengan nama prof il . ht ml
Kemudian gant i l agi dengan hal aman dengan j udul beri kut nya kegiat an. ht ml , gal eri. ht ml ,
kont ak. ht ml .
Sekarang hal aman kosongnya sudah sel esai bi sa dicoba dul u dengan membuka f il e ut amanya
Semua l angkah sudah ber hasil j ika set iap anda memil ih menu maka hal aman dengan j udul
yang sesuai sudah t ampil .
Kal o sudah oke semuanya t inggal kit a edit masing2 hal aman t adi dengan mengisi
inf ormasinya. . bisa berupa t ul i san at au gambar dan cont ent l ainnya…
Saya yakin anda bisa mel akukan yang l ebih baik dar i panduan saya ini…
Buka mat a buka t el inga. . anda bisa bel aj ar banyak di int ernet …. bert anyal ah dengan googl e