01. Pengenalan Website & Anatomy
Pengenalan konsep website dan anatomy gallery.
Buka PertemuanLevel 6
My Personal Art Gallery Website
Kumpulan 14 pertemuan untuk membuat website galeri karya siswa - materi HTML & CSS dasar.
02. HTML Structure & Semantic
Tag-tag semantic untuk struktur halaman.
Buka Pertemuan03. Images & Content Organization
Menambahkan gambar dan mengorganisir folder.
Buka Pertemuan04. Styling dengan CSS - Colors & Fonts
Dasar-dasar CSS: warna, font, dan typography.
Buka Pertemuan05. Layout dengan Flexbox
Gunakan Flexbox untuk membuat grid gallery.
Buka Pertemuan06. CSS Grid
Alternatif layout menggunakan CSS Grid.
Buka Pertemuan07. Styling Images
Border, shadow, dan efek hover untuk gambar.
Buka Pertemuan08. Responsive Design
Membuat website mobile-friendly dengan media queries.
Buka Pertemuan09. About Me
Bagian tentang diri siswa dan foto profil.
Buka Pertemuan10. Navigation & Header
Mendesain header dan navigasi website.
Buka Pertemuan11. Footer & Contact
Menambahkan footer dan informasi kontak.
Buka Pertemuan12. Forms & Contact
Membuat form kontak sederhana.
Buka Pertemuan13. Polishing & Accessibility
Checklist aksesibilitas dan optimasi performa.
Buka Pertemuan14. Showcase & Reflection
Presentasi hasil dan refleksi pembelajaran.
Buka Pertemuan