MERENCANAKAN SEBUAH WEBSITE
Dengan dreamweaver
Dalam membuat website kita harus merencanakan dahulu apa tujuan dari
pembuatan website ini, informasi-informasi apa yang akan diberikan dan
kepada siapa informasi-informasi tersebut dituju.
Macromedia Dreamweaver adalah salah satu program pembuatan website
yang mempunyai banyak sekali menu-menu dan tool-tool yang dapat
dipergunakan untuk mendesain website yang lebih kreatif.
Rencana dan desain sebuah site
Ketika memulai merencanakan membuat website, diharapkan
melakukannya secara bertahap dan terencana untuk memastikan situs yang dibuat baik dan berhasil
.
Menentukan tujuan anda
Menentukan tujuan site adalah langkah pertama kali yang harus
diambil untuk pembuatan sebuah website.
Tulis semua tujuan dan harapan agar dapat mengingatnya saat proses mendesain website. Tujuan-tujuan
tersebut akan sangat membantu agar tetap terfokus dan mempunyai
target terhadap website yang diinginkan.
Sebuah website yang memberikan berita-berita dengan subjec tertentu
sangat berbeda dengan website yang menjual produk atau komersial.
Memilih sasaran pengunjung situs
Setelah menentukan apa yang diinginkan untuk menyelesaikan
website, kita harus menentukan siapa saja, atau sasaran
pengunjung situs kita. Banyak orang menggunakan browser berbeda satu dengan lainnya, kecepatan yang berbeda, dan punya atau tidak punya media plug-in tambahan (contoh=speaker).
Semua faktor-faktor tersebut dapat mempengaruhi dalam menggunakan
Situs kita.
MEMBUAT, MEMBUKA, DAN MENYIMPAN DOKUMEN HTML
Dreamweaver menawarkan berbagai macam cara untuk membuat suatu
dokumen. Kita dapat membuat baru, dokumen HTML yang kosong, kita dapat membuka dokumen HTML yang sudah ada, atau jika untuk
mempersingkat waktu, kita dapat membuat dokumen baru berdasarkan
template (blangko).
Membuat dokumen HTML kosong baru :
Pada tampilan windows, pilih menu File > New.
Untuk membuka file HTML yang sudah ada :
Pilih menu File > Open
kita dapat memilih file HTML yang diinginkan.
Membuat dokumen baru berdasarkan template :
• Pilih menu File > New from Template. Akan tampak dialog box, daftar
template-template yang ada (kita harus membuat sebuah template
terlebih dahulu sebelum membuat dokumen baru berdasarkan template)
• Pilih salah satu template. Dokumen baru akan dibuat berdasarkan
template tersebut.
Menyimpan dokumen :
• Pilih menu File > Save.
• Ketik nama file dan tentukan dimana kita ingin menyimpan file tersebut.
Catatan : Dreamweaver akan secara otomatis menyimpan file tersebut
dalam bentuk htm atau html.
• Klik button Save untuk menyimpan file tersebut.
Mengatur document properties
Judul halaman, background image dan warna-warna, teks dan warna link
adalah dasar dari semua dokumen HTML. Judul halaman merupakan
identitas dan nama dokumen. Background image atau gambar background
dari halaman (kita bisa juga memakai warna untuk background) diatur untuk
keseluruhan tampilan dari dokumen tersebut. Teks dan warna link membantu
untuk pengunjung situs membedakan teks mana yang bisa masuk kehalaman
lain, dan juga bisa membedakan dari warna teks link sudah dikunjungi atau
belum.
Merubah judul halaman
Judul dari halaman HTML sangat membantu pengunjung tetap dapat
memberitahu site apa yang sedang pengunjung buka, dapat dilihat pada
menu bar windows dibawah.
Untuk mengganti judul halaman :
Langkah-langkah :
• Pilih menu Modify > Page Properties.
• Klik kursor anda pada daerah kosong di halaman web. Lalu pilih Page
Properties dengan mengklik kanan mouse.
Masukkan judul untuk halaman tersebut pada title text box.
DREAMWEAVER WORK AREA
Kita mulai dengan overview dari dreamweaver work area atau daerah kerja
dreamweaver.
• Jika belum masuk ke dalam program dreamweaver, klik 2 kali pada
icon shortcut dreamweaver atau klik pada start menu pilih program lalu
pilih program macromedia dreamweaver 4 , klik 1 kali pada icon
dreamweaver 4..
• Pada object panel terdapat icon-icon yang dapat diklik untuk
memasukkan object pada dokumen dan untuk merubah cara pembuatan halaman web.
• Launcher bar terdapat button-button untuk membuka dan menutup
panel-panel icon dimana kita sering menggunakannya dalam bekerja.
• Pada property inspector ditampilkan properti-properti dari object atau
text yang dipilih dan dapat memodifikasi properti tersebut.
(contoh = jenis text, ukuran text, dan sebagainya)
Untuk membuka tampilan windows, inspector dan panel-panel, gunakan
menu Window. Beri tanda check untuk memilih tampilan mana yang anda
perlukan pada tampilan window.
Bekerja dengan macam-macam warna
Pada Dreamweaver, ada bermacam-macam dialog box, seperti juga pada
Property inspector ada menu untuk kotak-kotak pilihan warna untuk teks.
Kita tinggal memilih warna-warna sesuai dengan keinginan.
Memilih warna pada Dreamweaver :
Klik salah satu kotak warna pilihan
Hyperlink
Membuat Hyperlink dari Property inspector
Kita dapat membuat hyperlink teks dari halaman yang dibuka ke
halaman lain menggunakan fasilitas property inspector.
1.Pilih teks yang akan di-hyperlink.
2.Shadding teks tersebut (menekan tombol kiri pada mouse, pilih teks
yang akan di link), lalu pindahkan kursor pada property inspector
bar, klik pada area Link ketik nama file yang dituju.
3.Pindahkan kursor ke sembarang tempat, maka teks sudah hyperlink
Memasukkan Image atau gambar
Kita akan belajar dengan 2 cara untuk memasukkan image pada
Dreamweaver , dengan menggunakan main menu dan dengan
menggunakan Object panel.
1. Klik kursor pada tempat dimana kita ingin memasukkan image.
2. Pilih menu Insert > Image
3. Tampak dialog box untuk memilih file image, buka folder images. Pilih
file logo, pada dialog box sebelah kanan akan melihat preview
dari image tersebut.
4. Klik select, maka image tersebut akan masuk pada dokumen.
5. Untuk cara dengan penggunaan Object panel ; Klik button insert image
pada Object panel.
6. Maka akan tampak tampilan dialog box yang sama, lakukan seperti
langkah sebelumnya.
sumber :
http://www.rumahweb.com/journal/pengelolaan-website-dengan-dreamweaver-8.html
http://store.ilmuwebsite.com/
http://tutorial-website.blogspot.com/2009/03/membuat-web-menggunakan-macromedia_12.html