Dasar PPLGSemester 1Pertemuan 8 · 1 Pertemuan × 5 JP (1 JP = 45 menit)
HTML Dasar
Modul ajar pertemuan 8 mata pelajaran Dasar PPLG: html dasar.
#html#semantik#web#struktur-dokumen
MODUL AJAR — Dasar PPLG
| Penyusun | (isi nama guru) |
| Jenjang | SMK |
| Sekolah | (isi nama sekolah) |
| Kelas/Semester | X / 1 (Ganjil) |
| Tahun Pelajaran | 2025/2026 |
| Fase | E |
| Elemen | Pemrograman Web Dasar (HTML/CSS/JS) |
| Kode Tujuan Pembelajaran | DP-E1.8 |
| Alokasi Waktu | 5 JP × 45 menit = 225 menit (1 pertemuan) |
1. Identitas Modul
| Komponen | Keterangan |
|---|---|
| Nama Penyusun | (isi nama guru) |
| Institusi | (isi nama sekolah) |
| Mata Pelajaran | Dasar PPLG (Dasar-dasar Program Keahlian PPLG) |
| Kelas/Semester | X / 1 (Ganjil) |
| Fase | E |
| Elemen | Pemrograman Web Dasar (HTML/CSS/JS) |
| Topik | HTML dasar: struktur dokumen, elemen dasar, form, semantic HTML |
| Kode Tujuan Pembelajaran | DP-E1.8 |
| Tahun Pelajaran | 2025/2026 |
| Alokasi Waktu | 5 JP × 45 menit = 225 menit (1 pertemuan) |
2. Kompetensi Awal
Peserta didik diharapkan telah memiliki:
- VS Code dan Live Server yang terpasang (prasyarat dari Modul 05).
- Kebiasaan membuka dan melihat halaman web.
- Disiplin dan budaya kerja dari Modul 04 (observasi
04berlanjut). - Tidak diperlukan pengalaman menulis HTML sebelumnya.
3. Dimensi Profil Lulusan
Dimensi yang dikuatkan pada modul ini beserta implementasi konkretnya:
| Dimensi | Implementasi Konkret pada Modul Ini |
|---|---|
| Penalaran Kritis | Menyusun struktur informasi yang logis (semantic HTML) |
| Kreativitas | Merancang halaman profil pribadi dengan struktur sendiri |
| Kemandirian | Menyelesaikan praktik HTML secara mandiri |
| Kesehatan | Menerapkan ergonomi menulis kode (postur, jeda — koneksi Modul 03) |
Observasi budaya kerja (tenggat tugas praktik) tetap dicatat di
04 - Instrumen Observasi Disposisi PPLG.mdBagian A.
4. Sarana dan Prasarana
- Lab komputer dengan VS Code dan ekstensi Live Server terpasang.
- Proyektor/LCD untuk demo Inspect dan code-along.
- Kartu Tag HTML (Lampiran 5) — print pada kertas tebal, gunting.
- LKPD "Halaman Profil Pribadi (HTML)" (Lampiran 1) — print sesuai jumlah peserta didik.
- Bahan bacaan peserta didik (Lampiran 4) — print sesuai jumlah peserta didik.
- Infografis Struktur Dokumen & Semantic HTML (Lampiran 6) — tayang atau print A3/A4.
- Lembar observasi praktik (Lampiran 2) dan instrumen
04Bagian A. - Soal kuis formatif dan soal TKA sumatif beserta kunci (Lampiran 9 dan Bagian G.3).
- Contoh file
profil.htmllengkap (untuk demonstrasi) di repositori guru.
5. Target Peserta Didik
| Kategori | Layanan |
|---|---|
| Reguler | Seluruh peserta didik kelas X PPLG mengikuti alur utama pembelajaran |
| Pencapaian tinggi | Pengayaan: menambahkan tabel, video, atau menu navigasi tautan internal; mengecek halaman dengan validator HTML |
| Kesulitan belajar | Pendampingan; latihan ulang struktur dokumen dengan template; menyusun satu bagian halaman secara bertahap |
6. Model Pembelajaran
| Aspek | Uraian |
|---|---|
| Pendekatan | Pembelajaran terdiferensiasi (yang sudah mengenal HTML menjadi mentor pasangan) |
| Model | Demonstrasi (code-along) dipadukan praktik mandiri |
| Metode | Demonstrasi, praktik langsung, review pasangan, tanya jawab, refleksi |
| Media | VS Code + Live Server, Kartu Tag HTML, infografis struktur, validator HTML daring |
| Sumber belajar | Bahan bacaan lampiran, MDN Web Docs, W3Schools, dokumentasi VS Code |
Daftar Isi