Selamat datang di Kelas 6D
Nama Guru : Novarief Saisywa, S.Kom.
Satuan Pendidikan : SD Al-Azhar 2 Bandar Lampung
Mata Pelajaran : Teknologi Informasi dan Komunikasi (TIK)
Kelas / Semester : 6D/1
Hari, Tanggal : Rabu, 06 November 2024
Kompetensi Dasar : Mengenal Program HTML untuk Membuat Dokumen Web
Standar Kompetensi : Mendemonstrasikan penggunaan Tag-Tag HTML dalam program HTML
Pembelajaran Ke : 13
Aamiin, Aamiin Ya Rabbal Alamin
1. Alur Tujuan Pembelajaran
- Mengetahui Tag Paragraf pada program HTML
2. Tujuan Pembelajaran
- Peserta didik dapat menyebutkan dan menjelaskan Tag Paragraf pada program HTML
3. Capaian Pembelajaran
- Peserta didik mampu menyebutkan serta menjelaskan Tag Paragraf pada program HTML
- Ceramah, Tanya Jawab, Demonstrasi
5. Alat Peraga/Bahan Ajar
- Seperangkat Komputer, LCD Proyektor, Modul TIK
6. Kegiatan Awal (Sapaan)
Assalammualaikum anak sholih dan sholihah bagaimana kabarnya hari ini? semoga selalu diberikan kesehatan. Aamiin. Sebelum pelajaran hari ini dimulai mari kita murojaah surat terlebih dahulu ya.
7. Apersepsi
Pada pertemuan sebelumnya kita telah belajar tentang Tag Membuat List pada program HTML, ada yang bisa menyebutkan Tag Membuat List pada HTML? betul sekali, jadi tag yang digunakan untuk membuat List pada HTML yaitu tag <ul>,</ol> . Untuk hari ini kita akan belajar tentang Tag Menampilkan Gambar pada program HTML.
8. Materi Pembelajaran
- Mengenal jenis gambar
Jenis gambar yang dapat disajikan dalam halaman web adalah:
1. GIF (Graphic Interchange Format)
Karakteristik dari jenis gambar GIF adalah:
· Ekstensi .gif
· GIF hanya mendukung warna 8 bit atau 256 warna
· Salah satu warna dapat bersifat transparan
· Dapat memasukkan gambar lebih dari satu dalam satu file dan menampilkannya secara bergantian (animasi)
· GIF cocok untuk membuat gambar yang melibatkan sedikit warna, misalnya logo, gambar tombol, banner, ikon, gambar latar belakang dan lain-lain.
Karakteristik dari jenis gambar JPEG adalah:
· Ekstensi .jpg/jpeg
· JPEG Mendukung warna hingga 24 bit atau lebih dari 16 juta
· JPEG tidak mendukung transparansi dan animasi
· JPEG cocok untuk menampilkan gambar-gambar yang nyata seperti foto
3. PNG (Portable Network Graphic)
· Ekstensi .png
· PNG merupakan format yang diciptakan khusus untuk web
· Terdapat 2 Jenis PNG, yaitu PNG-8 yang dan PNG-24 yang mendukung gambar 24 bit.
· PNG mendukung animasi dan transparansi.
- Cara Menampilkan Gambar
bentuk paling sederhana dari tag<img>:
<img src=”nama gambar”>
Contoh:
<img src=”logo.gif”>
<img src=”image/gbr1.jpg”>
Buka contoh sebelumnya dan tambahkan tag berikut ini:
<html>
<head>
<title>latihan 05</title>
</head>
<body>
<img src= logo.gif>
</body>
9. Penutup
Demikian untuk pembalajaran hari ini yang dapat bapak sampaikan, Jangan lupa selalu melaksanakan shalat 5 waktu dan senantiasa selalu murojaah agar hafalan kalian tetap terjaga dan jangan lupa selalu berbuat baik dan selalu tolong menolong dan serta jagalah kesehatan.
REFLEKSI ATAU KESIMPULAN PEMBELAJARAN
Berdasarkan hasil pembelajaran hari ini dapat diketahui bahwa semua peserta didik sudah mampu memahami materi tentang Tag <img> untuk Menampilkan GAmbar dengan baik
Dokumentasi Pembelajaran
.png)
.png)
0 Komentar