Video Design Website Dengan Dreamweaver

Alhamdulillah setelah menjelajah di internet akhirnya saya menemukan video tutorial yang menurut saya sendiri sangat membantu untuk proses belajar menhajar cara membuat website dengan Dreamweaver, pada video tutorial kali ini menggunakan Macromedia Dreamweaver, tapi jangan kuatir pastinya bisa juga jika menggunakan Adobe Dreamweaver...saya mendapatkan video ini pada seorang yang tentunya sangat

Membuat Spray Menu Bar

1. Buka program Dreamweaver CS3 > Sebelum memulai membuat spray menu bar, simpanlah dahulu filenya dan namai dengan file name spraymenubar.html2. Pilih menu > Insert > Layout Object > Spray Menu Bar > sehingga muncul jendela Spray menu bar > misalnya pilih yang Horizontal > Ok. 3. Setelah klik Ok, maka akan muncul pada lembar kerja seperti bentuk menu spray, Aturlah teks menu spray pada

Membuat Pilihan Check Box

1. Buka Program Dreamweaver CS > Pilih menu Forms >check box ( Sebelumnya tuliskan Keterangan dahulu diatasnya misalnya : :Jenis Kelamin ) 2. Tambahkan satu pilihan check box lagi dengan lebel Perempuan 3. Jalankan Aplikasi dengan menekan f12 pada keyboard ( Untuk menjalankan sebelumnya file harus disimpan terlebih dahulu ) >> Selamat Mencoba!!!!

Membuat Menu Login

1. Untuk membuat menu login sebelumnya persiapkan membuat table dahulu caranya Insert > table > aturlah seperti pada gambar dibawah ini kemudian OK 2. Gabungkan baris dan kolom pertama dengan cara blok/drag baris dan kolom pertama > Klik kanan > Table > Merge Cells. Kemudian tuliskan “Member Login”. 3. Pada baris ke 2 dan ke 3 kolom pertama tuliskan Login dan Password 4. Pada baris ke2 kolom ke

Membuat Link Teks

Untuk membuat link teks, yang Anda perlukan pertama adalah membuat sebuah teks. Nah sekarang kita akan mulai mempelajari membuat link perhalaman dengan teks.1. Buatlah 2 buah file yang bernama link1.htm dan link2.htm, kemudian masukan teks sebagai contoh dibawah ini. 2. Aktifkan link1, blok atau drag teks “Klik disini untuk menuju Halaman ke2” 3. Langkah selanjutnya pada panel properties pilih

Membuat Background Image

1. Buka program Dreamweaver CS3 > pada Properties > Pilih Page Properties ( jika belum terdapat panel properties caranya pilih window > Properties) 2. Setelah Anda klik properties maka akan muncul jendela properties > 3. Setelah Anda klik Ok maka tampilan Background akan tampil gambar yang tadi Anda Browse. Perhatian!!Apabila Anda mempunyai gambar yang kecil, misalnya ukuran 300 x 240 pixel,

Membuat Radio Button

1. Buka Program Adobe Dreamweaver CS3 > Pilih Insert > Form > Radio Grup 2. Setelah Anda Klik icon Radio Grup maka akan muncul jendela Radio Grup Keterangan :Name : Nama dari radio button yang sedang dibuatRadio buttons : Tanda Plus ( untuk menambah jumlah label ), Tanda Minus ( untuk menghapus atau mengurangi label ), Tanda panah keatas ( untuk memindah posisi lebel yang aktif ke atas ), Tanda

Membuat Flash Button

1. Pilih Insert > Media > Flash Button. Jika Anda belum menyimpan dokumen yang dibuat maka akan muncul peringatan untuk menyimpan dokumen tersebut. 2. Setelah dokumen tersimpan ulangi langkah pertama maka akan muncul jendela Insert Flash Button, aturlah sesuai kebutuhan isi content yang Anda buat. Keterangan :Sample : Contoh desain buttonStyle : Nama dari bentuk buttonButton Text :

Membuat RollOver Image

1. Pilih Menu > Insert > Image Object > RollOver Image Keterangan :Image Name : Buat keterangan nama dari gambar ( agar mudah dimengerti letak gambar tersebut )Original Image : Gambar Awal Sebelum disentuh Kursor RollOver Image : Gambar Setelah disentuh oleh kursorAlternate text : Keterangan Teks gambar saat disentuhWhen clicked, go to URL : Link ke halamanweb dimana jika gambar di klik Browse :

Membuat Tabel

Dalam pembutana web kita tidak terlepas dari namanya Tabel karena, tabel merupakan salah satu unsur yang sangat penting dalam pembuatan web. Untuk membuat dan memodifikasi tabel caranya sebagai berikut :1. Pilih menu Insert > Table > Sehingga muncul jendela Tabel > tentukan jumlah kolom dan baris sesuai keingina Anda, misalnya seperti contoh: Rows Jumlah barisColumns Jumlah kolomWidth Lebar