 | Kelas : | 10 |
|---|---|---|
| Pengarang : | – | |
| Penerbit : | Direktorat Pembinaan Sekolah Menengah Kejuruan | |
| Tahun : | 2014 |
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