🎓 Kelas Online 👥: Pemrograman Dasar HTML

Tentang Kursus

Pemrograman Dasar HTML, dirancang khusus untuk pemula tanpa latar belakang IT!

Anda akan belajar mulai dari pengantar dunia web, membuat halaman HTML dasar, menambahkan gambar, video, tabel, hingga membuat form interaktif. Di akhir pelatihan, Anda akan membangun proyek mini website pribadi atau bisnis sederhana.

📘📕📗 Sistem Pembelajaran

Program Pelatihan ini dilaksanakan secara daring (online) melalui aplikasi Zoom sebanyak 5x pertemuan, dengan durasi 3 jam setiap pertemuan.
Setiap sesi akan dipandu langsung oleh tutor, disertai dengan latihan praktik langsung dan sesi tanya jawab interaktif.

Konten Kursus

📗 Sesi 1: Pengenalan HTML & Struktur Dasar Website
🎯 Tujuan: Memahami dasar-dasar HTML dan struktur halaman web.

1.1. Apa itu HTML dan bagaimana web bekerja?
1.2. Tag dasar HTML
1.3. Elemen teks
1.4. Elemen struktur
1.5. Menyimpan file HTML dan menampilkannya di browser
Praktik : Membuat halaman HTML pertama dengan teks dan heading
Tugas Mandiri : Buat halaman “Profil Saya” berisi nama, biodata singkat, dan kontak.

📘 Sesi 2: Elemen Multimedia dan Link
🎯 Tujuan: Menggunakan gambar, link, dan media di halaman HTML

📕 Sesi 3: Tabel dan Formulir HTML
🎯 Tujuan: Menampilkan data dalam tabel dan menerima input dari user.

📓 Sesi 4: HTML + Dasar CSS (Tampilan Menarik)
🎯 Tujuan: Memberi gaya sederhana menggunakan CSS

📒 Sesi 5: Mini Proyek Web Dinamis Sederhana
🎯 Tujuan: Menggabungkan semua elemen menjadi satu website mini

Student Ratings & Reviews

5.0

Total 1 Rating

1 Ratings

0 Rating

admin

6 bulan ago

Thanks

🎓 Kelas Online 👥: Pemrograman Dasar HTML – Dari Nol

Tentang Kursus

Apa yang akan Anda pelajari?

Konten Kursus

📗 Sesi 1: Pengenalan HTML & Struktur Dasar Website
🎯 Tujuan: Memahami dasar-dasar HTML dan struktur halaman web.

1.1. Apa itu HTML dan bagaimana web bekerja?

1.2. Tag dasar HTML

1.3. Elemen teks

1.4. Elemen struktur

1.5. Menyimpan file HTML dan menampilkannya di browser

Praktik : Membuat halaman HTML pertama dengan teks dan heading

Tugas Mandiri : Buat halaman “Profil Saya” berisi nama, biodata singkat, dan kontak.

📘 Sesi 2: Elemen Multimedia dan Link
🎯 Tujuan: Menggunakan gambar, link, dan media di halaman HTML

2.1. Menambahkan gambar

2.2. Menambahkan link

2.3. Menambahkan audio dan video

2.4. Tag list

Praktik : Membuat halaman galeri gambar dan video

Tugas Mandiri : Buat halaman portofolio dengan gambar, link media sosial, dan list keahlian.

📕 Sesi 3: Tabel dan Formulir HTML
🎯 Tujuan: Menampilkan data dalam tabel dan menerima input dari user.

3.1. Tabel

3.2. Formulir

3.3. Atribut form

Praktik : Membuat form pendaftaran dan menampilkan data dalam tabel

Tugas Mandiri : Buat halaman “Formulir Kontak” dengan isian Nama, Email, Pesan.

📓 Sesi 4: HTML + Dasar CSS (Tampilan Menarik)
🎯 Tujuan: Memberi gaya sederhana menggunakan CSS

4.1. Apa itu CSS? Inline, Internal, dan Eksternal CSS

4.2. Selektor, properti warna, font, margin, padding

4.3. Box model dan layout dasar (flexbox dasar)

4.4. Styling tabel dan form

Praktik : Mewarnai dan merapikan tampilan halaman-halaman sebelumnya

Tugas Mandiri : Percantik halaman portofolio dan formulir dengan CSS internal/eksternal.

📒 Sesi 5: Mini Proyek Web Dinamis Sederhana
🎯 Tujuan: Menggabungkan semua elemen menjadi satu website mini

5.1. Website Profil Bisnis Pribadi

5.2. Fitur Halaman Beranda

5.3. Fitur Halaman Profil

5.4. Fitur Halaman Produk (dengan tabel)

5.5. Fitur Formulir Kontak

5.6. Fitur Navigasi sederhana antar halaman

Tugas Mandiri : Presentasi proyek mini website dan review dari peserta lain

Tentang Kursus

Apa yang akan Anda pelajari?

Konten Kursus

📗 Sesi 1: Pengenalan HTML & Struktur Dasar Website 🎯 Tujuan: Memahami dasar-dasar HTML dan struktur halaman web.

1.1. Apa itu HTML dan bagaimana web bekerja?

1.2. Tag dasar HTML

1.3. Elemen teks

1.4. Elemen struktur

1.5. Menyimpan file HTML dan menampilkannya di browser

Praktik : Membuat halaman HTML pertama dengan teks dan heading

Tugas Mandiri : Buat halaman “Profil Saya” berisi nama, biodata singkat, dan kontak.

📘 Sesi 2: Elemen Multimedia dan Link 🎯 Tujuan: Menggunakan gambar, link, dan media di halaman HTML

2.1. Menambahkan gambar

2.2. Menambahkan link

2.3. Menambahkan audio dan video

2.4. Tag list

Praktik : Membuat halaman galeri gambar dan video

Tugas Mandiri : Buat halaman portofolio dengan gambar, link media sosial, dan list keahlian.

📕 Sesi 3: Tabel dan Formulir HTML 🎯 Tujuan: Menampilkan data dalam tabel dan menerima input dari user.

3.1. Tabel

3.2. Formulir

3.3. Atribut form

Praktik : Membuat form pendaftaran dan menampilkan data dalam tabel

Tugas Mandiri : Buat halaman “Formulir Kontak” dengan isian Nama, Email, Pesan.

📓 Sesi 4: HTML + Dasar CSS (Tampilan Menarik) 🎯 Tujuan: Memberi gaya sederhana menggunakan CSS

4.1. Apa itu CSS? Inline, Internal, dan Eksternal CSS

4.2. Selektor, properti warna, font, margin, padding

4.3. Box model dan layout dasar (flexbox dasar)

4.4. Styling tabel dan form

Praktik : Mewarnai dan merapikan tampilan halaman-halaman sebelumnya

Tugas Mandiri : Percantik halaman portofolio dan formulir dengan CSS internal/eksternal.

📒 Sesi 5: Mini Proyek Web Dinamis Sederhana 🎯 Tujuan: Menggabungkan semua elemen menjadi satu website mini

5.1. Website Profil Bisnis Pribadi

5.2. Fitur Halaman Beranda

5.3. Fitur Halaman Profil

5.4. Fitur Halaman Produk (dengan tabel)

5.5. Fitur Formulir Kontak

5.6. Fitur Navigasi sederhana antar halaman

Tugas Mandiri : Presentasi proyek mini website dan review dari peserta lain

Student Ratings & Reviews

📗 Sesi 1: Pengenalan HTML & Struktur Dasar Website
🎯 Tujuan: Memahami dasar-dasar HTML dan struktur halaman web.

📘 Sesi 2: Elemen Multimedia dan Link
🎯 Tujuan: Menggunakan gambar, link, dan media di halaman HTML

📕 Sesi 3: Tabel dan Formulir HTML
🎯 Tujuan: Menampilkan data dalam tabel dan menerima input dari user.

📓 Sesi 4: HTML + Dasar CSS (Tampilan Menarik)
🎯 Tujuan: Memberi gaya sederhana menggunakan CSS

📒 Sesi 5: Mini Proyek Web Dinamis Sederhana
🎯 Tujuan: Menggabungkan semua elemen menjadi satu website mini