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 ................................ ................................ .... xi

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

BAB 2 PEMBELAJARAN ................................ ................................ ..................... 5

A.Diskripsi ................................ ................................ ................................ ........................ 5

B. Kegiatan Belajar ................................ ................................ ................................ .......... 6

1. Kegiatan Belajar 1: Profesi dalam Pengembangan Aplikasi Web ....................... 6

a. Tujuan Pembelajaran ................................ ................................ ...................... 6
b. Uraian Materi ................................ ................................ ................................ .. 6
c. Rangkuman ................................ ................................ ................................ ... 21
d. Tugas ................................ ................................ ................................ ............. 22
e. Tes Formatif ................................ ................................ ................................ .. 22
f. Lembar Jawaban Tes Formatif ................................ ................................ ...... 23
g. Lembar Kerja Peserta Didik ................................ ................................ ........... 25

2. Kegiatan Belajar 2: Alur dan Perangkat Pengembangan Aplikasi Web ............ 26
a. Tujuan Pembe lajaran ................................ ................................ .................... 26
b. Uraian Materi ................................ ................................ ................................ 26
c. Rangkuman ................................ ................................ ................................ ... 39
d. Tugas ................................ ................................ ................................ ............. 39
e. Tes Formatif ................................ ................................ ................................ .. 40
f. Lembar Jawaban Tes Formatif ................................ ................................ ...... 40
g. Lembar Kerja Peserta Didik ................................ ................................ ........... 42

3. Kegiatan Belajar 3 : Menyajikan format teks dalam dokumen web ................ 43
a. Tujuan Pembelajaran ................................ ................................ .................... 43
b. Uraian Materi ................................ ................................ ................................ 43
c. Rangkuman ................................ ................................ ................................ ... 50
d. Tugas ................................ ................................ ................................ ............. 50
e. Tes Formatif ................................ ................................ ................................ .. 52
f. Lembar Jawaban Tes Formatif ................................ ................................ ...... 53
g. Lembar Kerja Peserta Didik ................................ ................................ ........... 54

4. Kegiatan Belajar 4 : Menyajikan pemformatan Teks dan Paragraf Web .......... 55
a. Tujuan Pembelajaran ................................ ................................ .................... 55
b. Uraian Materi ................................ ................................ ................................ 55
c. Rangkuman ................................ ................................ ................................ ... 57
d. Tugas ................................ ................................ ................................ ............. 57
e. Tes Formatif ................................ ................................ ................................ .. 61
f. Lembar Jawaban Tes Formatif ................................ ................................ ...... 62
g. Lembar Kerja Peserta Didik ................................ ................................ ........... 63

5. Kegiatan Belajar 5 : Menyajikan hasil Pembuatan List Minimal ....................... 64
a. Tujuan Pembelajaran ................................ ................................ .................... 64
b. Ur aian Materi ................................ ................................ ................................ 64
c. Rangkuman ................................ ................................ ................................ ... 68
d. Tugas ................................ ................................ ................................ ............. 68
e. Tes Formatif ................................ ................................ ................................ .. 70
f. Lembar Jawaban Tes Formatif ................................ ................................ ...... 70
g. Lembar Kerja Peserta Didik ................................ ................................ ........... 71

6. Kegiatan Belajar 6 : Menyajikan Pembuatan List Kombinasi ............................... 73
a. Tujuan Pembelajaran ................................ ................................ .................... 73
b. Uraian Materi ................................ ................................ ................................ 73
c. Rangkuman ................................ ................................ ................................ ... 75
d. Tugas ................................ ................................ ................................ ............. 75
e. Tes Formatif ................................ ................................ ................................ .. 76
f. Lembar Jawaban Tes Formatif ................................ ................................ ...... 77
g. Lembar Kerja Peserta Didik ................................ ................................ ........... 78

7. Kegiatan Belajar 7 : Menya jikan Pembuatan Tabel ................................ ............. 80
a. Tujuan Pembelajaran ................................ ................................ .................... 80
b. Uraian Materi ................................ ................................ ................................ 80
c. Rangkuman ................................ ................................ ................................ ... 82
d. Tugas ................................ ................................ ................................ ............. 82
e. Tes Formatif ................................ ................................ ................................ .. 85
f. Lembar Jawaban Tes Formatif ................................ ................................ ...... 85
g. Lembar Kerja Peserta Didik ................................ ................................ ........... 86

8. Kegiatan Belajar 8 : Menyajikan Tabel dengan Spaning ................................ ... 88
a. Tujuan Pembelajaran ................................ ................................ .................... 88
b. Uraian Materi ................................ ................................ ................................ 88
c. Rangkuman ................................ ................................ ................................ ... 89
d. Tugas ................................ ................................ ................................ ............. 89
e. Tes Formatif ................................ ................................ ................................ .. 92
f. Lembar Jawaban Tes Formatif ................................ ................................ ...... 92
g. Lembar Kerja Peserta Didik ................................ ................................ ........... 93

9. Kegiatan Belajar 9 : Pembuatan Tabel dalam Tabel ................................ ......... 94
a. Tujuan Pembelajaran ................................ ................................ .................... 94
b. Uraian Materi ................................ ................................ ................................ 94
c. Rangkuman ................................ ................................ ................................ ... 96
d. Tugas ................................ ................................ ................................ ............. 96
e. Tes Formatif ................................ ................................ ................................ .. 99
f. Lembar Jawaban Tes Formatif ................................ ................................ ...... 99
g. Lembar Kerja Peserta Didik ................................ ................................ ......... 100

10. Kegiatan Belajar 10 : Menyajikan Desain Halaman Web dengan Konsep Tabel ..............................102
a. Tujuan Pembelajaran ................................ ................................ .................. 102
b. Uraian Materi ................................ ................................ .............................. 102
c. Rangkuman ................................ ................................ ................................ . 121
d. Tugas ................................ ................................ ................................ ........... 122
e. Tes Formatif ................................ ................................ ................................ 122
f. Lembar Jawaban Tes Formatif ................................ ................................ .... 123
g. Lembar Kerja Peserta Didik ................................ ................................ ......... 126

11. Kegiatan Belajar 11 : Menyajikan Format Tampilan Gambar ..................... 127
a. Tujuan Pembelajaran ................................ ................................ .................. 127
b. Uraian Materi ................................ ................................ .............................. 127
c. Rangkuman ................................ ................................ ................................ . 131
d. Tugas ................................ ................................ ................................ ........... 132
e. Tes Formatif ................................ ................................ ................................ 139
f. Lembar Jawaban Tes Formatif ................................ ................................ .... 139
g. Lembar Kerja Peserta Didik ................................ ................................ ......... 140

12. Kegiatan Belajar 12 : Format Tampilan Audio ................................ ............ 142
a. Tujuan Pembelajaran ................................ ................................ .................. 142
b. Uraian Materi ................................ ................................ .............................. 142
c. Rangkuman ................................ ................................ ................................ . 148
d. Tugas ................................ ................................ ................................ ........... 148
e. Tes Formatif ................................ ................................ ................................ 149
f. Lembar Jawaban Tes Formatif ................................ ................................ .... 149
g. Lembar Kerja Peserta Didik ................................ ................................ ......... 150

13. Kegiatan Belajar 13 : Format Tampilan Video dan Animasi ........................ 151
a. Tujuan Pembelajaran ................................ ................................ .................. 151
b. Uraian Materi ................................ ................................ .............................. 151
c. Rangkuman ................................ ................................ ................................ . 159
d. Tugas ................................ ................................ ................................ ........... 159
e. Tes Format if ................................ ................................ ................................ 160
f. Lembar Jawaban Tes Formatif ................................ ................................ .... 160
g. Lembar Kerja Peserta Didik ................................ ................................ ......... 163

14. Kegiatan Belajar 14 : Format Tampilan Gambar dengan Map .................... 164
a. Tujuan Pembelajaran ................................ ................................ .................. 164
b. Uraian Materi ................................ ................................ .............................. 164
c. Rangkuman ................................ ................................ ................................ . 168
d. Tugas ................................ ................................ ................................ ........... 169
e. Tes Formatif ................................ ................................ ................................ 171
f. Lembar Jawaban Tes Formatif ................................ ................................ .... 171
g. Lembar Kerja Peserta Didik ................................ ................................ ......... 172

15. Kegiatan Belajar 15 : Menyajikan Hyperlink ................................ ............... 174
a. Tujuan Pembelajaran ................................ ................................ .................. 174
b. Uraian Materi ................................ ................................ .............................. 174
c. Rangkuman ................................ ................................ ................................ . 176
d. Tugas ................................ ................................ ................................ ........... 176
e. Tes Formatif ................................ ................................ ................................ 178
f. Lembar Jawaban Tes Formatif ................................ ................................ .... 178
g. Lembar Kerja Peserta Didik ................................ ................................ ......... 179

16. Kegiatan Belajar 16 : Jenis – Jenis Link dalam HTML ................................ . 181
a. Tujuan Pembelajaran ................................ ................................ .................. 181
b. Uraian Materi ................................ ................................ .............................. 181
c. Ran gkuman ................................ ................................ ................................ . 184
d. Tugas ................................ ................................ ................................ ........... 184
e. Tes Formatif ................................ ................................ ................................ 188
f. Lembar Jawaban Te s Formatif ................................ ................................ .... 188
g. Lembar Kerja Peserta Didik ................................ ................................ ......... 190

17. Kegiatan Belajar 17 : Menyajikan Link ke Bagian Dokumen HTML ...................................... 191
a. Tujuan Pembelajaran ................................ ................................ .................. 191
b. Uraian Materi ................................ ................................ .............................. 191
c. Rangkuman ................................ ................................ ................................ . 192
d. Tugas ................................ ................................ ................................ ........... 193
e. Tes Formatif ................................ ................................ ................................ 197
f. Lembar Jawaban Tes Formatif ................................ ................................ .... 197
g. Lembar Kerja Peserta Didik ................................ ................................ ......... 198

18. Kegiatan Belajar 18 : Menyajikan Format Target Link, Email dan Telepon ...............................199
a. Tujuan Pembelajaran ................................ ................................ .................. 199
b. Uraian Materi ................................ ................................ .............................. 199
c. Rangkuman ................................ ................................ ................................ . 201
d. Tugas ................................ ................................ ................................ ........... 202
e. Tes Formatif ................................ ................................ ................................ 203
f. Lembar Jawaban Tes Formatif ................................ ................................ .... 203
g. Lembar Kerja Peserta Didik ................................ ................................ ......... 204

19. Kegiatan Belajar 19 : Mengidentifasi Anatomi dan Cara Kerja Form .......... 206
a. Tujuan Pembelajaran. ................................ ................................ ................. 206
b. Uraian materi. ................................ ................................ ............................. 206
c. Rangkuman ................................ ................................ ................................ . 220
d. Tugas ................................ ................................ ................................ ........... 221
e. Test Formatif. ................................ ................................ .............................. 221
f. Lembar Jawaban Test Formatif (LJ). ................................ ............................ 221
g. Lembar Kerja Peserta Didik. ................................ ................................ ........ 223

20. Kegiatan Belajar 20: Menyajikan Hasil Pemformatan Form pada Sebuah Halaman Web ................................ ................................ ................................ .......... 224
a. Tujuan Pembelajaran. ................................ ................................ ................. 224
b. Uraian materi. ................................ ................................ ............................. 224
c. Rangkuman ................................ ................................ ................................ . 240
d. Tugas ................................ ................................ ................................ ........... 241
e. Test Formatif ................................ ................................ ............................... 241
f. Lembar Jawaban Test Formatif (LJ). ................................ ............................ 241
g. Lembar Kerja Peserta Didik. ................................ ................................ ........ 243

DAFTAR PUSTAKA ................................ ................................ ......................... 244