Index of /students/paper/skripsi/10401209

DAFTAR GAMBAR

Gambar 2.1

Contoh Diagram TCP / IP..............................................................10

Gambar 2.2

Mozilla Firefox...............................................................................17

Gambar 2.3

Tampilan Utama Dreamweaver CS3.............................................25

Gambar 3.1

Suasana Kafe Ritual.......................................................................30

Gambar 3.2

Contoh minuman dan makanan yang disajikan di Kafe Ritual......32


Gambar 3.3

Vietnamese Coffee.........................................................................34

Gambar 3.4

Fond of Fondue..............................................................................37

Gambar 4.1

Diagram struktur dan navigasi situs Kafe Ritual...........................53

Gambar 4.2

Rancangan lay out halaman “Home/Index”...................................54

Gambar 4.3

Rancangan lay out halaman “Kafe Kami”.....................................55


Gambar 4.4

Rancangan lay out halaman “The Food”.......................................56

Gambar 4.5

Rancangan lay out halaman “The Drinks”.....................................57

Gambar 4.6

Rancangan lay out halaman galeri foto..........................................57

Gambar 4.7

Rancangan lay out halaman galeri video.......................................58

Gambar 4.8

Jendela Utama Adobe Photoshop CS 3..........................................60


Gambar 4.9

Kotak dialog untuk membuat dokumen baru.................................61

Gambar 4.10 Pembuatan layer baru.....................................................................62
Gambar 4.11 Hasil akhir dari lay out halaman “Index”.......................................63
Gambar 4.12 Kotak dialog Save for Web............................................................65
Gambar 4.13 Beberapa potongan gambar terkumpul dalam satu folder..............66
Gambar 4.14 Kotak dialog Create Web Photo Gallery........................................67

viii

Gambar 4.15 Tampilan situs dengan Spry Accordion.........................................69
Gambar 4.16 Tampilan jendela Insert Rollover Image........................................71
Gambar 4.17 Window pemilihan Event dan Behaviour......................................72
Gambar 4.18 Kotak dialog untuk memasukkan alamat URL..............................73
Gambar 4.19 Menu untuk mengaktifkan jendela Email Link..............................73
Gambar 4.20 Tampilan layar kode HTML pada Dreamweaver..........................74
Gambar 4.21 Tempat memasukkan judul situs....................................................75

Gambar 4.22 Menyimpan file ke dalam bentuk HTML......................................80

ix