Dreamweamer merupakan tool pembuat homepage yang menggabungkan antara GUI (Graphical User Interface) dan text based. Dreamweamer (mulai versi 4) boleh dibilang merupakan editor HTML pertama dengan fitur - fitur yang sangat lengkap.
Beberapa fungsi-fungsi penting pada Dreamweaver antara lain:
1. Layout View.
2. Team collaboration.
3. Peningkatan kemampuan multimedia.
Element-Element Window Pada Dreamweaver:
Beberapa fungsi-fungsi penting pada Dreamweaver antara lain:
1. Layout View.
2. Team collaboration.
3. Peningkatan kemampuan multimedia.
Element-Element Window Pada Dreamweaver:
· Document Window: menampilkan dokumen atau halaman web yang sedang kita buat.
Insert Bar: terdiri dari beberapa macam icon untuk memasukkan berbagai macam objek web seperti gambar, layer, dan tabel.
Insert Bar: terdiri dari beberapa macam icon untuk memasukkan berbagai macam objek web seperti gambar, layer, dan tabel.
· Property Inspector: menampilkan property dari objek yang kita pilih didalam dokument.
· Site Panel: menampilkan semua file dan folder yang merupakan bagian dari website.
Dreamweaver dapat menampilkan dokumen dalam tiga cara, yaitu:
1. Design View: menampilkan dan mengedit dokumen secara visual.
2. Code View:Fasilitas ini memungkinkan kita untuk bisa mengedit langsung
halaman web kita dengan menuliskan kode HTML.
3. Code and Design View: kita bisa melihat Code View dan Design View secara
bersamaan dalam satu tampilan window.
Membuat SITE
------------
· Hal yang pertama kali harus kita lakukan adalah membuat SITE.Klik menu Site --> New Site
· Anda akan diberi pilihan apakah anda akan menggunakan server technology (ASP, JSP, PHP, dll) atau tidak.
· Kotak dialog berikutnya, anda akan diminta untuk menentukan di directory mana situs anda akan disimpan.
· Next, anda diminta memasukkan informasi tentang bagaimana cara andaterkoneksi ke server.
Bekerja dengan FILE
-------------------
Suatu website bisa terdiri dari satu atau lebih halaman web.Untuk membuat file pada Dreamweaver:
· Klik kanan pada folder site kita (misal: websiteku) kemudian pilih [New File].
· Beri nama file yang kita buat.
· Untuk mengaktifkan suatu file, dobel klik pada nama file pada [Site Panel].
· Untuk mengganti title website kita, kita bisa mengisikan pada edit box title yang berada dideretan icon pada toolbar di bagian atas Dreamweaver.
· Memasukkan teks: setelah dokumen kita buka, tempatkan kursor pada Document Window dan kita bisa langsung mengetikkan teks ke dalam dokumen tersebut.
· Memformat teks: pilih (blok) teks yang akan diformat, kemudian ubah properti pada Property Inspector. Beberapa properti dari teks yang bisa diatur antara lain: format teks,ukuran huruf,bentuk huruf,warna, ketebalan, alignment, bullet dan numbering, dan lain-lain.
· Kita bisa memasukkan objek-objek kedalam halaman situs kita. Objek-objek yang bisa kita masukkan antara lain: gambar, tabel, frame,form, flash, dan lain - lain. Ada beberapa cara memasukkan objek pada dreamweaver yaitu:
1. Pada Insert Bar, pilih objek yang ingin kita masukkan. Kemudian ikutilah
instruksi yang ada.
2. Pilih menu Insert kemudian pilih objek yang ingin anda masukkan. Perlu
2. Pilih menu Insert kemudian pilih objek yang ingin anda masukkan. Perlu
anda ketahui bahwa pada Dreamweaver, teks juga dianggap sebagai objek.
· Untuk mengubah format dari suatu objek:
1. Pilih objek yang akan diformat.
2. Pada Property Inspector, atur property yang ada sesuai dengan yang
diinginkan.
1. Pilih objek yang akan diformat.
2. Pada Property Inspector, atur property yang ada sesuai dengan yang
diinginkan.
· Page Properties
Secara default, halaman web kita mempunyai title Untitle Document dan tidak mempunyai background. Untuk mengeditnya, bisa dilakukan dengan mengakses Page Properties --> klik menu Modify, kemudian pilih Page Properties. Atau bisa juga dengan cara meletakkan kursor mouse pada dokumen, kemudian klik kanan dan pilih Page Properties. Beberapa property yang bisa diedit: warna latar belakang dokumen, warna teks, gambar pada latar belakang, level transparan dari gambar, dan lain-lain.
Secara default, halaman web kita mempunyai title Untitle Document dan tidak mempunyai background. Untuk mengeditnya, bisa dilakukan dengan mengakses Page Properties --> klik menu Modify, kemudian pilih Page Properties. Atau bisa juga dengan cara meletakkan kursor mouse pada dokumen, kemudian klik kanan dan pilih Page Properties. Beberapa property yang bisa diedit: warna latar belakang dokumen, warna teks, gambar pada latar belakang, level transparan dari gambar, dan lain-lain.
· Membuat Tabel
1. Klik menu Insert --> Table
2. Pilih icon Insert Table pada panel Insert Bar --> Tables.
1. Klik menu Insert --> Table
2. Pilih icon Insert Table pada panel Insert Bar --> Tables.
· 11. Membuat Link
1. Pilih teks, gambar, atau objek yang ingin kita jadikan sebagai
link.
2. Pilih menu Modify --> Make Link. Akan muncul kotak dialog Select
File.
3. Ketikkan alamat URL dari tujuan link kita kedalam teks box URL
atau dengan memilih file menggunakan kotak browser yang ada.
Setelah selesai klik OK.
Catatan: Bila file yang kita pilih berada di luar dari folder root
website kita maka akan muncul dialog yang menanyakan apakah kita
akan mengcopy file tersebut kedalam folder root dari website kita.
1. Pilih teks, gambar, atau objek yang ingin kita jadikan sebagai
link.
2. Pilih menu Modify --> Make Link. Akan muncul kotak dialog Select
File.
3. Ketikkan alamat URL dari tujuan link kita kedalam teks box URL
atau dengan memilih file menggunakan kotak browser yang ada.
Setelah selesai klik OK.
Catatan: Bila file yang kita pilih berada di luar dari folder root
website kita maka akan muncul dialog yang menanyakan apakah kita
akan mengcopy file tersebut kedalam folder root dari website kita.
Tidak ada komentar:
Posting Komentar