Membuat rollover image (dreamweaver)

Kalau Anda rajin menjelajah internet tentu sering menemui situs yang memakai efek rollover image. Efek tersebut dibuat dengan menggunakan javascript. Untuk membuat efek tersebut Anda harus menuliskan kode javascript tersebut. Tapi dengan bantuan Macromedia Dreamweaver Anda dapat membuat rollover image tanpa harus menuliskan sebaris pun kode javascript. Penasaran ? Ikuti langkah di bawah ini :

1. Untuk Dreamweaver 3, dari menu Insert, pilih Rollover Image.
   Untuk Dreamweaver 4, dari menu Insert, pilih Interactive Images - Rollover Image. Maka akan muncul kotak dialog seperti di bawah ini :
   
   
   
   Lalu isi pada kotak yang tersedia yang meliputi :
   
   

   Image Name	Nama image
   Original Image	Gambar asli
   Rollover Image	Gambar yg dijadikan sebagai rollover
   Go to URL	Halaman web yang akan dituju

   
   
2. Hasilnya dapat dilihat di sini.

Membuat tabel (Dreamweaver)

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

   
   
2. Hasilnya adalah seperti gambar di bawah ini.
   
   
   
   
3. 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.
   
   

Membuat halaman web pertama (dreamweaver)

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.
   

Mendefinisikan Local Site (Dreamweaver)

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

Sumber Daya Manusia

Dengan dukungan SDM yang juga professional di bidang nya, kami yakin bahwa kami akan berkembang pesat, berikut adalah data staff kantor kami

No	Nama	Jenjang Pendidikan	Posisi
1	Ir. DWIYANA SYARIFUDIN	Teknik Sipil - Universitas Islam Indonesia, Yogyakarta	Cost Estimator, Field Engineer
2	BOWO PRIHATNO, Amd	Teknik Sipil - Universitas Gajah Mada, Yogyakarta	Freelance Drafter
3	MARGANA PARIPURNA, ST	Teknik Arsitektur - Universitas Dipenogoro, Semarang	Drafter, Site Layout
4	SURYANI, Amd	Teknik Sipil - Universitas Gajah mada, Yogyakarta	Drafter, Civil Engineer
5	ARIEF RUDIYANTO, S.Sos	Komunikasi Massa - Universitas Negeri Sebelas Maret, Surakarta	Team Leader, Public Relation
6	NINA YUNIANTI, Amd	Public Relations - AKINDO, Yogyakarta	Administration Staff
7	NASRUN, ST	Teknik Arsitek - Universitas Islam Indonesia, Yogyakarta	Cost Estimator, Field Engineer
8	APRI BUSTOMI, ST	Teknik Informatika – Universitas Islam Indonesia, Yogyakarta	Software Construction and Programming
9	NUR TRIYANTO, ST	Teknik Informatika – Universitas Islam Indonesia, Yogyakarta	S.E.O Builder, Advertising
10	Soleh	STM – Elektro, Yogyakarta	Purchasing, Operasional Staff
11	Gunardi		Site Engineer
12	Budi Haryanto		Marketing
13	Efendi Siregar		Marketing
14	Windarto Nugroho		Marketing
15	Iwan Kusmono		Marketing
16	Triyantoro		Marketing