Text
Buku Pintar HTML 5 + CSS3 + dreamweaver CS6
Buku Pintar HTML5 + CSS3 + DREAMWEAVER CS6
Daftar Isi
BAB 1 Langkah-Langkah Persiapan HTML5 / 1
Kemampuan Browser terhadap HTML5 / 2
Memilih Editor yang Dipakai untuk Menulis Script HTML5 / 5
Karakteristik HTML5 / 5
Refreshing Sejenak: Referensi Kilat HTML5 / 6
BAB 2 Sesuatu yang Baru di dalam HTML5 / 17
HTML5 adalah Semantik / 17
Address / 18
Article / 19
Aside / 19
Footer / 20
Header / 20
group / 20
menu / 21
Nav / 22
Section / 22
Command / 22
dfn / 23
Figure dan figcaption / 23
Summary dan Details / 24
Time / 24
Wbr / 24
Audio / 25
Video / 26
Canvas / 26
Embed / 28
svg / 28
BAB 3 Fitur-Fitur Baru dalam Form pada HTML 5 / 29
Mengenal Elemen-Elemen Baru dalam Sebuah Form / 29
Mengenal Atribut-Atribut Baru dalam Tiap Elemen Form / 33
Form Baru yang Berasal dari Tag Input / 34
BAB 4 Pengenalan CSS 41
Konsep Dasar CSS 42
• mengenal local Style / 44
• Menggunakan ID dan Class / 45
Beberapa Cara Meletakkan Style / 47
Rahasia Memilih Warna / 49
• Memilih Warna Berdasarkan Hexadecimal / 49
Mengedit Teks Menggunakan CSS / 52
Atribut-Atribut yang Bisa Digunakan untuk
Mengedit Bentuk Teks / 55
Membuat Border di dalam Halaman Website / 56
Menggunakan CSS untuk Memasang Foto
Latar Belakang / 58
Menggunakan Float/ 64
Menggunakan Absolute Position / 65
Fitur-Fitur Baru di CSS3 / 67
Bekerja dengan Menggunakan Font / 70
Elemen-Elemen Visual di dalam CSS / 77
• Color Values / 77
• Membuat Warna Gradasi / 78
BAB 5 Bekerja dengan Canvas / 83
Dasar-Dasar Canvas / 83
Memilih Fill dan Stroke 83
Teknik Menggambar bentuk Objek / 93
BAB 6 Mendesain Website Menggunakan
DreamWeaver CS6 111
Mengunduh DreamWeaver CS6 dari Adobe 111
Menginstall Adobe DreamWeaver CS6 dari Adobe 111
Merancang Navigasi Websit Weaver 114
Mengenal Local Site115
Mencetak Dokumen web hanya dengan Script saja 118
Membuka Banyak File Dokumen Website sekaligus 119
Menggunakan Preferences 119
• Menonakti Welcome Screan
• Mengaturan Welcome Screen119
• Mengatur Jumlah Undo 121
• Memberi Mengubah Font untuk Script / 121
• Memberi warna latar belakang pada Mode Code / 122
Mengganti Nama File Secara Cepat / 123
DreamWeaver dan HTML / 124
Melompat ke Baris Tertentu pada Script / 124
Menyislpkan Komentar di dalam Script HTML / 124
Menggunakan Code Hint / 125
Mengatur Kecepatan Code Hint / 127
Membandingkan Script dan Desain Web / 128
BAB 7 Mengenal Adobe DreamWeaver CSS / 129
Mengenal Workspace pada DreamWeaver CS6 / 130
• Panel Insert / 131
• Panel Properties / 133
• Document Toolbar / 133
Menggunakan Dual Screen Mode / 134
Membuat File HTML5 Baru / 135
Melakukan Konversi Script / 137
Zoom Desain Website yang Dibuat di DreamWeaver CS6 / 137
Menggunakan Design Notes / 138
Cara Cepat Berpindah Antar Dokumen / 139
Membuat Floating Toolbar / 140
Mengganti Judul Halaman Website / 140
Mengganti Warna Background Menggunakan Tag Inspector / 141
Mengecek Berapa Lama Sebuah Situs Ditampilkan di dalam Jendela Browser / 142
Lebih Cepat Memilih Warna / 143
Menggunakan Grid untuk Memposisikan Objek / 144
Mengecek Kemampuan Browser / 145
Pengaturan Browser untuk Uji Coba Desain Situs / 147
Melihat Rupa Desain Website Jika Diakses Menggunakan Ponsel atau Tablet / 148
Menyisipkan Keyword ke dalam Desain Website / 149
Memillh Warna dalam Code Mode / 150
Mengembalikan Kondisi Website Seperti Semula / 151
BAB 8 Bekerja dengan Teks Menggunakan DreamWeaver CS6 / 153
Menulis Teks di dalam Sebuah Situs / 153
Dua Jenis Teks di dalam Dunia Website / 154
Membuat Baris Baru /156
Membuat Paragraf Baru / 156
Menggunakan Perataan Paragraf / 156
Format Paragraf / 157
Menggunakan Indent dan Outdent / 157
MenyeIeksi Teks / 158
• Lebih Lengkap dalam MenyeJeksi Teks / 159
• Copy, Cut, dan Paste / 160
• Menggunakan List / 160
• Menggunakan Unordered List / 161
• Menggunakan Ordered.List/ 161
• Melanjutkan Ordered List yang sudah Telanjur Diselesaikan / 162
• Menyisipkan Point-Point Baru / 162
Definition List / 163
• Menggunakan List Item / 164
Membuat Bullet Rancangan Sendiri / 165
• Memilih Bullet yang Lebih Bervariasi / 167
Menggunakan Font / 167
• Memilih DefauJt Font / 168
• Mengenal Browser Safe Font / 169
• Mengenal Klasifikasi Font / 170
• Mengatur Ukuran Font / 172
• Mengganti Warna Font / 172
• Mengatur Warna Font Default / 173
Menentukan Warna Lewat HTML / 173
Memasukkan Tanggal pada Hari lni / 174
Agar Tanggal Selalu Ter-Update / 176
Memindahkan Teks Tanpa Cut-Paste/ 176
Copy Paste Hanya Teks Saja / 177
Mengatur Teks Antar Huruf / 178
Mencari Teks di dalam Desain Website 180
Mencari Teks dan Menggantinya dengan yang Lain 182
BAB 9 Meletakkan Foto atau Gambar ke dalam Website Menggunakan DreamWeaver CS6 / 183
Bekerja dengan Panel Files / 184
Meletakkan Gambar ke dalam Website / 185
Memilih File Gambar Lewat Panel Files / 187
Mengatur Ulang Ukuran Gambar di dalam Halaman Website / 188
Memasang Foto sebagai Latar Belakang / 191
• Menyimpan Foto atau Gambar ke dalam Favourites / 192
• Menghapus Foto atau Gambar dari Favorites / 193
• Memindahkan Foto atau Gambar dari Favorites ke dalam Dokumen Website / 194
• Mengembalikan Ukuran Foto ke dalam Ukuran Normal / 195
Invert pada Foto atau Gambar / 195
Mengatur Ukuran Foto atau Gambar Secara Proporsional / 197
BAB 10 Membuat Tabel Menggunakan DreamWeaver CSS199
Anatomi Sebuah Tabel / 199
Menciptakan Tabel Baru / 202
Menyeleksi Tabel / 203
Memposisikan Tabel di dalam Halaman Website / 206
Menciptakan Kolom dan Baris Baru / 207
Menggabung Sel / 210
Menghapus Kolom dan Baris / 210
Mengatur Ketebalan Border / 211
Mewarnai Sel / 214
Mengurutkan Data pada Tabel / 215
Membuat Tabel Berukuran Fleksibel / 217
Mengubah Sebuah Sel Menjadi Header / 218
Menulis Teks di dalam·Tabel / 219
Daftar Ikon untuk Mengatur Ukuran Tabel dan Sel 220
BAB 11 Bekerja dengan Hyperlink Menggunakan Dreamweaver CSS / 223
Mengenal ·Macam-Macam Path / 224
Membuat Link / 227
• Membuat Link di dalam Sebuah Teks / 227
• Membuat Link di dalam Foto atau Gambar / 230
• Membuat Link pada Alamat Email / 231
• Menghapus Link / 231
• Membuat Link dengan Cara Menunjuk Langsung / 232
Membuka Link yang Dituju Langsung Menggunakan Dreamweaver CSS / 233
Mengecek Apakah ada Broken Link / 233
Agar Link tidak Selalu Bergaris Bawah / 234
Link Bergaris Bawah jlka Ada Kursor Mouse di Atasnya / 235
BAB 12 Membuat Form Menggunakan DreamWeaver CSS / 2237
Cara Kerja Form / 238
• Membuat Form di dalam Website / 238
• Meletakkan Form di dalam Website / 239
• Mengisi Atribut Action / 240
• Memilih Method / 240
Membuat Text Box / 240
• Mengubah Sin'gle Line dan Multi Line pada Text Box / 242
• Mengatur Panjang dan Lebar Text Box / 243
• Membuat Password Field / 244
• Menggunakan lnit Val / 245
• Menggunakan Max Char / 245
• Menggunakan Wrap / 246
Membuat Check Box / 247
• Menggunakan Initial State / 249
Membuat Radio Button / 250
• Menonaktifkan Text Box / 251
Membuat List/Menu / 252
• Memasukkan Value ke dalam Menu/List / 254
• Memilih Opsi yang Muncul Pertama Kali / 255
• Mengubah Menu Menjadi List dan Sebaliknya / 255
• Membuat Jump Menu / 256
• Mengatur Ulang Tab Index / 258
Menampilakan Informasi di Status Bat Ketika
Kursor Berada di Salah Satu Komponen Form / 259
Memunculkan Jedela Pop Up Ketika Kursor berasa di Sebuah Komponen Form / 261
Membuat Tombol Submit dan Reset / 262
• Membuat Tombol Reser / 263
• Mengganti Tulisan di Atas Tombol / 263
No copy data
No other version available