Materi Kelas 6A Pertemuan ke 13

 (TEKNOLOGI INFORMASI DAN KOMUNIKASI)

Hari & Tanggal      : Kamis, 31 Oktober 2024

Kelas                     : 6A (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

Posting Komentar

Postingan populer dari blog ini

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

    (TEKNOLOGI INFORMASI DAN KOMUNIKASI) Hari & Tanggal          : Senin, 27 Mei 2024 Kelas                           : 3 (SD Al-Azhar 1 Bandar Lampung) Mata Pelajaran        : TIK / Komputer ِبِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيْم 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... Baiklah anak soleh dan solehah berikut adalah rangkuman materi di semester 2, yang bisa dipelajari untuk persiapan mengerjakan soal Penilaian Akhir Semester Genap. Ikon  adalah  gambar kecil yang mempunyai arti atau fungsi tertentu Ikon-ikon yang ada dalam menu File 1. Save  = Perintah yang digunakan untuk menyimpan dokumen.   2. Save  As  = Perintah yang digunakan untuk menyimpan  kembali  dokumen  dengan nama berbeda.   3. Open  = Perintah yang digunakan untuk membuka dokumen Ms.Word yang sudah disimpan sebelumnya.   4.  Close   = Perintah
Baca selengkapnya

Ringkasan Materi Kelas 3

Gambar
  (TEKNOLOGI INFORMASI DAN KOMUNIKASI) Hari & Tanggal          : Kamis, 21 Maret 2024 Kelas                           : 3A, 3B & 3C (SD Al-Azhar Bandar Lampung) Tema                           : Menggunakan Program Pengolah Kata Mata Pelajaran        : TIK / Komputer Pembelajaran           : Ringkasan Materi ِبِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيْم Bismillahirrahmanirrahim Assalamualaikum wr. wb Ikon-ikon yang ada dalam menu File 1. Save = Perintah yang digunakan untuk menyimpan dokumen. 2. Save As = Perintah yang digunakan untuk menyimpan kembali dokumen dengan nama berbeda. 3. Open = Perintah yang digunakan untuk membuka dokumen Ms.Word yang sudah disimpan sebelumnya. 4. Close = Perintah yang digunakan untuk menutup dokumen Ms.Word. 5. New = Perintah yang digunakan untuk membuat dokumen baru Ms.Word. 6. Print = Perintah yang digunakan untuk mencetak dokumen. Menggunakan Ikon New dan Save 1.      New = Perintah yang digunakan untuk membuat dokumen baru Ms.Word. Langkah-langkah a.
Baca selengkapnya

Materi kelas 3A & 3B Pertemuan ke 11

Gambar
  (TEKNOLOGI INFORMASI DAN KOMUNIKASI) Hari & Tanggal          : Senin , 13 Mei 2024 Kelas                           : 3A & 3B (SD Al-Azhar 1 Bandar Lampung) Tema                           : Menggunakan Program Pengolah Kata Sub Tema                  : Menggunakan Ikon Page Borders pada Program Microsoft Office Word Mata Pelajaran        : TIK / Komputer Pembelajaran           : Ke 11 ِبِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيْم 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 dapat menunjukkan Ikon Page Borders pada Program Microsoft Office Word Siswa dapat menggunakan Ikon Page Borders pada Program Microsoft Office Word Pada pertemuan minggu lalu kita sudah belajar menggunakan Ikon Shapes pada program Microsoft Office Word, nah dipertemuan kali ini kita akan belajar menggunakan Ikon Page B
Baca selengkapnya