Merancang Hubungan Antarhalaman Website

Teknologi Informasi dan Komunikasi Kelas XI SMAMA 141 Menu ini dapat digunakan berbagai keperluan misalnya membuat situs baru submenu New Site, mengatur situs submenu Manage Sites, dan mengubah alamat link Change Link Sitewide. 9 Menu Window Menu Window memuat beberapa submenu yaitu submenu Insert, Properties, CSS Styles, Layers, Behaviors, Databases, Bindings, Server Behaviors, Components, Files, Assets, Snip- pets, Tag Inspectors, Results, Reference, History, Frames, Code Inspector, Timelines, Workspace Layout, HideShow Panels, Cascade, Tile Horizontally, dan Tile Vertically. Selain itu, menu Window juga memuat nama dokumen yang sedang dibuka. Menu Window digunakan untuk menampilkan aneka fasilitas dalam Dreamweaver 8, misalnya layer submenu Layers, frame submenu Frames, panel submenu Panel, hingga daftar file pendukung suatu situs submenu Files. 10 Menu Help Sesuai namanya, menu Help banyak digunakan untuk mengetahui berbagai hal yang bersangkutan dengan Dreamweaver 8. Misalnya Anda dapat menggunakan menu Help untuk mengetahui cara penggunaan software Dreamweaver 8 submenu Dreamweaver Help. Isi menu Help yaitu: submenu Dreamweaver Help, Getting Started with Dreamweaver, Dreamweaver LiveDocs, What’s New in Dreamweaver 8, Using Dreamweaver, Extending Dreamweaver, Dreamweaver API ColdFusion, Reference, Dreamweaver Support Center, Dreamweaver Developer Center, Dreamweaver Documentation Resource Center, Macromedia Online Forums, Macromedia Training, Online Registration, Print Registration, dan About Dreamweaver. Sumber: Macromedia Dreamweaver 8 Gambar 5.21 Isi menu Window Sumber: Macromedia Dreamweaver 8 Gambar 5.22 Isi menu Help Bab V Menggunakan Perangkat Lunak untuk Membuat Website 142

b. Toolbar Dreamweaver 8

Toolbar Dreamweaver 8 memuat beberapa ikon, antara lain ikon Code, Split, Design, Title, File management, PreviewDebug in browser, dan View option. Keterangan: 1 Ikon Code digunakan untuk melihat tampilan dokumen dalam bentuk kode-kode. 2 Ikon Split digunakan untuk menampilkan dokumen dalam bentuk desain serta kode sekaligus. 3 Ikon Design digunakan untuk menampilkan dokumen dalam bentuk desain. 4 Ikon Title digunakan untuk memberikan nama dokumen yang sedang dibuka. 5 Ikon File management digunakan untuk menampilkan rancangan situs beserta file-file pendukung situs. 6 Ikon PreviewDebug in browser digunakan untuk menampilkan rancangan situs jika dibuka menggunakan web browser. 7 Ikon View Option digunakan untuk menampilkan ruler, grid, hingga tracing images pilihan untuk menampilkan gambar latar belakang.

c. Properties Inspector

Bagian ini berfungsi sebagai tempat untuk mengetahui atribut suatu objek. Jadi, misalkan Anda mengetikkan teks pada halaman Dreamweaver, bagian Properties Inspector akan menampilkan keterangan dari teks tersebut. Sumber: Macromedia Dreamweaver 8 Gambar 5.23 Toolbar dalam Macromedia Dreamweaver 8 Ikon PreviewDebug in browser Ikon View option Ikon File management Ikon Code Ikon Split Ikon Design Ikon Title Gambar di atas menjelaskan bahwa teks Macromedia Dreamweaver 8 memiliki properti antara lain jenis font Impact, ukuran font 24 pt, serta warna font merah. Bagian-bagian pada Properties Inspector dapat Anda gunakan untuk mengolah suatu karakter. Misalnya Anda dapat mengatur ukuran font, warna font, atau ukuran gambar. Saat bekerja dengan warna, Anda dapat pula melihat dari kode warna tersebut. Sebagai contoh, warna merah menggunakan kode FF0000. Sumber: Macromedia Dreamweaver 8 Gambar 5.24 Contoh propertiatribut yang tercantum pada properties inspector Jenis font dari teks Teks yang dituliskan Warna font Ukuran font