Jumat, 22 Oktober 2010

Cara membuat halaman web dengan Dreamweaver

Buka dreamveaver

Maka kita akan melihat halaman ini

Belajar bikin web

Kita pilih kolom Create new dan baris html kemudian klik

maka akan didapat

Didapat halaman kosong dan kita ketikkan seperti seperti winword atau lainnya
Dengan merobah ukuran huruf, warna, model huruf, aligment kiri atau kanan atau center
dsn kita dapat seperti ini

Belajar bikin web

Dalam posisi kursor dibawah kata:”belajar bikin web” klik insert klik table atau ikonnya

Belajar bikin web

Isikan row dan column contoh row 4 colum 1 dan width 900

Belajar bikin web

Kemudian posisikan kursor di baris kedua dan klik kanan mouse

Belajar bikin web

Geser mouse diatas segment yang baru muncul sehingga timbul gambar diatas kemudian klik pada split cel

Belajar bikin web

Pilih split cell into column
Number column 3

Belajar bikin web

Dalam posisi kursor dikolom 1 kita klik insert dan klik table
Setelah muncul pilihan table
Pilih kolom 1
Serta row 4

Width pilih 200

Belajar bikin web

Maka akan timbul table seperti ini ( biasanya awalnya sedikit berantakan tetapi dengan menggeser geser batas akan terjadi form yang rapih sehingga dapat kita ketikkan keinginan kita menjadi seperti diatas

Mengisi gambar (image)

Kemudian kita letakkan kursor pada kolom ke tiga dan kita klik insert klik image kemudian kita cari gambar yang akan kita masukkan dalam halaman dan kita klik

Bisa juga dengan cara copy dari gmbar lain dan paste di tempat halaman kita (kursor diposisi yang kita inginkan (dalam satu kotak tabel )

(Sebelumnya gambar harus sudah ada)

Belajar bikin web

Maka jadilah halaman kita seperti diatas

Halaman tersebut kita simpan dengan nama contoh dan kita akan memiliki file contoh.html

Dengan cara yang sama kita buat halaman lain dan kita save dengan nama menu1 dst

sehingga kita punya beberapa halaman dengan nama contoh.html, menu1.html, menu3.html menu3.html dst

Belajar bikin web

Dengan contoh seperti diatas
Sampai disini kita sudah memiliki beberapa file html untuk diupload

Catatan
Khusus mengenai gambar ( image ) maka yang penting adalah penempatannya

Tempatkan semua file html dan folder file gambar pada directory yang sama
Seluruh image file ditempatkan dalam folder file gambar

Kalau tidak diatur begini maka setelah diupload sering gambar tidak tampak (hilang)

Posisi serta nama yang sama pada saat pengupload di webhost

Tidak ada komentar:

Posting Komentar