Membuat Folder

Membuat Folder

Dreamweaver menyediakan tampilan visual dari website kita melalui Site Panel .

Website kita akan lebih mudah untuk dikelola jika kita mengatur file-file kita kedalam

folder-folder. Untuk ini kita akan membuat dua folder, folder images untuk meletakkan

file-file gambar dari site kita dan folder resources untuk menyimpan file-file lain.

Car a membuat folder:

1. Klik kanan pada folder site kita (misal: PENS Website), kemudian pilih New

Folder .

2. Ketikkan nama folder yang kita buat (misal: images) kemudian tekan Enter .

Bekerja dengan File

Dalam suatu website, kita bisa mempunyai satu atau lebih file doku men. File

dokumen ini yang biasa juga disebut sebagai page.

Cara membuat file:

1. Klik kanan pada folder site kita (misal: PENS Website), kemudian pilih New

File .

2. Ketikkan nama folder yang kita buat (misal: images) kemudian tekan Enter .

Bila kita mengakses suatu website, biasanya file dokumen yang pertama kali akan

diakses adalah file index.htm (tergantung dari setting di webserver). Untuk itu, pertama

kali kita akan membuat satu file dengan nama index.htm .

Untuk mulai bekerja dengan file yang telah kita buat, kita bisa me-double-klik

pada nama file yang akan kita edit pada Site Panel .

Untuk mengganti title dari website kita, bisa kita isikan pada edit box tittle yang berada

dideretan icon pada toolbar di bagian atas Dreamweaver.

Title tersebut akan tampil pada bagian paling atas dari web browser bila kita membuka

website kita menggunakan Internet Explorer .

Memasukkan Teks

Memasukkan teks ke dalam dokumen yang kita buat menggunakan

Dreamweaver sangat mudah. Setelah dokumen kita buka, tempatkan kursor pada

Document Window dan kita bisa langsung mengetikkan teks ke dalam dokumen

tersebut.

Bila kita ingin memformat teks yang sudah kita masukkan, car anya adalah

dengan memblok teks tersebut, kemudian ubah properti dari teks tersebut dengan

menggunakan panel Property Inspector .

Ada beberapa properti dari teks yang bisa kita atur menggunaka panel Property

Inspector tersebut. Yaitu: format teks, ukuran, bentuk huruf, warna, ketebalan,

alignment, bullet dan numbering, dan lain-lain.

Memasukkan Objek

Ada banyak sekali objek yang bisa kita masukkan ke dokumen web kita,

gambar, tabel, frame, form, flash, dan banyak lagi yang lainnya. Pada Dreamweaver,

objek-objek itu dapat kita masukkan kedalam dokumen web kita dengan sangat mudah.

Pilih pada Insert Bar , objek apa yang kita inginkan, kemudian klik dan kita tinggal

mengikuti instruksi yang ditampilkan oleh Dreamweaver. Teks pada dokumen web kita

juga dianggap sebagai suatu objek oleh Dreamweaver.

Untuk memasukkan suatu objek kedalam halaman web kita juga bisa dilakukan

dengan mengklik menu Insert kemudian pilih objek yang akan kita masukkan kedalam

halaman web kita.

Sedangkan untuk mengedit objek yang sudah berada pada dokumen web kita,

bisa kita lakukan dengan mengklik objek tersebut kemudian kita bisa mengubah

propertynya pada Property Inspector , sesuai dengan yang kita inginkan. Property yang

dapat kita ubah pada Property Inspector akan berbeda-beda, tergantung dari jenis

objek yang akan kita edit.

Kita juga bisa menggunakan klik kanan mouse pada suatu objek untuk

menampilkan daftar menu favorit yang bisa kita pilih, sesuai dengan objek yang

ber sangkutan.

Kita juga bisa menggunakan objek layer sebagai tempat dari teks kita. Sehingga

kita bisa dengan mudah untuk memformat dan memindah-mindahkna teks kita tersebut.

Untuk menggambar suatu layer bisa dilakukan dengan memilih menu Insert Layer ,

atau dengan mengklik icon Draw Layer pada Insert Bar Common .

10.8. Page Properties

Ketika pertama kali kita memulai Dreamweaver, halaman web kita secara

default mempunyai title Untitle Docu ment dan tidak mempunyai background. Kita bisa

mengeditnya dengan mengakses ke Page Properties.

Caranya adalah dengan mengklik menu Modify , kemudian pilih Page

Properties . Atau bisa juga dengan menggunakan mouse, caranya: taruh kursor mouse

pada dokumen kita, kemudian klik kanan mouse dan pilih Page Properties .

Pada Page Properties kita bisa mengedit banyak hal yang berhubungan dengan

halaman web kita, seperti warna latar belakang dokumen, warna teks, gambar pada latar

belakang, level transparan dari gambar, dan lain-lain.