PENGENALAN DASAR MEMBANGUN SEBUAH WEBSITE MENGGUNAKAN BAHASA PEMROGRAMAN HTML DAN CSS DENGAN VISUAL STUDIO CODE

Authors

  • Andrian Universitas Pamulang
  • Abdul Ghofur Universitas Pamulang
  • Chaeruddin Ramadhan Universitas Pamulang
  • M. Hafidlul Mujib Universitas Pamulang
  • Eiffeline Melati O. Universitas Pamulang
  • Rizal Fazri Universitas Pamulang
  • Rahmah Yunita Universitas Pamulang
  • Satinudi Telaumbanua Universitas Pamulang
  • Satria Anggito A. Universitas Pamulang
  • Sufyaan Putra H. Universitas Pamulang

Keywords:

Pelatihan, HTML, CSS, Visual Studio Code, Siswa SMK

Abstract

Perkembangan teknologi digital telah membawa perubahan besar dalam dunia pendidikan, memerlukan pemahaman dasar tentang pemrograman web sebagai keterampilan dasar bagi generasi muda. Pelatihan dasar membangun website menggunakan HTML dan CSS diselenggarakan di SMK Al-Hidayah Ciputat sebagai upaya untuk membekali siswa dengan keterampilan web development. Tujuan dari pelatihan ini adalah untuk meningkatkan pemahaman dan keterampilan siswa kelas 10 jurusan Multimedia dalam menggunakan HTML dan CSS dengan Visual Studio Code sebagai alat bantu pengembangan. Metode pelatihan mencakup sesi presentasi, demonstrasi, dan praktik langsung dengan pendampingan instruktur. Evaluasi dilakukan melalui pengamatan praktik serta sesi tanya jawab untuk mengukur pemahaman siswa. Hasil pelatihan menunjukkan peningkatan signifikan dalam kemampuan siswa untuk membangun dan merancang halaman web sederhana. Selain itu, pelatihan ini juga berdampak positif pada motivasi siswa untuk mempelajari pemrograman lebih lanjut. Kesimpulannya, pelatihan dasar HTML dan CSS efektif dalam mendukung kesiapan siswa untuk menghadapi tuntutan industri digital, dan perlu diadakan secara rutin untuk mengembangkan keterampilan digital yang berkelanjutan di kalangan siswa.

Kata kunci : Pelatihan, HTML, CSS, Visual Studio Code, Siswa SMK

Abstract - Abstract - The advancement of digital technology has brought significant changes in education, requiring basic knowledge of web programming as a foundational skill for the younger generation. A basic training program on website development using HTML and CSS was conducted at SMK Al-Hidayah Ciputat to equip students with essential web development skills. The aim of this training was to enhance the understanding and skills of 10th-grade Multimedia students in using HTML and CSS with Visual Studio Code as a development tool. The training methods included presentations, demonstrations, and hands-on practice with instructor guidance. Evaluation was conducted through practice observations and Q&A sessions to assess students' understanding. The results showed a significant improvement in students' abilities to build and design simple web pages. Additionally, this training positively impacted students' motivation to further explore programming. In conclusion, basic HTML and CSS training is effective in preparing students to meet the demands of the digital industry and should be conducted regularly to foster sustainable digital skills among students.

References

Harris, J., & Smith, A. Learning Web Development: HTML, CSS, and JavaScript for Beginners. 2nd Edition. New York: Web Press.

Kurniawan, D., & Santosa, B. Fundamentals of HTML and CSS: A Hands-On Approach for Beginners. Jakarta: Tech Publishing.

Malik, A. Effective Training Strategies for Web Development in Vocational Schools. Journal of Educational Technology, 15, 122-134.

Rahayu, R., & Wibowo, D. The Impact of Practical Learning in Web Programming on Student Skills. Journal of Information Technology and Education, 22, 45-59.

Wibisono, T., et al. Mastering CSS for Web Design: Enhancing User Experience and Readability. Bandung: Digital Learning Press.

Sutanto, M., & Prasetyo, H. Web Development Basics: A Guide to HTML, CSS, and JavaScript. Surabaya: Tech Academy Press.

Wilson, K., & Kumar, A. Introduction to Modern Web Development: Tools and Techniques. London: Global Web Publishing.

Zhang, L., & Chen, H. Practical Applications of Web Technologies in Education. International Journal of Information and Communication Technology, 18, 78-90.

Yulianto, S., & Hartono, F. Building Interactive Websites with HTML and CSS. Yogyakarta: Learning Media.

SMK Al-Hidayah Ciputat. Panduan Pengenalan Visual Studio Code dan Dasar-Dasar HTML dan CSS. Ciputat: SMK Al-Hidayah Press.

Universitas Pamulang. Pedoman Pelaksanaan Kegiatan PKM Fakultas Ilmu Komputer. Pamulang: UNPAM Press.

Universitas Pamulang, Program Studi Teknik Informatika. Modul Pelatihan Pengembangan Web untuk Siswa SMK. Pamulang: Fakultas Ilmu Komputer UNPAM.

Downloads

Published

2024-11-29

How to Cite

Andrian, Abdul Ghofur, Chaeruddin Ramadhan, M. Hafidlul Mujib, Eiffeline Melati O., Rizal Fazri, Rahmah Yunita, Satinudi Telaumbanua, Satria Anggito A., & Sufyaan Putra H. (2024). PENGENALAN DASAR MEMBANGUN SEBUAH WEBSITE MENGGUNAKAN BAHASA PEMROGRAMAN HTML DAN CSS DENGAN VISUAL STUDIO CODE. APPA : Jurnal Pengabdian Kepada Masyarakat, 2(3), 238–243. Retrieved from https://jurnalmahasiswa.com/index.php/appa/article/view/1787

Similar Articles

You may also start an advanced similarity search for this article.