Pernah melihat teks berjalan pada halaman Web? Ingin tahu bagaimana cara
membuatnya? Jika ingin tahu, penulis akan memberi tahu bagaimana cara
membuatnya. Namun sebelumnya penulis ingin menjelaskan beberapa hal yang berhubungan dengan bahasa
pemrograman web. Website dibangun oleh beberapa bahasa pemrograman diantaranya
HTML, CSS, PHP, Javascrit, ASP, VB
dan bahasa program lainnya. Bahasa pemrograman tersebut bisa dipelajari di
lembaga Kursus Komputer atau lembaga
IT Training Center. Computer First juga membuka kursus bahasa pemrograman tersebut. setelah lulus
bisa menjadi seorang Web Programmer.
Untuk membuat Animasi Teks pada halaman web dapat buat dengan HTML. Caranya sangat mudah, kita hanya membutuhkan tag html, teks yang akan dianimasi dan tag <marquee></marquee> beserta atribut dan nilainya yang dibutuhkan untuk menjalankan teks. Adapun skrip htmlnya adalah :
<html>
<head>
<title>Animasi
Teks</title>
</head>
<body>
<h1><marquee behavior="alternate">Computer First</marquee></h1>
</body>
</html>
Keterangan :
- Tag <html></html> adalah tag pembuka dan penutup dari dokumen html yang dibuat
- Tag <head></head> adalah elemen tag html yang merupakan bagian kepala dari dokumen html
- Tag <title></title> adalah elemen dari tag <head> yang berfungsi untuk memberi informasi judul dokumen yang dibuat
- Teks "Animasi Teks" pada tag <title></title> adalah judul dokumen html nya
- Tag <h1></h1> menyatakan jenis teks yang digunakan yaitu heading1
- Tag <marquee></marquee> adalah tag untuk menganimasi teks
Atribut behavior adalah atribut untuk menentukan arah teks berjalan. Alternate adalah nilai dari atribut behavior, dimana dengan nilai
alternate, maka teks akan bergerak bolak-balik dari kiri ke kanan dan juga sebaliknya. Warna teks yang
dihasilkan adalah hitam sebagai warna defaultnya.
Jika kita ingin memberi warna lain selain warna hitam, kita bisa menambahkan tag <span></span> diantara teks yang akan kita animasi. Kemudian kita memberi atribut color pada tag <span>, dan memberi nilai red sebagai warna yang kita berikan.
Setelah selesai dibuat simpan di localhost komputer, kemudian jalankan pada web browser (internet explore, firefox, google chrome dll). Demikianlah artikel ini penulis buat, semoga bermanfaat bagi para pengunjung blog Computer First. Jangan lupa beri komentarnya ya……
Jika kita ingin memberi warna lain selain warna hitam, kita bisa menambahkan tag <span></span> diantara teks yang akan kita animasi. Kemudian kita memberi atribut color pada tag <span>, dan memberi nilai red sebagai warna yang kita berikan.
Setelah selesai dibuat simpan di localhost komputer, kemudian jalankan pada web browser (internet explore, firefox, google chrome dll). Demikianlah artikel ini penulis buat, semoga bermanfaat bagi para pengunjung blog Computer First. Jangan lupa beri komentarnya ya……
Tidak ada komentar
Posting Komentar