Novarief Saisywa_UKG 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                 : Kamis, 31 Oktober 2024
Kompetensi Dasar      : Memformat Halaman Web
Standar Kompetensi : Menggunakan HTML untuk Membuat Web
Pembelajaran Ke         : 12

Bismillahirrahmanirrahim 

Assalamualaikum Warahmatullahi Wabarakatuh 

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

2. Tujuan Pembelajaran
- Peserta didik mampu membuat animasi teks berjalan

3. Capaian Pembelajaran
- Peserta didik mampu membuat animasi teks berjalan 

4. Metode Pembelajaran
- Ceramah, Tanya Jawab, Demonstrasi

5. Alat Peraga/Bahan Ajar
- Seperangkat Komputer, LCD Proyektor, Modul TIK Kelas 6 Penerbit Yayasan Al - Azhar

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

Membuat Animasi Teks Berjalan

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

• 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

<marquee direction="right">…</marquee>

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

<marquee behavior="alternate">…</marquee>

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

<marquee bgcolor="orange">

 

Hasilnya akan terlihat seperti berikut ini:

Tugas  Peraktik
1.      Buatlah animasi teks “SD Al Azhar 2 Bandar Lampung“ berjalan!

2.      Buatlah animasi teks “SD Al Azhar 2 Bandar Lampung“ berjalan dari kiri kekanan menggunakan attribute direction!

3.      Buatlah animasi teks “SD Al Azhar 2 Bandar Lampung“ berjalan bulak balik!

4.      Buatlah animasi teks “SD Al Azhar 2 Bandar Lampung“ berjalan dengan bgcolor=”orange”!

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