Workspace Dreamweaver Mengenal Macromedia Dream- weaver

Direktorat Pembinaan SMK 2008 335 Workspace Dreamweaver tersebut memiliki tampilan window seperti pada gambar 2. Window Dream- weaver ini dibagi menjadi 7 bagian, yaitu : Insert Bar, Document Toolbar, Document Window, Panel Groups, Tag Selector, Property Inspector dan Files Panel. Keterangan Gambar: 1 Insert bar, memuat tombol-tombol yang berfungsi untuk memasuk- kanmenyisipkan berbagai jenis obyek seperti gambar, tabel dan layer ke dalam suatu dokumen. Setiap obyek yang dimasukkan dengan meng-klik tombol insert pada insert bar ini adalah seperti halnya memasukkan potongan tag HTML ke dalam halaman yang sedang dibuat. 2 Document window, berfungsi untuk menampilkan dokumen di mana anda sekarang bekerja. 3 Document toolbar, berisi tombol dan menu pop-up yang menye- diakan tampilan yang berbeda- beda dari Document Window. 4 Panel groups, merupakan kum- pulan panel yang saling berkaitan satu sama lain, yang dikelompok- kan di bawah satu judul. 5 Tag selector, berfungsi untuk menampilkan hierarki tag di seki- tar pilihan yang aktif pada Design View. 6 Property inspector, digunakan untuk melihat dan mengubah berbagai property obyek atau teks. 7 Files panel, memungkinkan pengaturan file atau direktori ker- ja. 8 Workspace Dreamweaver MX ini memberikan kesatuan tampilan antara menu utama, panel, prop- erty inspector serta toolbar.

7.3 Hyper Text MarkUp Language HTML.

HTML yang merupakan kepanjangan dari Hyper Text MarkUp Language memiliki fungsi untuk memformat dokumen teks biasa agar bisa digunakan pada World Wide Web WWW. HTML bukan merupakan suatu bahasa pemrograman, karena sifatnya yang hanya memberikan tanda marking up pada suatu dokumen teks dan bukan sebagai program. Pada awalnya HTML dikembangkan sebagai subset SGML Standart Generalized Mark-Up Language. Karena HTML didedikasikan untuk ditransmisikan melalui media internet, maka HTML relatif lebih sederhana dari pada SGML yang lebih ditekankan pada format dokumen yang berorientasi pada aplikasi. File HTML merupakan dokumen teks yang diformat menggunakan HTML, maka untuk melakukan penulisan maupun editing dokumen. HTML dapat menggunakan berbagai macam editor, dalam hal ini digunakan Note- pad. Struktur dasar dokumen HTML berisi elemen-elemen atau tag, seperti pada gambar berikut : Direktorat Pembinaan SMK 2008 336 Gambar 7.3. Struktur Dasar HTML. Keterangan : 1. html html : mendefinisikan bahwa teks yang berada diantara kedua tag tersebut adalah file HTML. 2. head head : mendefinisikan head dalam sebuah file HTML. 3. title title : mendefinisikan judul yang hendak ditampilkan pada browser. 4. body body : mendefinisikan teks beserta formatnya yang hen- dak ditampilkan sebagai isi halaman web.

7.3.1 Format Teks Dasar dalam HTML

1. Heading, HTML mengenal 6 level heading, mulai 1 terbesar sam- pai 6. heading ditampilkan dengan font lebih besar dan tebal daripada teks normal. h1heading level 1 h1, h2heading level 2 h2dst. Gambar 7.4. Tag Heading. 2. Paragraf, setiap ada paragraf baru diawali dengan p pparagraf satup, dst. 3. List, HTML mendukung daftar list tidak bernomor, bernomor dan definisi. 4. Tidak bernomor unordered list : ul lisatu lidua litiga ul Gambar 7.5. Tampilan dari Unor- dered List Tag