Buku Pemrograman Web Kelas 10 SMK

Buku Pemrograman Web Kelas 10 SMK


Kelas 10
Pengarang -
Penerbit Direktorat Pembinaan Sekolah Menengah Kejuruan
Tahun 2014
Bagikan kepada teman anda.

Materi Pemrograman Web

KATA PENGANTAR ................................ ................................ ................................ .............. iii
DAFTAR ISI ................................ ................................ ................................ ........................... iv
GLOSARIUM ................................ ................................ ................................ ........................ x
PETA KEDUDUKAN BAHAN AJAR ................................ ................................ ....................... xiv

BAB 1 PENDAHULUAN ................................ ................................ ................................ .. 1
A.Diskripsi ................................ ................................ ................................ ........................ 1
B.Prasyarat ................................ ................................ ................................ ...................... 1
C.Petunjuk ................................ ................................ ................................ ....................... 2
D.Tujuan Akhir ................................ ................................ ................................ ................ 2
E.Kompetensi inti dan kompetensi dasar ................................ ................................ ...... 3

BAB 2 PEMBELAJARAN ................................ ................................ ................................ ........ 5
A. Diskripsi ................................ ................................ ................................ ................... 5
B. Kegiatan Belajar ................................ ................................ ................................ .......... 6

1. Kegiata n Belajar 1 : Menyajikan Komponen Entri Teks ................................ .......... 6
a. Tujuan Pembelajaran. ................................ ................................ ............................ 6
b. Uraian materi. ................................ ................................ ................................ ........ 6
c. Rangku man. ................................ ................................ ................................ .......... 18
d. Tugas. ................................ ................................ ................................ ................... 19
e. Tes Formatif. ................................ ................................ ................................ ........ 20
f. Lembar Jawaban Tes Formatif. ................................ ................................ ............ 20
g. Lembar Kerja Siswa. ................................ ................................ .............................. 21

2. Keg iatan Belajar 2 : Menyajikan Komponen Entri Pilihan ................................ .... 23
a. Tujuan Pembelajaran. ................................ ................................ ......................... 23
b. Uraian materi. ................................ ................................ ................................ ... 23
c. Rangkuman . ................................ ................................ ................................ ......... 38
d. Tugas. ................................ ................................ ................................ ................... 39
e. Tes Formatif. ................................ ................................ ................................ ........ 40

3. Kegiatan Belajar 3 : Memahami Anatomi dan Cara Kerja Cascading Style Sheet 44
a. Tujuan Pembelajaran. ................................ ................................ ....................... 44
b. Uraian materi. ................................ ................................ ................................ ....... 44
c. Rangkuman. ................................ ................................ ................................ ........... 53
d. Tugas. ................................ ................................ ................................ ................ 54
e. Tes Formatif. ................................ ................................ ................................ ......... 55
f. Lembar J awaban Tes Formatif. ................................ ................................ ............. 55
g. Lembar Kerja Siswa. ................................ ................................ .............................. 56

4. Kegiatan Belajar 4 : Menyajikan Cascading Style Sheet untuk Memformat Tampilan Teks ................................ ................................ ................................ ............... 58
a. Tujuan Pembelajaran. ................................ ................................ ........................... 58
b. U raian materi. ................................ ................................ ................................ ....... 58
c. Rangkuman. ................................ ................................ ................................ .......... 69
d. Tugas. ................................ ................................ ................................ ................... 70
e. Tes Formatif. ................................ ................................ ................................ ........ 72
f. Lemba r Jawaban Tes Formatif. ................................ ................................ ............ 72
g. Lembar Kerja Siswa. ................................ ................................ ............................ 74

5. Kegiatan Belajar 5 : Menyajikan Cascading Style Sheet untuk Memformat Tampilan Multimedia ................................ ................................ ................................ .... 75
a. Tujuan Pembelajaran. ................................ ................................ .......................... 75
b. Uraian materi. ................................ ................................ ................................ ....... 75
c. Rangkuman ................................ ................................ ................................ ........... 82
d. Tugas. ................................ ................................ ................................ ................... 83
e.Tes Formatif. ................................ ................................ ................................ .......... 84
f. Lembar Jawaban Tes Formatif. ................................ ................................ ........... 85
g. Lembar Kerja Siswa. ................................ ................................ ............................ 86

6. Kegiatan Belajar 6 : Penerapan CSS pada elemen tabel ................................ ...... 87
a. Tujuan Pembelajaran. ................................ ................................ .......................... 87
b. Uraian materi. ................................ ................................ ................................ ..... 87
c. Rang kuman. ................................ ................................ ................................ .......... 99
d. Tugas. ................................ ................................ ................................ ................. 100
e. Tes Formatif. ................................ ................................ ................................ ...... 101
f. Lembar Jawaban Tes Formatif. ................................ ................................ .......... 101
g. Lembar Kerja Siswa. ................................ ................................ .......................... 103

7. Kegiatan Belajar 7 : Menyajikan Cascading Style Sheet untuk Memformat Tampilan Form ................................ ................................ ................................ ............ 104
a. Tujuan Pembelajaran. ................................ ................................ ....................... 104
b. Uraian materi. ................................ ................................ ................................ ... 104
c. Rangk uman. ................................ ................................ ................................ ......... 117
d.Tugas. ................................ ................................ ................................ ................... 118
e. Tes Formatif. ................................ ................................ ................................ ...... 119
f. Lembar Jawaban Tes Formatif. ................................ ................................ .......... 119
g. Lembar Kerja Siswa. ................................ ................................ .......................... 121

8. Kegiatan Belajar 8 : Pengenalan Javascript ................................ ......................... 122
a. Tujuan Pembelajaran. ................................ ................................ ..................... 122
b. Uraian Materi. ................................ ................................ ................................ .... 122
c. Rangkuman. ................................ ................................ ................................ ....... 130
d. Tugas. ................................ ................................ ................................ ................. 131
e. Tes Formatif. ................................ ................................ ................................ ....... 131
f. Lembar Jawaban Tes Formatif. ................................ ................................ ....... 131
g. Lembar Kerja Siswa. ................................ ................................ .......................... 133

9. Kegiatan Belajar 9 :Memahami Dasar Pemrograman Web Klien ....................... 134
a. Tujuan Pembelajaran. ................................ ................................ ........................ 134
b. Uraian Materi. ................................ ................................ ................................ . 134
c. Rangkuman. ................................ ................................ ................................ .... 145
d. Tugas. ................................ ................................ ................................ .............. 145
e. Tes Formatif. ................................ ................................ ................................ ... 146
f. Lembar Jawaban Tes Formatif. ................................ ................................ ....... 146
g. Lembar Kerja Siswa. ................................ ................................ .......................... 147

10. Kegiatan Belajar 10 : Memahami Penggunaan Array ................................ ..... 149
a. Tujuan Pembelajaran. ................................ ................................ ........................ 149
b. Uraian Materi. ................................ ................................ ................................ . 149
c. Rangkuman. ................................ ................................ ................................ ....... 151
d. Tugas. ................................ ................................ ................................ ................. 151
e. Tes Formatif. ................................ ................................ ................................ ....... 152
f. Lembar Jawaban Tes Formatif. ................................ ................................ ............ 152
g. Lembar Kerja Siswa. ................................ ................................ .......................... 154

11 . Kegiatan Belajar 11 : Memahami Penerapan Struktur Kontrol Percabangan 155
a. Tujuan Pembelajaran. ................................ ................................ ........................ 155
b. Uraian Materi. ................................ ................................ ................................ . 155
c. Rangkuman. ................................ ................................ ................................ .... 160
d. Tugas. ................................ ................................ ................................ .............. 160
e. Tes Formatif. ................................ ................................ ................................ ... 160
f. Lembar Jawaban Tes Formatif. ................................ ................................ ....... 160
g. Lembar Kerja Siswa. ................................ ................................ ........................ 162

12. Kegiatan Belajar 12 : Memahami Penerapan Struktur Kontrol Perulangan ... 164
a. Tujuan Pembelajaran. ................................ ................................ ........................ 164
b. Uraian Materi. ................................ ................................ ................................ .... 164
c. Rangkuman. ................................ ................................ ................................ .... 166
d. Tugas. ................................ ................................ ................................ .............. 166
e. Tes Formatif. ................................ ................................ ................................ ... 166
f. Lembar Jawaban Tes Formatif. ................................ ................................ ....... 167
g. Lembar Kerja Siswa. ................................ ................................ ........................ 169

13. Kegiatan Belajar 13 : Memahami Penerapan Fungsi ................................ ...... 170
a. Tujuan Pembelajaran. ................................ ................................ ..................... 170
b. Uraian Materi. ................................ ................................ ................................ ... 170
c. Rangkuman. ................................ ................................ ................................ ....... 177
d. Tugas. ................................ ................................ ................................ ................ 177
e. Tes Formati f................................. ................................ ................................ ...... 178
f. Lembar Jawaban Tes Formatif. ................................ ................................ .......... 178
g. Lembar Kerja Siswa. ................................ ................................ .......................... 180

14. Kegiatan Belajar 14 : Pemrograman Berorientasi Obyek ............................... 181
a. Tujuan Pembelajaran. ................................ ................................ ........................ 181
b. Uraian Materi. ................................ ................................ ................................ .... 181
c. Rangkuman. ................................ ................................ ................................ ....... 185
d. Tugas. ................................ ................................ ................................ ................ 185
e. Tes Format if. ................................ ................................ ................................ ..... 185
f. Lembar Jawaban Tes Formatif. ................................ ................................ ........ 186
g. Lembar Kerja Siswa. ................................ ................................ .......................... 187

15. Kegiatan Belajar 15 : Mengolah Interaksi User ................................ ............... 189
a. Tujuan Pembelajaran. ................................ ................................ ....................... 189
b. Uraian Materi. ................................ ................................ ................................ . 189
c. Rangkuman. ................................ ................................ ................................ ........ 196
d. Tugas. ................................ ................................ ................................ ................. 197
e. Tes Formatif . ................................ ................................ ................................ ...... 198
f. Lembar Jawaban Tes Formatif. ................................ ................................ ........... 199
g. Lembar Kerja Siswa. ................................ ................................ .......................... 201

16. Kegiatan Belajar 16 : Navigasi Halaman Web ................................ ................. 202
a. Tujuan Pembelajaran. ................................ ................................ ........................ 202
b. Uraian Materi. ................................ ................................ ................................ . 202
c. Rangkuman. ................................ ................................ ................................ .... 209
d. Tugas. ................................ ................................ ................................ .............. 209
e. Tes Formatif. ................................ ................................ ................................ ... 210
f. Lembar Jawaban Tes Formatif. ................................ ................................ ....... 210
g. Lembar Kerja Siswa. ................................ ................................ ........................ 212

17. Kegiatan Belajar 17 : Format Dinamis Halaman Web ................................ ..... 213
a. Tujuan Pembelajaran. ................................ ................................ ........................ 213
b. Uraian Materi. ................................ ................................ ................................ .... 213
c. Rangkuman. ................................ ................................ ................................ ....... 216
d. Tugas. ................................ ................................ ................................ ................ 216
e. Tes Formatif. ................................ ................................ ................................ ..... 217
f. Lembar Jawaban Tes Formatif. ................................ ................................ ........ 218
g. Lembar Kerja Siswa. ................................ ................................ .......................... 220

18. Kegiatan Belajar 18 : Penerapan Pustaka Eksternal ................................ ........ 221
a. Tujuan Pembelajaran. ................................ ................................ ........................ 221
b. Uraian Materi. ................................ ................................ ................................ .... 221
c. Rangkuman. ................................ ................................ ................................ ....... 225
d. Tugas. ................................ ................................ ................................ ................ 225
e. Tes Formatif. ................................ ................................ ................................ ..... 226
f. L embar Jawaban Tes Formatif. ................................ ................................ ........ 226
g. Lembar Kerja Siswa. ................................ ................................ .......................... 227

DAFTAR PUSTAKA ................................ ................................ ................................ ........... 229