41 3 Document toolbar, berisi tombol dan menu pop-up yang
menyediakan tampilan yang berbeda-beda dari Document Window.
4 Panel groups, merupakan kumpulan panel yang saling berkaitan satu sama lain, yang dikelompokkan di bawah satu judul.
5 Tag selector, berfungsi untuk menampilkan hierarki tag di sekitar pilihan yang aktif pada Design View.
6 Property inspector, digunakan untuk melihat dan mengubah berbagai property objek atau teks.
7 Files panel, memungkinkan pengaturan file-file atau direktori kerja. Workspace Dreamweaver MX ini memberikan kesatuan tampilan
antara menu utama, panel, property inspector serta toolbar.
2. Dasar-dasar HTML
a. HTML
HTML yang merupakan singkatan 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 daripada SGML yang lebih ditekankan
pada format dokumen yang berorientasi pada aplikasi.File-fileHTML merupakan dokumen teks yang diformat menggunakan HTML, maka
untuk melakukan penulisan maupun editing dokumen HTML dapat menggunakan berbagai macam editor, dalam hal ini digunakan
Notepad. Struktur dasar dokumen HTML berisi elemen-elemen atau tag,
seperti pada gambar berikut:
42
Gambar 2. 3. Struktur Dasar HTML
Keterangan : 1 HTMLHTML : mendefinisikan bahwa teks yang berada
diantara kedua tag tersebut adalah fileHTML. 2 headhead : mendefinisikan head dalam sebuah fileHTML.
3 titletitle : mendefinisikan judul yang hendak ditampilkan pada browser.
4 bodybody : mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web.
b. Format Teks Dasar dalam HTML
1 Heading, HTML mengenal 6 level heading, mulai 1 terbesar sampai 6. Heading ditampilkan dengan font lebih besar dan
tebal daripada teks normal. h1heading level 1h1, h2heading level 2h2dst.
Gambar 2. 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.
Tidak bernomor unordered list :
43 ul
lisatu lidua
litiga ul
Gambar 2. 5. Tampilan dari Tag Unordered List Bernomor ordered list :
ol lisatu
lidua litiga
ol
Gambar 2. 6. Tampilan dari Tag Ordered List
Definisi definition list : dl
dt dd
dt dd
dl
44
Gambar 2. 7. Tampilan dari Tag Definition List
4 Performatted Text, dalam HTML, spasi, tab dan baris baru enter tidak
memiliki pengaruh.
Agar format
tampilan sesuai
dengansourcenya, maka diperlukan tagpre. pre
Nama : Saya
Tanggal : Lahir pre
Gambar 2. 8. Tampilan dari Tag Preformatted Text
5 Extended Quotations, untuk membuat kutipan panjang, sehingga hasilnya menjorok ke dalam, digunakan tagblockquote.
pparagraf satup blockquote
pparagraf masuk ke dalamp blockquote
45
Gambar 2. 9. Tampilan dari Tag Blockquote
6 Ganti baris line break, untuk menulis alamat surat dengan baris- baris pendek, tidak baik jika menggunakan tagpspasi terlalu
lebar. Maka digunakan tagbr untuk ganti baris. Karangmalang.br
Yogyakarta.br 55281
7 Garis datar horizontal rule, untuk membuat garis horizontal yang digunakan untuk membatasi bagian-bagian digunakan taghr.
Yang dapat diikuti dengan penentuan ukurannya dengan atribut size dan width.
hr size=”4” width=”75” 8 Memformat karakter,
b atau strong untuk membuat teks Bold. i atau emuntuk membuat teks Italic.
tt atau code untuk membuat teks typewriter.
Gambar 2. 10. Hasil Format Karakter
c. Dasar LinkHTML
