Pelatihan Dasar HTML dan CSS Untuk Meningkatkan Kompetensi Web Development

PESATNYA perkembangan teknologi informasi dan komunikasi telah membawa dampak besar dalam dunia industri dan pendidikan. Salah satu keterampilan dasar yang kini semakin dibutuhkan adalah kemampuan dalam pengembangan web, yang menjadi fondasi utama berbagai layanan digital.

HTML (HyperText Markup Language) dan CSS (Cascading Style Sheets) merupakan dua teknologi inti yang harus dikuasai dalam proses pembuatan website, di mana HTML digunakan untuk menyusun struktur konten, dan CSS untuk mempercantik tampilan serta tata letaknya.

Berdasarkan observasi awal di SMK Tazkia Nusantara, diketahui bahwa sebagian besar siswa belum memiliki pemahaman maupun keterampilan dasar terkait HTML dan CSS.

Melalui kegiatan pengabdian kepada masyarakat (PKM) ini, dilakukan pelatihan dasar HTML dan CSS yang dirancang untuk meningkatkan kompetensi digital siswa. Pelatihan ini menggabungkan teori dan praktik langsung, sehingga diharapkan dapat memberikan pemahaman yang aplikatif serta mendorong siswa untuk lebih siap menghadapi tantangan dunia kerja digital.

Metode Pelaksanaan

Metode yang digunakan adalah seminar sehari yang melibatkan pemaparan materi secara teoritis dan praktikum langsung, kepada murid murid SMK Tazkia Nusantara yang berlokasi di Jl Kebun Raya Cibodas Kp Babakan Cikalong Ds Cimacan Kec Cipanas Rt 1 Rw 4 Kab Cianjur Provinsi Jawa dengan target sekitar 35 murid kelas.

Tahapan pelaksanaan dimulai dari penyusunan proposal, persiapan alat dan materi, penjadwalan kegiatan, pelaksanaan seminar, sesi tanya jawab, evaluasi hasil pelatihan, hingga penyusunan laporan kegiatan. Kegiatan ini dilaksanakan di SMK Tazkia Nusantara dengan melibatkan 10 mahasiswa pelaksana serta 1 dosen pembimbing.

Materi pelatihan meliputi:

Struktur dasar HTML (tag, elemen, atribut).
Penggunaan CSS untuk styling (warna, layout, font).
Praktik membuat halaman web sederhana.
Diskusi mengenai peluang kerja di bidang web development.

Pembahasan

Pelatihan diikuti oleh siswa kelas XII yang menunjukkan antusiasme tinggi selama kegiatan berlangsung. Peserta menyatakan bahwa pelatihan membantu mereka memahami struktur dasar halaman web dan mampu membuat tampilan sederhana dengan HTML dan CSS. Selain itu, diskusi interaktif mengenai potensi karier di bidang teknologi informasi memberikan motivasi tambahan bagi siswa untuk mendalami bidang ini lebih lanjut.

Tantangan yang dihadapi antara lain adalah keterbatasan waktu dan kemampuan teknis awal siswa yang berbeda-beda. Namun, pendekatan berbasis praktik terbukti efektif dalam mempercepat pemahaman dan meningkatkan kepercayaan diri siswa dalam menggunakan teknologi ini.

Kesimpulan

Pelatihan dasar HTML dan CSS ini berhasil meningkatkan kompetensi dasar siswa dalam pengembangan web. Program ini tidak hanya membekali siswa dengan keterampilan teknis, tetapi juga membangun kesadaran akan pentingnya penguasaan teknologi dalam meningkatkan daya saing di dunia kerja. Rekomendasi ke depan adalah memperluas cakupan pelatihan dan mengembangkan kurikulum lanjutan berbasis proyek agar siswa dapat terus mengasah keterampilan secara berkelanjutan.

Penulis:

Randi Abi Fahrezi
Abdulah Hanafi
Afiyah Rahmah
Ahmad Zikri Sabeni
Bagas Mahesa
Faiza Rizalul Fikri
Fauzi Rahmat
Furqon Hasbi,
Muhammad Rizky Ardiyansyah
Siniar Wati Wau
Norita Sinaga