Modul Pembelajaran Web Dasar dengan CSS

MODUL AJAR

SMP Muhammadiyah Al-Kautsar PK Gumpang

DASAR DASAR KEJURUAN TEKNIK JARINGAN KOMPUTER DAN TELEKOMUNIKASI

KELAS VIII  / FASE D

Semester 1 (Ganjil)

Identitas Modul

Nama Penyusun        : Abi Khoir Naufal Zaqli

Nama Sekolah            : SMP Muhammadiyah Al-Kautsar PK Gumpang

Tahun Penyusunan  : 2023

Jenjang Sekolah         : SMP

Alokasi Waktu             : 2 Jam Pelajaran (1 Pertemuan x 2 JP)

Elemen                           : Pemrograman Web (CSS)

Capaian pembelajaran:

Pada akhir fase E peserta didik mampu menggunakan alat ukur, termasuk pemeliharaan alat ukur untuk seluruh jaringan komputer dan sistem telekomunikasi.

Kompetensi Awal

Peserta didik telah memiliki pengetahuan awal tentang:

• Penggunaan Laptop/Komputer

Profil Pelajar Pancasila

Setelah mengikuti pembelajaran ini, Profil Pelajar Pancasila yang diharapkan muncul pada peserta didik adalah:

• Kemandirian, diwujudkan dengan proaktif mengembangkan diri dan tidak bergantung pada orang lain.
• Kreativitas, ditunjukkan dengan keluwesan berpikir untuk mencari alternatif pemecahan masalah.
• Penalaran kritis, ditunjukkan dengan mengolah, menganalisis dan merefleksikan pemikiran sendiri.
• Dengan bekerja sama, peserta didik dan kelompok secara proaktif melakukan kegiatan untuk menyelesaikan tugas agar dapat diselesaikan dengan lancar, mudah dan sederhana. Setiap peserta didik dapat dengan mudah berkolaborasi, peduli dan berbagi satu sama lain.
• Komunikasi Yang Baik, memiliki kemampuan berkomunikasi dengan baik dan menghargai pendapat orang lain. Mereka harus mampu berdialog untuk mencapai pemahaman bersama dan solusi yang baik.
• Kepedulian Sosial, memiliki rasa empati terhadap sesama manusia dan bersedia membantu mereka yang membutuhkan.

Sarana & Prasarana

Sarana & Prasarana yang dibutuhkan pada saat belajar dengan modul ini antara lain:

• Laptop/LCD Proyektor
• Media ajar/Video
• Ruang Kelas
• Perangkat komputer
• Modul Elektronik

Target Peserta Didik

Peserta didik reguler

Model Pembelajaran yang Digunakan

• Literasi mandiri dengan e-modul
• Demonstrasi
• Pembelajaran dengan model Demonstrasi

Petunjuk Penggunaan Modul

• Supaya anda berhasil mencapai kompetensi, maka ikuti petunjuk dan langkah-langkah berikut selama mempelajari modul ini:
• Baca dan pahami kompetensi yang akan dipelajari dalam modul ini, cermati pula tujuan pembelajaran dari masing-masing kegiatan belajar.
• Baca dan pahami materi yang ada dalam modul ini dengan baik, jika menemukan kesulitan, dapat didiskusikan dengan pengajar lain.
• Jika modul ini dirasa belum cukup memberikan informasi, carilah referensi yang menunjang dalam menyelesaikan kegiatan belajar dan tugas.
• Modul ini dilengkapi dengan glosarium, jadi apabila dalam mempelajari modul menemukan beberapa kata sulit, kalian dapat mencari makna kata tersebut dalam glosarium.
• Rangkuman materi akan mempermudah untuk menemukan poin penting materi dan menyimpulkan materi dalam setiap kegiatan belajar.
• Kerjakan secara mandiri soal latihan dalam setiap kegiatan belajar dan soal tes penilaian akhir guna evaluasi keberhasilan belajar.
• Periksalah hasil kegiatan belajar, tugas, dan latihan soal dengan kunci jawaban dalam modul ini. Apabila hasil pekerjaan belum benar, maka pelajari kembali materi yang berkaitan dengan hal tersebut dan perbaiki kesalahan. Khusus untuk jawaban soal latihan dan tes penilaian akhir, perhatikan umpan balik di setiap akhir kegiatan dalam modul ini. Apabila hasil soal evaluasi mencapai 80% benar maka dapat melanjutkan kegiatan belajar selanjutnya.
• Untuk keberhasilan belajar, dalam mempelajari modul ini, urutan kegiatan harus diikuti dengan benar.

KEGIATAN PEMBELAJARAN

PENGANTAR PEMROGRAMAN WEBSITE DENGAN CSS

 

Tujuan Pembelajaran

Peserta didik diharapkan mampu:

• Memahami jenis-jenis pemrograman yang digunakan pada website
• Memahami bahasa pemrograman yang digunakan pada website
• Menerapkan bahasa pemrograman untuk membuat website sederhana
• Menerapkan bahasa pemrograman untuk membuat website yang dapat menyelesaikan permasalahan yang disediakan.

Pemahaman Bermakna

Meningkatkan pemahaman peserta didik terkait jenis, penggunaan, dan penerapan bahasa pemrograman untuk membuat website, sehingga mampu menyelesaikan permasalahan yang dihadapi dalam dunia nyata atau sehari-hari.

Pertanyaan Pemantik

• Apa itu pemrograman web?
• Apa perbedaan antara HTML, CSS, dan JavaScript dalam pemrograman web?
• Bagaimana cara membuat elemen teks dan gambar menggunakan HTML?
• Bagaimana cara menambahkan warna latar belakang dan mengubah ukuran teks dengan CSS?

Persiapan Pembelajaran

• Membaca materi pembelajaran melalui e-modul yang sudah disediakan, menyiapkan perangkat, materi dan modul ajar.
• Menyiapkan alat dan bahan

Selengkapnya modul pembelajaran ini dapat diunduh melalui link berikut :

Link Modul Pembelajaran