TIK 6A, Rabu 9 Oktober 2024

Selamat datang di Kelas 6A

Nama Guru                     : Novarief Saisywa, S.Kom.
Satuan Pendidikan     : SD Al-Azhar 2 Bandar Lampung
Mata Pelajaran              : Teknologi Informasi dan Komunikasi (TIK)
Kelas / Semester          : 6A/1
Hari, Tanggal                 : Rabu, 9 Oktober 2024
Kompetensi Dasar      : Mengenal Program HTML untuk Membuat Dokumen Web
Standar Kompetensi : Mendemonstrasikan penggunaan Tag-Tag HTML dalam program HTML
Pembelajaran Ke         : 10

Selamat pagi anak sholeh - sholehah kelas 6A SD AL - AZHAR 2 BANDAR LAMPUNG

Bagaimana kabarnya sholeh-sholehah hari ini? Alhamdulillah, Luar biasa, Allahuakbar.

Semoga kita selalu diberikan kesehatan oleh Allah Subhanahu Wata'ala

Sebelum kita memulai belajar hari ini mari kita membaca Doa Belajar 

Aamiin, Aamiin Ya Rabbal Alamin

1. Alur Tujuan Pembelajaran
- Mengetahui Tag Animasi Berjalan pada program HTML

- Menyebutkan dan menjelaskan Tag Memformat teks pada program HTML

2. Tujuan Pembelajaran
- Peserta didik dapat menyebutkan dan menjelaskan Tag Animasi Berjalan pada program HTML

3. Capaian Pembelajaran
- Peserta didik mampu menyebutkan serta menjelaskan Tag Animasi Berjalan pada program HTML

4. Metode Pembelajaran
- 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 Garis Horizontal pada program HTML, ada yang bisa menyebutkan Tag MemMembuat Garis Horizontal? betul sekali, jadi tag yang digunakan untuk membuat Garis Horizontal yaitu tag <hr> . Untuk hari ini kita akan belajar tentang Tag Animasi Berjalan <marquee> </marquee> pada program HTML.

8. Materi Pembelajaran

1.1.1. Membuat Animasi Teks Berjalan

Untuk membuat animasi teks berjalan, digunakan pasangan tag <marquee>…</marquee>

Contoh Penggunaan: 

………

<hr size =”1” noshade>

<marquee>

<strong>Selamat Datang di Perguruan Yayasan Al-Azhar Lampung</strong>

</marquee>

<hr size = “1” noshade>

Untuk mengubah arah pergerakan teks, digunakan atribut direction. nilai yang dapat diisikan adalah sebagai berikut:

· Right : teks bergerak dari kiri kekanan

· Up : teks bergerak dari bawah keatas

· Down : Teks bergerak dari atas kebawah

Contoh Penggunaan:

………

<hr size =”1” noshade>

<marquee direction=”right”>

<strong>Selamat Datang di Perguruan Yayasan Al-Azhar Lampung</strong>

</marquee>

<hr size = “1” noshade>

Atribut behavior dengan nilai alternate dapat digunakan jika ingin arah teks bolak-balik dari kanan ke kiri dan sebaliknya.

Contoh Penggunaan:

………

<hr size =”1” noshade>

<marquee behavior=”alternate”>

<strong> Selamat Datang di Perguruan Yayasan Al-Azhar Lampung </strong>

</marquee>

<hr size = “1” noshade>

Sedangkan jika ingin mengatur warna latar belakang teks yang dibuat animasi, digunakan atribut bgcolor.

 

Contoh Penggunaan:

………

<hr size =”1” noshade>

<marquee behavior=”alternate” bgcolor=”orange”>

<strong>Selamat Datang di Website Alazhar Lampung</strong>

</marquee>

<hr size = “1” noshade>

Hasilnya akan terlihat seperti berikut ini:

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 <Marquee>... </marquee> untuk membuat animasi teks berjalan  dengan baik 

Dokumentasi Pembelajaran