Sabtu, 07 Juni 2008

Belajar Nge - Design Web Yuk ….!!

Belajar Nge - Design Web Yuk ….!! Sekilas Dreamweaver July 12, 2006
Posted by sarach in Web Master, Tips Programming. trackback

Ada banyak Tools yang dapat digunakan untuk men-design suatu web, tools yang saya gunakan saat ini adalah DreamWeaver MX dari MacroMedia, Berikut Sekilas tutorial nya …


Mendefinisikan local site
1. Setelah masuk ke Dreamwever, dari menu Site pilih New Site.
2. Pada bagian Site Name, tuliskan nama web Anda. Misalnya Gratisan. Sedangkan Local Root Folder adalah folder tempat Anda akan menyimpan semua file untuk web yang Anda buat, termasuk file images, audio, javascript, css, dan sebagainya. Klik pada icon
untuk mem-browse.

3. Setelah selesai klik OK.

4. Maka akan muncul window baru. Setelah Anda mencapai langkah ini berarti Anda sudah bisa memulai membuat halaman web baru.
Membuat halaman web pertama
1. Dari menu File pilih New.
2. Tentukan title, warna background dan link untuk halaman web Anda. Dari menu Modify, pilih Page Properties.
Untuk mengganti warna background dan link, klik pada icon . Sedangkan untuk mengganti background image, klik pada tombol Browse.
Title = title atau judul halaman web
Background image = image yang digunakan sebagai background
Text = warna teks
Links, Visited Links, Active Links = warna link
3. Untuk mengakhiri klik tombol OK.
4. Supaya aman simpan dulu file tersebut dengan mengklik menu File - Save.
Membuat tabel
Langkah ini sangat penting untuk dicermati karena hampir semua halaman web memakai tabel. Anda tidak akan dapat membuat halaman web yang warna-warni tanpa unsur tabel. Anda juga tidak dapat membuat halaman web seperti halaman yang sedang Anda baca ini tanpa tabel. Untuk membuat dan memodifikasi tabel pada Dreamweaver caranya adalah sebagai berikut :
(Supaya tutorial ini lebih maksimal hasilnya ada baiknya Anda membaca artikel di sini terlebih dahulu)
1. Dari menu Insert, pilih Table. Atau tekan Ctrl + Alt + I.

Rows Jumlah baris
Columns Jumlah kolom
Width Lebar tabel yang bisa dinyatakan dalam persen maupun dalam pixel
Border Ukuran border tabel
1. Hasilnya adalah seperti gambar di bawah ini.

2. Untuk mengganti warna background pada tabel, letakkan pointer mouse pada cell (kolom atau baris –pada gambar di bawah ditandai dengan tanda silang warna merah–) yang akan Anda ganti warnanya lalu klik icon yang terletak pada Properties.
Untuk mengganti warna background lebih dari satu baris atau kolom drag pointer mouse dari cell yang satu ke cell selanjutnya.