Ga m ba r Hasil Akhir Anim asi Banner
DESAIN WEB MENGGUNAKAN MACROMEDIA DREAMWEAVER
Oleh : Danang B.K
Macromedia Dreamweaver MX
Dreamweaver MX adalah serangkain program perangkat lunak yang dimungkinkan agar dapat merancang, membuat, menyunting, menyimpan dan
mempublikasikan halaman web pada www. Umumnya para pembuat halaman web dibingungkan dengan pembuatan bahasa script HTML yang rumit. Akan tetapi
dengan Dreamweaver MX, kesulitan tersebut dapat diatasi.
1. Bekerja dengan Design View dan Code View
Macromedia Dreamweaver MX dapat memungkinkan user untuk bekerja dengan berbagai cara, yaitu dengan menggunakan tampilan Design View, Code
View atau kombinasi, dengan menampilkan kedua cara baik tampilan Design View maupun Code View.
Jendela tempat untuk melihat
file-file kita
Lembar kerja
Gambar 7.1 Tampilan Dreamweaver MX dengan Design View
Jendela tempat untuk melihat
file-file kita
Script
Gambar 7.2 Tampilan Dreamweaver MX dengan Code View
2. Mengenal Toolbar
Macromedia Dreamweaver MX menyediakan toolbar yang berisi tombol- tombol yang berfungsi untuk memilih tampilan secara cepat. Toolbar juga berisi
beberapa perintah yang biasa digunakan dan yang terkait dengan pilihan tampilan seleksi serta status dokumen.
Design View Document Title Reference Code Design View Preview in Browser
Code View Gambar 7.3 Menu Bar dan Toolbar
Tabel 7.1
Tabel Keterangan
Toolbar Item
Keterangan Code view
untuk menampilkan kode di dalam dokumen Code and design view untuk menampilkan baik kode maupun design
Design view untuk menampilkan design di dalam dokumen
Document title untuk memberi judul pada dokumen
Preview in
browser untuk melihat tampilan awal preview debug
dokumen dalam format browser Reference
untuk mengakses panel referensi panel yang berisikan informasi kode HTML, CSS dan Java
Script
3. Tab Common
Tab common berisi tombol-tombol untuk membuat dan menyisipkan obyek yang paling sering dan biasa digunakan didalam dokumen, seperti: image, tabel dan
layar. Insert Table Rollover Image Tag Chooser
Draw Layer Navigation Bar Image Horizontal Ruler
Named Anchor Flash Comment
E-Mail Link Fire Works HTML Tabular Date Hyperlink Image Placeholder Date
Gambar 7.4 Tab Common Tabel 7.2
Tabel Keterangan Tab Common Item
Keterangan Hyperlink
Untuk memberikan link pada obyek yang terpilih. E-Mail Link
Untuk menempatkan link e-mail pada titik insertasi. Named Anchor
Untuk menempatkan named anchor pada titik insertasi. Insert Table
Untuk menempatkan tabel pada titik insertasi. Draw Layer
Untuk membuat layer.
