Pengenalan Macromedia Dreamweaver 8

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 :

• ·    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 ;

1. 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.
2. 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.

Untuk melangkah selanjutany anda harus menambahkan informasi pada remote site dan testing server agar website tsb bisa terkases melaui jaringan internet. Dengan cara mentransfer file html pade sebuah server web atau penyedia aplikasi web.

Program ini juga menyediakan stau pengkodean , misalnya

1.       Code editing tool (code coloring, tag completion, cooding toolbar, code collapse)
2.       Language referencs (seperti CSS atau cascading style sheets, Java sricpt, coldfusion markup language atau dikenal dengan CMML,)
3.     Macromedia rountrip HTML technology yang mampu meng-import HTML tanpa harus melakukan reformat kode yang ada di dokumen asal. 

Area Kerja Macromedia dreamweaver 8

Halaman awal macromedia dreamweaver 8

 1. Halaman Awal

    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 8

halaman 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.

Written by Unknown

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.