Sekilas Tentang Macromedia Dreamweaver
Pengertian macromedia dramweaver adalah sebuah software
HTML editor professional yang digunakan untuk mendesain secara visual
dan mengelola situs web dan maupun halaman web . Bilamana kita menyukai untuk
berurusan dengan kode-kode HTML secara
manual atau lebih menyukai bekerja dengan lingkungan secara visual dengan
melakukan editing. dreamweaver membuatnya lebih mudah dengan menyediakan tools-tools
yang sangan berguna untuk memudahkan kita dalam peningkatan kemampuan dan
pengalaman kita dalam mendesain .
Dreamweaver 8 dalam hal ini
digunakan untuk web desain, dreamweaver 8 mengikutsertakan banyak tools untuk
kode-kode dalam halaman web beserta fasilitas-fasilitasnya, antara lain :
Referensi HTML, CSS dan java script, java script debugger dan editor kode
(tampilan code dan kode inspector) yang mengizinkan kita mengedit kode java
scipt, XML dan dokumen teks lain secara langsung dalam macromedia dreamweaver.
Tekhnologi dreamweaver roundtrip
HTML mampu mengimpor dokumen HTML tanpa
perlu memformat ulang kode tersebut dan kita dapat menggunakan dreamweaver pula
untuk membersihkan dan memformat ulang HTML bila kita menginginkanya. Selain
itu dreamweaver juga dilengkapi dengan kemampuan manajemen situs, yang
memudahkan kita mengelola keseluruhan elemen yang ada dalam situs. Kita juga
dapat melakukan evaluasi situs dengan melakukan pengecekan broken link,
kompatibillitas browser, maupun perkiraan waktu download halaman web.
Evolusi macromedia dreamweaver diantaranya, sebagai berikut
:
Dalam Dreamweaver dikenal dua jenis site , antara lain ;
Program ini juga menyediakan stau pengkodean , misalnya
- · Dreamweaver 3 merupakan versi lamanya yaitu web authoring pada tahun 2000.
- · Dreamweaver4 merupakan software yang lebih baik lagi dan lebih canggih pada tahun 2000
- · Dreamweaver MX ditampilkan pada tahun 2004, selain software untuk mendesain web juga bias untuk menyunting kode dapat membuat aplikasi web dengan menggunakan byahasa pemrograman JPS,PHP,ASP atau coldfusion. Dilenkapi dengan fasilitas yang cukup lengkap untuk manajemen situs.
- Yang terbaru macromedia dreamweaver 8 ini yang saya pakai, macromedia cs3 dan cs4.
Dalam Dreamweaver dikenal dua jenis site , antara lain ;
- Local site, adalah alamat website lokal yang ada dalam local computer dan mengacu pada halaman folder lokal. Folde ini bisa berada di local machine atau bisa juga berada di network server.
- Remote site, dimana halaman website ini ada di dubnia maya internet. File html dapat diletakkan dalam server atau dikenak dengan web hosting server di jaringan internet.
Program ini juga menyediakan stau pengkodean , misalnya
- Code editing tool (code coloring, tag completion, cooding toolbar, code collapse)
- Language referencs (seperti CSS atau cascading style sheets, Java sricpt, coldfusion markup language atau dikenal dengan CMML,)
- Macromedia rountrip HTML technology yang mampu meng-import HTML tanpa harus melakukan reformat kode yang ada di dokumen asal.
Halaman awal macromedia dreamweaver 8 |
Macromedia Dreamweaver adalah program untuk membuat dan mengedit dokumen
HTML secara visual dan mengelola halaman sebuah situs. Dreamweaver menyediakan
banyak perangkat yang berkaitan dengan pengkodean dan fitur seperti HTML, CSS,
JavaScript, PHP, ASP, ColdFusion, dan XML.
Pada halaman awal
Dreamweaver 8 terdapat beberapa menu yang dapat dipilih :
a. Open a Recent
Item
Pada menu ini akan
ditampilkan beberapa file yang sebelumnya pernah kita buka dengan menggunakan
Dreamweaver 8. Atau di paling bawah ada Open yang dapat
digunakan untuk membuka file yang lain.
b.Create New
Pada menu ini kita dapat
memilih dokumen baru apa yang akan kita buat dengan menggunakan Dreamweaver 8. Adabanyak
pilihan, diantaranya HTML, ColdFusion, PHP, ASP, JavaScript, CSS.
c. Create From Samples
Pada menu ini kita dapat
membuat file berdasarkan contoh yang sudah diberikan oleh Dreamweaver.
1. Halaman Utama Dreamweaver 8halaman utama macromedia dreamweaver 8 |
Keterangan :
1. Toolbar Dokumen
Toolbar dokumen digunakan
untuk mengubah tampilan dan mengakses fungsi-fungsi penting secara cepat dan
mudah. Pada toolbar dokumen terdapat menu untuk berpindah antar dokumen kerja
window dan mengatur tampilan area kerja. Untuk mengatur tampilan kita bisa
memilih Code, Split danDesign.
2. Menu Utama
Menu Utama berisi semua
perintah yang dapat digunakan untuk bekerja pada Dreamweaver.
3. Insert Bar
Insert bar merupakan tempa
semua perangkat kerja (tombol) tang digunakan untuk membuat halaman web. Insert
bar mempunyai dua jenis tampilan, yaitu tampilan sebagai menu dan tampilan
sebagai tab.tampilan insert bar sebagai menu |
a. Tab common
Berisi semua tombol yang
sering atau umum digunakan untuk membuat halaman web. Tombol yang ada di Tab
Common antara lain Hyperlink, Email Link, Named Anchor, Table,
Images.
b. Tab Layout
Tab layout digunakan untuk
membuat layout halaman web. Terdapat tiga jenis layout yang dapat dipilih,
yaitu Standard, Expanded dan Layout.
· Untuk Standard view tampilan dokumen
seperti biasa (berupa garis-garis tabel)
· Untuk Expanded view menampilkan
border tabel yang direnggangkan sehingga semua rancangan tabel dapat dilihat
dengan jelas baik itu baris dan kolomnya.
· Untuk Layout view rancangan tabel
ditampilkan sebagai kotak-kotak yang dapat di-drag, dan diatur ulang ukurannya
dengan mudah.
c. Tab Form
Tab form digunakan untuk
membuat elemen dalam form, misalnya saja textarea, textfield, radio button,
checkbox
d. Tab Text
Tab text digunakan untuk
membuat pengaturan text. Misalnya saja membuat text italic, strong, underline,
h1.
e. Tab HTML
Tab HTML digunakan untuk
membuat garis horizontal, menambahkan meta tag dalam tag , dan frame.
f. Tab Application
Tab application digunakan
jika aplikasi kita sudah berhubungan dengan suatu bahasa pemrograman dan sebuah
database.
g. Tab Flash elements
Tab flash elements
digunakan untuk memasukkan elemen flash dalam dokumen yang kita buat.
1. Code View
Kode view digunakan untuk melihat kode HTML dari halaman web yang sedang kita biat
2. Panel Properties
Panel properties merupakan
panel yang digunakan untuk melihat dan mengubah property dari semua objek yang
ada di area kerja. Masing-masing objek mempunyai property yang berbeda. Untuk
melihat property dari objek yang diinginkan, seleksi dulu objek tersebut.
3. Design View
Design View digunakan
untuk melihat tampilan web dari kode HTML yang kita buat.