Materi Kelas 6B Pertemuan ke 13

  (TEKNOLOGI INFORMASI DAN KOMUNIKASI)

Hari & Tanggal      : Jumat, 1 November 2024

Kelas                     : 6B (SD Al-Azhar 3 Bandar Lampung)

Tema                     : Mengenal HTML

Sub Tema             : Membuat Animasi Teks Berjalan di Halaman WEB

Mata Pelajaran      : TIK / Komputer

Pembelajaran        : Ke 13



ِبِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيْم
Bismillahirrahmanirrahim


Assalamualaikum wr. wb

Bagaimana kabar anak sholeh & sholehah serta orang tua hebat ?

Alhamdulillah.. Semoga kita semua dalam keadaan sehat dan selalu dalam lindungan Allah SWT. Aamiin...

Tujuan Pembelajaran : Siswa Mampu Membuat Animasi Teks Berjalan di Halaman WEB

Minggu lalu kita sudah melaksanakan PTS (Penilaian Tengah Semester). Minggu ini kita lanjutkan ke materi berikutnya ya. Untuk minggu ini kita akan membahas cara membuat animasi teks berjalan di halaman web.

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

Animasi teks berjalan memiliki macam-macam atribut, yaitu :

1. Direction = digunakan untuk mengubah arah pergerakan teks.

Macam-macam atribut direction :
1. Right = teks berjalan dari kiri ke kanan.
2. Up = teks berjalan dari bawah ke atas.
3. Down = teks berjalan dari atas ke bawah.

2. Behavior = digunakan jika ingin arah teks bolak-balik dari kana ke kiri dan sebaliknya.

Berikut adalah contoh penulisan kode html untuk membuat animasi teks berjalan dengan menggunakan atribut direction :

<html>

<head>

<title> Al – Alazhar 1 </title>

</head>

<body>

<div align=“center”>

<strong>

PERGURUAN AL-AZHAR<br>

BANDAR LAMPUNG<br>

<em>TK-SD-SMP-SMA<em>

</strong>

</div>

<hr size =”10” noshade>

<marquee>

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

</marquee>

<hr size =”10” noshade>

<marquee direction="right">Selamat Datang di Website Alazhar Lampung</marquee direction>

</body>

</html>

Untuk hasil nya seperti gambar di bawah ini:


Berikut adalah contoh penulisan kode html untuk membuat animasi teks berjalan dengan menggunakan atribut behavior :

<html>

<head>

<title> Al – Alazhar 1 </title>

</head>

<body>

<hr size="1" noshade>

<marquee behavior="alternate">

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

</marquee>

</body>

</html>


Untuk hasil nya seperti gambar di bawah ini:


Bagaimana apakah anak sholih sholihah sudah paham cara membuat animasi teks berjalan pada halaman web???

Nah untuk selanjutnya silahkan anak sholih sholihah mempraktekkan cara membuat animasi teks berjalan pada halaman web dengan menggunakan notepad ya.

Good Luck Sholih Sholihah :)

Baik hanya itu saja yang dapat miss sampaikan pada pertemuan hari ini. Sampai bertemu lagi dipertemuan berikutnya:). Baik miss tutup pertemuan hari ini, terimakasih atas perhatiannya dan mohon maaf apabila dalam penyampaian materi terdapat kesalahan. Miss ucapakan


Wassalamualaikum wr wb

Komentar

Postingan populer dari blog ini

Ringkasan Materi Kelas 3 (SD Al Azhar 1 Bandar Lampung)

Ringkasan Materi Kelas 3

Materi kelas 3A & 3B Pertemuan ke 11