Pelatihan Membuat Landing Page Portofolio Website Dengan HTML & CSS Menggunakan VSCode di SMP Negeri 21 Samarinda

Authors

DOI:

https://doi.org/10.30872/petisi.v3i2.1312

Keywords:

Literasi Digital, Pelatihan Portofolio, Website, HTML, CSS, VSCODE, Teknologi Informasi, Sistem Informasi

Abstract

Kemampuan untuk membuat dan memahami dasar-dasar pembuatan website menjadi sangat penting. Terutama untuk siswa Sekolah Menengah Pertama (SMP), memiliki keterampilan dasar dalam mengembangkan halaman web dapat membuka peluang baru dan meningkatkan pemahaman mereka terhadap teknologi informasi. Salah satunya SMP Negeri 21 Kota Samarinda memiliki keinginan untuk meningkatkan keterampilan teknologi dan informatika siswa-siswinya. Memperhatikan kebutuhan tersebut, kami melakukan kegiatan pengabdian kepada masyarakat di SMP Negeri 21 Samarinda bertujuan untuk memberikan pengetahuan dan keterampilan kepada siswa dalam meningkatkan literasi digital dengan fokus pada pelatihan pembuatan landing page portofolio dengan HTML dan CSS menggunakan VSCode. Metode pelaksanaan kegiatan ini mencakup pembentukan struktur dan persiapan, survei dan perizinan, survei lab komputer dan instalasi, membuat modul dan mempersiapkan materi, tester dan gladi, pelaksanaan pelatihan, serta evaluasi. Hasil menunjukan kegiatan pengabdian kepada masyarakat di SMP Negeri 21 Samarinda telah terlaksanakan dengan baik dengan jumlah peserta pelatihan sebanyak 36 siswa yang terdiri dari 25 siswa Perempuan dan 11 siswa laki-laki. Kegiatan ini memberikan dampak positif bagi peserta, yaitu meningkatkan pengetahuan dan keterampilan peserta dalam bidang teknologi dan informatika, meningkatkan motivasi peserta untuk mengembangkan potensi diri, dan meningkatkan daya saing peserta dalam menghadapi tantangan di dunia kerja yang semakin terdigitalisasi

References

Undang-undang (UU) Nomor 12 Tahun 2012 tentang Pendidikan Tinggi.” Accessed: Nov. 30, 2023. [Online]. Available: https://peraturan.bpk.go.id/Details/39063/uu-no-12-tahun-2012

Admin21, “Visi dan Misi SMP Negeri 21 Samarinda.” Accessed: Dec. 01, 2023. [Online]. Available: https://smpnegeri21samarinda.wordpress.com/

Kamus Besar Bahasa Indonesia (KBBI), “Metode.” Accessed: Nov. 30, 2023. [Online]. Available: https://kbbi.kemdikbud.go.id/entri/metode

R. Ramadhan et al., “Workshop Pembuatan Portofolio Berbasis Web dengan Menggunakan CSS dan HTML Di SMA 8 Muhammdiyah Ciputat,” 2022. [Online]. Available: https://jurnal.portalpublikasi.id/index.php/AJP/index

Z. Janariandana et al., “Pelatihan Pembuatan Web Design Menggunakan HTML Dan CSS Di SMK Letris Indonesia 2,” AMMA : Jurnal Pengabdian Masyarakat, vol. 1, no. 12, 2023.

Downloads

Published

20-11-2025

How to Cite

Pelatihan Membuat Landing Page Portofolio Website Dengan HTML & CSS Menggunakan VSCode di SMP Negeri 21 Samarinda. (2025). Pengabdian Kepada Masyarakat Bidang Teknologi Dan Sistem Informasi (PETISI), 3(2), 47-52. https://doi.org/10.30872/petisi.v3i2.1312

Most read articles by the same author(s)

<< < 1 2