Area kerja dreamweaverMX akan tampak seperti di bawah ini
• Tampilan di atas adalah tampilan dimana dokumen yang akan dibuat dan diedit.
Document Toolbar
Property Inspector
Insert Panel
Document Window
Judul
• Pada Insert panel terdapat icon-icon yang dapat diklik untuk memasukkan object
pada dokumen dan untuk mengedit pembuatan halaman web.
• Pada property inspector ditampilkan properti-properti dari object atau text yang
dipilih dan dapat dimodifikasi (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 diperlukan pada
tampilan window.
• Pada baris judul dari tampilan document window ditunjukkan judul halaman,
nama folder dan nama file ada dalam tanda kurung.
• Status bar, didapat pada bagian paling bawah document window, menunjukkan
informasi-informasi tentang dokumen yang sedang dibuat.
• Pada tag selector menampilkan HTML control pada text atau object yang dipilih.
Klik salah satu text atau object maka pada tag selector akan tampak HTML
control, contoh jika diklik pada dokumen window, pada tag selector akan tampak
tulisan <body> disini menunjukkan sedang bekerja pada body dari dokumen
secara HTML.
• Pada Window size pop-up menu dapat dilihat dan mengedit ukuran window yang
ditampilkan sesuai keinginan
• .Disebelah kanan menu window size pop-up dapat dilihat ukuran besarnya file
dokumen dan waktu yang dibutuhkan untuk download file pada tampilan window.
Catatan : Pada ukuran window menggambarkan ukuran dimensi pada browser. Untuk
contoh, gunakan ukuran “536 x 196 (640 x 480, default)” jika pengunjung situs
menggunakan Microsoft Internet Explorer atau Netscape Navigator, maka
konfigurasi tampilannya adalah 640 x 480.
TOOLBAR
Tag Selection Window size
pop-up menu
Code View
Code&Design View
Design View Nama File Tampilan Browser
Refresh
Toolbar dreamweaver terdapat button-button yang dapat dipilih dalam menampilkan
dokumen secara cepat : Code (HTML), desain, dan gabungan keduanya yaitu tampilan
secara HTML dan desain.Toolbar juga menampilkan button-button perintah yang
terdapat pada sebelah kanan nama dokumen.
• Untuk menampilkan dan menyembunyikan Toolbar, pilih menu View > Toolbar.
• Untuk tampilan dokumen secara kode atau HTML , klik button Code View pada
toolbar. Disini dapat diedit atau dibuat halaman web secara HTML
• Untuk tampilan dokumen secara kode dan desain, klik button Code & Design View
• Untuk tampilan dokumen secara desain, klik button Design View, disini dapat
diedit atau dibuat halaman web secara visual.
• Untuk merubah nama dokumen, klik pada title lalu rubah nama dokumen sesuai
dengan keinginan.
• Untuk melihat halaman web secara browser (Internet Explorer) dengan mengklik
button Preview Browser.
OBJECT PANEL
Pada Object panel terdapat button-button untuk membuat dan memasukkan object
seperti tabel, layer dan images. Untuk menampilkan dan menyembunyikan Objects panel,
pilih menu Window > Objects.
Memasukkan sebuah Object :
Klik icon button pada Object panel, tergantung pada object yang dipilih. Setelah diklik
salah satu button maka akan tampil Dialog Box yang harus diisi untuk memasukkan
object tersebut. Object panel terdiri dari 7 kategori : Character, Common, Form,
Frames, Head, Invisibles dan Special.
Semua kategori tersebut menampilkan button untuk merubah tampilan : Standart dan
Layout. Untuk saat ini kita hanya akan membicarakan kategori Common atau kategori
yang umum dan biasa dipakai dan kategori Character.
Common
Kategori Common pada Object panel terdiri dari :
• Image
Memasukkan sebuah gambar atau image pada cursor. Dialog Box akan tampil
sehingga anda dapat secara spesifik memilih file image yang diinginkan.
• Rollover Image
Secara khusus dapat dipilih 2 file image yang akan dimasukkan dan
membuat 2 file image tersebut ditampilkan secara rollover. Rollover adalah bila
sebuah gambar atau image akan berubah menjadi gambar yang lain bila mouse
pointer dikenakan pada image tersebut.
• Table
Menempatkan atau membuat tabel.
• Named Anchor. Untuk melakukan lompatan/link dari suatu teks atau gambar di halaman
yang sama.
• Navigation Bar Memasukkan beberapa image untuk Navigasi masuk ke site yang lain.
• E-Mail Link Membuat link sebuah e-mail.
• Date Menempatkan tanggal pada halaman web. Dialog Box akan muncul untuk
spesifikasi format dari tanggal, Dreamweaver akan mengupdate dari tanggal
secara otomatis setiap kali anda menyimpan file.
• Fireworks HTML Memasukkan file HTML yang sudah dibuat atau sudah ada
yang dibuat dari program Fireworks.
• Flash Button Memasukkan Flash Button pada halaman web.
• Flash Text Membuat Flash text object.
• Shockwave Menempatkan movie dari Macromedia Shockwave pada halaman web.
Dialog Box akan muncul agar dapat dipilih sumber file DCR daripada movie, atau
dapat menggunakan Property inspector untuk menspesifikasi sumber file.
• Generator Menempatkan object Macromedia Generator pada halaman web.
0 komentar:
Posting Komentar