ARTIKEL TENTANG PEMBUATAN WEB DENGAN MENGGUNAKAN ADOBE DREAMWEAVER

ARTIKEL TENTANG PEMBUATAN WEB DENGAN MENGGUNAKAN ADOBE DREAMWEAVER

Apa sih Macromedia Dreamweaver ?

     Macromedia Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja dengan lingkungan secara visual dalam melakukan editing, Dreamwever membuatnya menjadi lebih mudah dengan menyediakan tool-tool yang sangat berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web.

    Dreamweaver MX dalam hal ini digunakan untuk web desain. Dreamweaver MX mengikutsertakan banyak tool untuk kode-kode dalam halaman web beserta fasilitas-fasilitasnya, antara lain : Referensi HTML, CSS, dan Javascript, Javascript debugger, dan editor kode ( tampilan kode dan code inspector) yang mengizinkan kita mengedit kode javascript, XML, dan dokumen teks lain secara langsung dalam Dreamweaver. Teknologi 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 menginginkannya. selain itu Dreamweaver juga dilengkapi kemampuan manajemen situs yang memudahkan kita mengelola keseluruhan elemen yang ada dalam situs. kita juga dapat melakukan evaluasi situs dengan melakukan pengecekan broken link , kompatibilitas browser, maupun perkiraan waktu dwonload halaman web.

Layar Kerja Dreamweaver

The Welcome Screen

Layar Welcome Screen Dreamweaver di pakai untuk pekerjaan :

• membuka dokumen yang telah ada
• membuat dokumen baru
• membuat dokumen berbasis template

Anda dapat mematikan Welcome Screen dengan memilih check-box "Don't show again" di sudut kiri bawah.

The Workspace

The Workspace Layout

Workspace Layout digunakan untuk membedakan jenis Role pemakai. untuk Dreamweaver 8 tersedia 2 jenis role, yaitu : Coder  dan Designer. Coder adalah jenis user yang lebih banyak membuat kode program, biasanya untuk situs dinamis dan aplikasi web. Designer adalah user yang lebih banyak bekerja dengan desain (grafis) dan layout, termasuk CSS. Setelah layout Workspace ada di lokasi menu Windows > Workspace Layout.

• Workspace Coder cocok untuk developer yang banyak bekerja dengan kode (server-side script) dan Javascript.
• Workspace Designer cocok untuk developer yang banyak bekerja di sisi desain, seperti layout web, CSS gambar seterusnya.

Membuat Halaman Baru dan Menambahkan Teks

1. pilih menu file kemudian klik new
2. pilih category basic page
3. pilih basic page HTML
4. klik tombol create

5. klik split supaya layar code dan visual tampil keduanya

6. ambil teks yang akan menjadi halaman web dengan copy

7. simpan kursor pada Windows visual kemudian klik menu edit > paste
8. klik menu file > save atau tombol ctrl+s
9. simpan dengan nama : asus-n550jv.html
10. nama file akan muncul di bagian panel files dan tab di atas Windows document

11. berikutnya perhatikan Windows code kita bisa lihat bahwa secara otomatis Dreamweaver akan menambahkan tak HTML ke dalam teks, Hal tersebut sangat membantu terutama bagi pemula yang belum terlalu familiar dengan kode-kode HTML.