Search This Blog

Saturday, 11 December 2010

Menggunakan dreamweaver

A little opening FAQ:

Dreamweaver? Benda apa itu?
Dreamweaver adalah aplikasi keluaran Adobe untuk membuat halaman web.
Lalu apa hubungannya dengan C?
Eh, sejauh yang saya tahu, tidak ada hubungannya....
Lalu kenapa ada dreamweaver di blog ini?
Pertanyaan bagus! Karena saya diharuskan. Ini tugas kuliah saya.

----mohon maaf atas ketidaknyamanan anda----


Sebelum ada kekeliruan, dreamweaver yang saya terangkan di sini adalah versi CS3. Mungkin terdapat sedikit perbedaan dengan versi lainnya.

Membuat Halaman Baru
1.    Setelah mengaktifkan aplikasi, klik HTML di bagian Create New.

2.    Klik menu Modify>page properties.

3.    Di sini bisa diatur beberapa opsi seperti warna teks dan ukurannya, warna background atau gambar background, serta warna link (tautan). Jika sudah selesai, klik apply.
4.    Cobalah untuk mengetik pada halaman depan. Misalnya Dreamweaver.
5.    Lakukan modifikasi dengan jendela properties (ada di bawah).
6.    Save dengan menu File>save.
7.    Untuk melihat hasilnya, klik F12.


Memasukkan Image dan Rollover Image
1.    Klik menu Insert>Image.
2.    Pilih image yang diinginkan. Klik OK. Akan muncul jendela berikutnya, untuk sementara klik OK dulu.
3.    Atur size-nya bisa dengan drag pada sisinya, bisa juga dengan properties (ada di bawah layar).
4.    Rollover Image adalah image yang akan menampilkan image lain jika kursor diarahkan padanya. Klik menu Insert>Image Objects>Rollover Image.

5.    Pada kolom original image, masukkan image sebelum kursor diarahkan. Pada rollover image, masukkan setelah kursor diarahkan.
6.    Klik OK. Tekan F12 untuk melihat hasilnya.

Menggunakan Link
1.    Buat file baru dengan menu file>new. Klik create.
2.    Ketik sebuah kata. Misalnya link. Save file ini.
3.    Pilih kata yang tadi anda ketikkan. Klik menu Insert>Hyperlink.

4.    Pada kolom link, isikan file lain, misalnya yang tadi anda buat.
5.    Pada target, pilih self. Klik OK. Tekan F12 untuk melihat hasilnya.
6.    Anda bisa mengubah warna link dari page properties yang telah saya jelaskan sebelumnya.
7.    Selain dari menu, di jendela properties (bawah layar) bisa langsung diisikan linknya.
8.    Dengan cara seperti no.7, anda bisa menerapkan link pada image dan rollover image.

Selamat  mencoba!

No comments:

Post a Comment