• ABOUT US
  • Redaksi
  • Indeks Berita
  • Standar Perlindungan Profesi Wartawan
  • Pedoman Media Siber
tangselxpress.com
Kamis, 22 Oktober, 2026
  • HOME
  • NEWS
    • NASIONAL
    • DAERAH
    • MEGAPOLITAN
  • REGIONAL
    • BANTEN
    • TANGERANG SELATAN
    • TANGERANG RAYA
  • POLITIK
    • PILKADA 2024
  • PENDIDIKAN
  • EXPLORE TANGSEL
    • KULINER
    • WISATA
    • KOMUNITAS
  • EKONOMI
    • UMKM
    • EKONOMI BISNIS
  • GAYA HIDUP
    • BEAUTY
    • SELEBRITI
    • FILM & MUSIK
    • KESEHATAN
    • PARENTING
    • MOTIVASI & INSPIRASI
  • OLAHRAGA
  • HUKUM
    • XPRESSLAW
  • DUNIA KAMPUS
  • VIDEO
  • EPAPER
  • OPINI
  • RAMADAN
  • KERANJANG KUNING
No Result
View All Result
  • HOME
  • NEWS
    • NASIONAL
    • DAERAH
    • MEGAPOLITAN
  • REGIONAL
    • BANTEN
    • TANGERANG SELATAN
    • TANGERANG RAYA
  • POLITIK
    • PILKADA 2024
  • PENDIDIKAN
  • EXPLORE TANGSEL
    • KULINER
    • WISATA
    • KOMUNITAS
  • EKONOMI
    • UMKM
    • EKONOMI BISNIS
  • GAYA HIDUP
    • BEAUTY
    • SELEBRITI
    • FILM & MUSIK
    • KESEHATAN
    • PARENTING
    • MOTIVASI & INSPIRASI
  • OLAHRAGA
  • HUKUM
    • XPRESSLAW
  • DUNIA KAMPUS
  • VIDEO
  • EPAPER
  • OPINI
  • RAMADAN
  • KERANJANG KUNING
No Result
View All Result
tangselxpress.com
No Result
View All Result
Home PENDIDIKAN

Pelatihan Dasar HTML dan CSS Untuk Meningkatkan Kompetensi Web Development

Redaksi Tangselxpress by Redaksi Tangselxpress
Juni 13, 2025
in DUNIA KAMPUS
Reading Time: 3min read
Pelatihan Dasar HTML dan CSS Untuk Meningkatkan Kompetensi Web Development
265
SHARES
3.5k
VIEWS

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.

BACA JUGA :  Pelatihan Pembuatan Kartu Persediaan Barang Metode Fifo, Lifo, Avarage di SMA Negeri 1 Tenjo

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:

  1. Struktur dasar HTML (tag, elemen, atribut).
  2. Penggunaan CSS untuk styling (warna, layout, font).
  3. Praktik membuat halaman web sederhana.
  4. Diskusi mengenai peluang kerja di bidang web development.
BACA JUGA :  Penerapan Pola Hidup Bersih sebagai Pembentukan Karakter Sehat pada Generasi Muda

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.

BACA JUGA :  Cara Membuat Kerak Telur Khas Betawi

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

Program Studi Teknik Informatika Fakultas Ilmu Komputer

Universitas Pamulang

Tags: Pelatihan Dasar HTML dan CSSPKM Unpam
Previous Post

BLINK Indonesia Harap Bersiap! BLACKPINK akan ‘Menggebrak’ SUGBK Jakarta

Next Post

Edukasi Bencana Melalui Pameran Indo Defence

Related Posts

Bukan Tidak Pintar, Cuma Takut Bicara: Ketika Pengetahuan Tidak Sejalan dengan Kepercayaan Diri
DUNIA KAMPUS

Public Speaking sebagai Kunci Meningkatkan Kepercayaan Diri dan Prestasi Mahasiswa

Oktober 21, 2026
2.3k
Banyak Views, Sedikit Respons: Apakah Cara Berbicara Menentukan Keberhasilan Public Speaking di Era Digital?
DUNIA KAMPUS

Banyak Views, Sedikit Respons: Apakah Cara Berbicara Menentukan Keberhasilan Public Speaking di Era Digital?

Oktober 21, 2026
2.4k
Kekurangan atau Kelebihan Karyawan? Pentingnya Perencanaan SDM yang Tepat
DUNIA KAMPUS

Kekurangan atau Kelebihan Karyawan? Pentingnya Perencanaan SDM yang Tepat

Oktober 21, 2026
2.4k
Public Speaking: Kunci Meningkatkan Kepercayaan Diri dan Kemampuan Berkomunikasi
DUNIA KAMPUS

Public Speaking: Kunci Meningkatkan Kepercayaan Diri dan Kemampuan Berkomunikasi

Oktober 21, 2026
2.4k
Tinggal Scan, Uang Berkurang: Apakah Kemudahan Pembayaran Digital Membuat Kita Lebih Boros?
DUNIA KAMPUS

Tinggal Scan, Uang Berkurang: Apakah Kemudahan Pembayaran Digital Membuat Kita Lebih Boros?

Oktober 21, 2026
2.4k
Cicilan Murah, Masa Depan Mahal: Paylater dan Literasi Keuangan Anak Muda
DUNIA KAMPUS

Cicilan Murah, Masa Depan Mahal: Paylater dan Literasi Keuangan Anak Muda

Oktober 21, 2026
2.1k
Next Post
Edukasi Bencana Melalui Pameran Indo Defence

Edukasi Bencana Melalui Pameran Indo Defence

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

  • ABOUT US
  • Redaksi
  • Indeks Berita
  • Standar Perlindungan Profesi Wartawan
  • Pedoman Media Siber

© 2022 TangselXpress.com

No Result
View All Result
  • HOME
  • NEWS
    • NASIONAL
    • DAERAH
    • MEGAPOLITAN
  • REGIONAL
    • BANTEN
    • TANGERANG SELATAN
    • TANGERANG RAYA
  • POLITIK
    • PILKADA 2024
  • PENDIDIKAN
  • EXPLORE TANGSEL
    • KULINER
    • WISATA
    • KOMUNITAS
  • EKONOMI
    • UMKM
    • EKONOMI BISNIS
  • GAYA HIDUP
    • BEAUTY
    • SELEBRITI
    • FILM & MUSIK
    • KESEHATAN
    • PARENTING
    • MOTIVASI & INSPIRASI
  • OLAHRAGA
  • HUKUM
    • XPRESSLAW
  • DUNIA KAMPUS
  • VIDEO
  • EPAPER
  • OPINI
  • RAMADAN
  • KERANJANG KUNING

© 2022 TangselXpress.com