DAFTAR ISI

Kata Pengantar ........................................................................... vii

Daftar Isi ...................................................................................... ix
Bab 1
1.1
1.2
1.3
1.4
1.5
1.6
1.7
1.8
1.9
1.10
1.11
1.12

Tentang Desain Web ................................................ 1

Tujuan Membuat Website ............................................. 2
Web Statis atau Dinamis............................................... 2
Sketsa Kertas vs Sketsa Digital .................................... 2
Navigasi ....................................................................... 3
Keseimbangan Grafik, Content, dan Animasi................ 4
Gunakan Font Standar ................................................. 4
Warna Itu Penting ......................................................... 5
Gunakanlah CSS .......................................................... 5
Slicing dan Optimasi Color ........................................... 6
Kecepatan Loading....................................................... 7
SiteMap Itu Penting....................................................... 7
Gunakan Standarisasi W3C .......................................... 8

Bab 2

Merancang Grafik Website ........................................ 9

2.1
2.2
2.3
2.4
2.5

Membuat Logo untuk Web............................................ 9

Ikon Smile .................................................................. 14
Merancang Header...................................................... 19
Frame Cantik Ala Fireworks ....................................... 24
Button Field................................................................ 25

ix

2.6
2.7

Efek Garis TV ............................................................. 27

Text Fantastic Web..................................................... 28

Bab 3

Merancang Layout .................................................. 31

3.1
3.2
3.3
3.4

Mendefinisikan Situs yang Dibuat ............................... 31

Membuat Layout Web................................................. 34
Membuat Template..................................................... 36
Menggunakan Template ............................................. 37

Bab 4

Merancang Navigasi ............................................... 39

4.1
4.2
4.3
4.4
4.5

Jump Menu ................................................................ 40

Rollover Image ........................................................... 42
Menu Pop-Up.............................................................. 43
Map Image untuk Membuat Link................................. 47
Button Flash dengan Dreamweaver ............................ 48

Bab 5

Merancang Animasi................................................ 51

5.1
5.2
5.3

Banner Sederhana ...................................................... 51

Animasi Counting Loader ........................................... 55
Animasi Zoom ............................................................ 59

Bab 6

Merancang Form pada Website ............................... 63

6.1
6.2
6.3

6.4

Membuat Form dengan Tabel..................................... 63

Mempercantik Komponen Form dengan CSS ............. 68
Validasi Form ............................................................. 73
6.3.1
Validasi Form Kosong .................................. 73
6.3.2
Validasi Email .............................................. 75
Text Auto Clear .......................................................... 78

Bab 7

Statistik Situs........................................................ 81

7.1

Hit Counter ................................................................. 81

7.1.1
Hit Counter Tanpa Database ........................ 81
7.1.2
Hit Counter dengan Database ....................... 82
Status User Online...................................................... 84
Mengetahui Browser dan IP Address
yang Digunakan ......................................................... 85
Mengetahui Lamanya Website Diakses ....................... 86

7.2
7.3
7.4

Bab 8
8.1
8.2
8.3
8.4
8.5
8.6
8.7
8.8
8.9
8.10
8.11
8.12
8.13
8.14
8.15
8.16
8.17
8.18
8.19
8.20

Tips dan Trik Umum............................................... 89

Agar Web Terindeks oleh Search Engine .................... 89
Embedding Flash ....................................................... 90
Refresh Secara Otomatis ............................................ 90
Menampilkan Search Engine Google .......................... 91
Menjadikan Web Anda Sebagai Home Page................ 92
Membuat Indikator Yahoo Messenger ......................... 93
Membuat Favicon ....................................................... 94
Menghilangkan Garis Bawah pada Link ...................... 95
Membuat Tombol Favorit ........................................... 95
News Ticker dengan Marquee..................................... 95
Membuat Scrollbar Berwarna...................................... 96
Background Bergradasi .............................................. 97
Mendefinisikan Link dengan CSS.............................. 100
Mengganti Ikon Bullet ............................................... 101
Membuat Photo Album ............................................. 102
Print Halaman Web ................................................... 103
Membuat Halaman Download................................... 103
Koneksi MySQL dengan Dreamweaver..................... 105
Custom Button ......................................................... 107
Mempersingkat Penulisan Tanggal dan Tahun
dengan PHP .............................................................. 110

Bab 9

Finishing.............................................................. 113

9.1
9.2
9.3
9.4

Cek dan Ricek .......................................................... 113

Tips Memilih Domain................................................ 114
Tips Memilih Web Hosting ........................................ 115
Upload Situs ............................................................. 115
9.4.1
Menggunakan Dreamweaver 8 ................... 116
9.4.2
Upload di Situs Gratisan ............................. 119
Mengenalkan Situs ................................................... 123

9.5

Lampiran ..................................................................................125

xi