Embed Doc
Copy Link
Readcast
Collections

1
CommentGo Back

Download

Pengenalan dasar Dreamweaver 4.0

Ido Priyono HadiApa yang akan pelajari pada lesson ini ?:

1. Apa itu Dreamweaver?2.

Basic layout

Objects Palette

Launcher palette

5. Sekilas tentang

Properties Inspector

6. Sebuah halaman dasar [

A basic page]

Apa itu

Macromedia Dreamweaver

Macromedia Dreamweaver is sebuah editor HTML profesional untuk mendesain secara visual dan mengelola

website

danhalaman web. Konsep WYSYWIG (What You See IS What You Get) HTML (HyperText Mark-up Language) akan memberikananda membuat membuat halaman web dan web sites secara mudah dan cepat. Tetapi dibalik semuanya itu, dreamweaver juga memberikan anda kemudahan mempelajari DHTML (Dynamic HTML), yang bisa membuat website lebih menarik danlebih interaktif. Tidak hanya berhenti disini, dreamweaver juga mempunyai fasilitas FTP (File Transfer Protocol) untukupload situs anda ke Internet ketika proses desain sudah selesai dibuat.Fasilitas Dreamweaver termasuk juga

coding tools

dan

features

HTML, CSS,

dan

JavaScript

reference,

a JavaScript Debugger

, dan

code editors

(the Code view and Code inspector)

yang bisa untuk mengedit JavaScript, XML, dandokumen text lainnya secara langsung dalam Dreamweaver. Teknologi Macromedia tentang HTML meng

import

dokumenHTML tanpa memformat ulang

code

nya - dan anda bisa dengan mudah menge

set

Dreamweaver untuk membersihkan danmemformat ulang HTML kapan pun anda inginkan.

Layout Screen

Dasar

Pertama kalai anda

start

Dreamweaver anda akan disajikan dengan sebuah dokumen tanpa judul

[Untitled Document]

lihatpojok kiri atas dari gambar. Ini adalah dokumen halaman web anda yang masih kosong sebelum anda memulai danmenambahkan elemen-elemen seperti gambar, text, tabel dsb.Anda juga bisa melihat beberapa dari

Dreamweaver's palette's

yang tampak dalam gambar 1. Jika tidak, secara sederhanaanda membutuhkan agar bisa ke

Window menu

dan memilih apa yang ada inginkan secara

visible

dari daftar yangtersedia. Gambar 1 ini menunjukkan

Objects

tersebut.

Launcher

dan

Properties Inspector palettes

terbuka. Ini akanditerangkan kemudian dalam manual ini.

Gambar 1

sebuah tipikal dari

Dreamweaver screen.

Objects palette

Pallete

pertama yang kita lihat adalah

Objects palette

(lihat gambar 2). Objects palette mengijinkan andauntuk memasukan (

insert)

elemen

pada halaman web anda. Anda bisa menambahkan apa yang andasuka seperti : Gambar (Images), tabel (tables), Flash movies, Java applets, dsb. Akan tetapi

Objects palette

mempunyai fungsi lebih lebih dibalik semuanya itu.Saat ini anda sedang melihat pada objects yang biasa dipakai

Common objects

(lihat bagian atas dari

objects palette

dalam gambar 2). Dreamweaver juga menawarkan anda 5 fungsi tambahan (lihat gambar3), termasuk

Forms, Characters

dan

frames

. Untuk mengakses

palettes

tambahan ini sangat gampangtekan icon kecil panah ke bawah di

common

dan

pop-out menu

yang muncul (gambar 3).

Gambar 3 -

Pop-out menu

Untuk melihat tiap menu pada icon tsb, sederhana tahan

mouse over

pada icon yang anda kehendaki dan

help tip

akan muncul. Kita akanmelihat nanti untuk menambahkan elemen yang berbeda ketika kitamulai membuat halaman sederhana yang pertama nanti dalammanual ini.

Gambar 2

Launcher palette

(gambar 4) adalah hanya

palette

yang tidak dibutuhkan secara

visible

untuk penggunaanya sepertinyapallete merupakan

replicated

pada bagian kanan bawah dari layar Dreamweaver (lihat gambar 1). Jadi jika andamemfungsikannya buka dan tutup seperlunya untuk menghemat layar anda.

Gambar 4

- The launcher palette.

Launcher palette

digunakan untuk mengakses beberapa file dari

windows/palettes

Dreamweaver lainnya . Dari sini andabisa membuka

code tags HTML source editor

Site Map window

Behaviours palette

, dsb. Cobalah sekarang, klik pada

HTML Source icon

. Jangan takut anda bisa menutup window seperti window lainnya dalam Windows 9x dengan mengeklik'X' pada bagian sudut kanan atas dari window yang ada.

Properties Inspector

fungsi kerjanya agak berbeda dalam

Palettes

lain pada Dreamweaver, sepertinya konteknya agaksensitif. Dalam penggunaan sederhana yang berarti bisa diubah tergantung pada apa yang sedang anda edit atau buat.Contohnya, ketika anda sedang mengedit

text

, Property Inspector akan tampak seperti gambar [gambar 5].Tambahkan sebuah tabel maka

Properties Inspector

akan tampak seperti gambar 6