DAFTAR ISI Halaman Judul Lembar Pengesahan... i Abstraksi... ii Kata Pengantar... iii Daftar Isi... v Daftar Gambar... viii Daftar Tabel... x BAB I PENDAHULUAN... 1 1.1 Latar Belakang Masalah... 1 1.2 Masalah dan Pembatasan Masalah... 2 1.3 Tujuan Penulisan... 2 1.4 Metode Penelitian... 2 1.5 Sistematika Penulisan... 3 BAB II LANDASAN TEORI... 4 2.1 Internet... 4 2.2 web browser... 4 2.3 Teks... 4 2.4 Gambar... 4 2.5 WWW... 4 2.6 HTML... 5 2.7 Website... 5 2.8 TCP/ IP... 5 2.9 Macromedia Dreamwever MX... 5 2.10 Sistem Hardware dan Softwsre yang dibutuhkan... 8 2.11 Komponen ruang kerja... 9 2.11.1 Insert Bar (Common)... 9 2.11.2 Insert Bar (Layout)... 11 2.11.3 Insert Bar (Text)... 11 2.11.4 Insert Bar (Table)... 11 v
2.11.5 Insert Bar (Frame)... 12 2.11.6 Insert Bar (Form)... 13 2.11.7 Insert Bar (Templates)... 14 2.11.8 Insert Bar (Characters)... 14 2.11.9 Insert Bar (Media)... 15 2.11.10 Insert Bar (Heard)... 16 2..11.11 Insert Bar (Aplication)... 16 2.11.12 Insert Bar (script)... 17 2.11.13 Document Toolbar... 17 2.11.14 Property Inspector... 18 2.12 Kelebihan dan kekurangan Macromedia Dreamweaver MX... 19 2.12.1 Kelebihan Macromedia Dreamweaver MX... 19 2.12.2 Kekurangan Macromedia Dreamweaver MX... 19 2.12.3 Peta Navigasi... 19 2.12.4 Struktur Navigasi Linier... 19 2.12.5 Struktur Navigasi Non Linier... 20 2.12.6 Struktur Navigasi Hirarki... 21 2.12.7 Struktur Navigasi Campuran... 22 BAB III Pembahasan... 23 3.1 Proses halaman Web... 23 3.1.1 Membuat Folder PT.DIAMOND ICE CREAM... 23 3.1.2 Membuat Root folder... 24 3.1.3 Membuat Halaman Baru... 24 3.1.4 Memberi Nama Dokument Website... 26 3.2 Menulis Teks... 27 3.2.1 Baris Baru Dan Paragraph Baru... 28 3.2.2 Menggunakan Perantara Alinea... 28 3.2.3 Memformat Paragraph... 29 3.2.4 Memilih Font... 29 3.2.5 Membuat Text... 30 3.2.6 Menyimpan Dokumen... 30 vi
3.3 Menyimpan gambar (Image)... 31 3.4 Menggunakan Link... 32 3.4.1 Membuat Link Pada Text... 32 3.4.2 Membuat Link Pada Gambar... 33 3.5 Menyisipkan animasi (Flash)... 33 3.6 Membuat Interactive Images... 35 3.6.1 Membuat Tombol Gambar (Rollover Image)... 35 3.6.2 Membuat tombol flash (Flash Button)... 36 3.7 Membuat list atau menu... 38 3.8 Struktur Navigasi... 40 3.9 Perancangan Program... 40 3.9.1 Rancangan Halaman Utama... 40 3.9.2 Rancangan Menu Daftar Produk... 42 3.9.3 Rancangan menu Pemesanan... 42 3.9.4 Rancangan menu Profil... 43 3.9.5 Rancangan Administrator... 45 3.9.6 Rancangan Menu Admin... 45 3.9.7 Rancangan Nama konsumen... 47 3.10 Pembuatan Aplikasi... 48 3.10.1 Membuat tampilan Daftar Produk... 48 3.10.2 Membuat tampilan Home... 49 3.10.3 Membuat Tampilan Pemesanan... 50 3.10.4 Membuat Tampilan Profil... 51 3.10.5 Membuat Tampilan Administrator... 52 3.10.6 Membuat Tampilan Menu Admin... 53 3.10.7 Membuat Tampilan nama konsumen... 54 BAB IV PENUTUP... 55 4.1 Kesimpulan... 55 4.2 Saran... 55 DAFTAR PUSTAKA... 56 LAMPIRAN... 57 vii
DAFTAR GAMBAR Gambar 2.1 TampilanMacromediaDreamweaverMX... 7 Gambar 2.2 Insert Bar (Tab Common)... 9 Gambar 2.3 Insert Bar (Layout)... 11 Gambar 2.4 Insert Bar (Text)... 12 Gambar 2.5 Insert Bar (Table)... 12 Gambar 2.6 Insert Bar (Frame)... 13 Gambar 2.7 Insert Bar (Form)... 13 Gambar 2.8 Insert Bar (Template)... 14 Gambar 2.9 Insert Bar (Characters)... 14 Gambar 2.10 Insert Bar (Media)... 15 Gambar 2.11 Insert Bar (Media)... 16 Gambar 2.12 Insert Bar (Aplication)... 16 Gambar 2.13 Insert Bar (Script)... 17 Gambar 2.14 Document toolbar... 17 Gambar 2.15 Property Inspector... 18 Gambar 2.16 Struktur Navigasi Linier... 20 Gambar 2.17 Struktur Navigasi Non Linier... 20 Gambar 2.18 Struktur Navigasi Hirarki... 21 Gambar 2.19 StrukturNavigasi Campuran... 22 Gambar 3.1 Site Definition... 25 Gambar 3.2 Jendela Files... 25 Gambar 3.3 Kotak Dialog New Document (HTML)... 26 Gambar 3.4 Page Properties... 27 Gambar 3.5 Property Inspector Text... 27 Gambar 3.6 Menyimpan dokumen... 31 Gambar 3.7 Select Image Source... 31 Gambar 3.8 Property Inspecror Image... 32 Gambar 3.9 Select File (Link)... 33 Gambar 3.10 Select File (Flash)... 34 viii
Gambar 3.11 Property Inspector Flash... 34 Gambar 3.12 Insert Rollover image... 35 Gambar 3.13 Property Inspector Rollove... 36 Gambar 3.14 Insert Flash Button... 37 Gambar 3.15 Property Inspector Flash Button... 38 Gambar 3.16 Property Inspector List/Menu... 39 Gambar 3.17 Jump Menu... 39 Gambar 3.18 Struktur Navigasi Hybrid... 40 Gambar 3.19 Rancangan Home... 41 Gambar 3.20 Ranacangan halaman daftar produk... 42 Gambar 3.21 Rancangan halaman pemesanan... 43 Gambar 3.22 Rancangan profil... 44 Gambar 3.23 Rancangan Administrator... 45 Gambar 3.24 Rancangan menu admin... 46 Gambar 3.25 Nama Konsumen... 47 Gambar 3.26 Tampilan Halaman Home... 48 Gambar 3.27 Tampilan Daftar Produk... 49 Gambar 3.28 Tampilan Pemesanan... 50 Gambar 3.29 Tampilan Profil... 51 Gambar 3.30 Tampilan Administrator... 52 Gambar 3.31 Tampilan menu Admin... 53 Gambar 3.32 Tampilan nama konsumen... 54 ix
DAFTAR TABEL Tabel 2.1 Insert Bar (Tab Common)... 10 Tabel 2.2 Insert Bar (Layout)... 11 Tabel 2.3 Insert Bar (Form)... 13 Tabel 2.4 Insert Bar (Character)... 15 Tabel 2.5 Insert Bar (Head)... 16 x