Bagi
para pemula untuk membuat web yang bagus mungkin terasa sangat sulit. Namun
apabila kita serius dalam belajar dan terus berlatih saya yakin semua itu akan
terasa mudah. Apalagi saat ini telah ada berbagai software
yang mempermudah
kita dalam membuat web. salah satunya adalah Adobe Dreamweaver.
Untuk pertemuan pertama yang dibahas
adalah tentang background color, paragraph, dan berbagai macam marquee
1.
Untuk background color bias menggunakan
script <body bgcolor=”red”>
Warna
tersebut bias diisi sesuai dengan keinginan kita menggunakan kode warna ataupun
nama tersebut dalam bahasa inggris
2.
Untuk membuat paragraph
bias menggunakan tag <p> tulisan yang akan dimasukkan>
Untuk
menulis text bias juga menggunakan tag <h1> sampai <h6> yang ukuran
fontnya akan semakin kecil
3.
Kode dasar untuk
membuat marquee atau teks berjalan adalah
<marquee>(TULISAN YANG
AKAN BERGERAK)</marquee>
Tapi selain kode di
atas ada beberapa tambahan kode yang bisa anda berikan untuk membuat variasi
dari marquee. Berikut ini adalah contoh script dari berbagai variasi marquee :
1)
kode scrolldelay="angka"
digunakan untuk mengatur jeda dalam milidetik, jadi untuk jeda 1 detik masukkan
nilai 1000
Contoh kode marquee:
<marquee
scrolldelay="500">RUNNING TEKS DELAY 0,5
DETIK</marquee>
2)
kode loop="angka|-1|infinite"
digunakan untuk mengatur pengulangan atau repetisi dari marquee
Contoh:
<marquee
loop="3">MARQUEE BEROTASI 3 KALI SAJA</marquee>
Keterangan: Setelah 3
kali teks akan hilang.
3)
kode width="lebar"
digunakan untuk mengatur lebar media teks berjalan, bisa dalam satuan pixel
atau persen dari bidang yang ada
Contoh kode:
Contoh kode:
<marquee
width="50%">MARQUEE LEBAR 50 PERSEN</marquee>
4)
kode bgcolor="warna"
digunakan untuk memberikan warna latar pada marquee jika diperlukan
Contoh kode marquee:
Contoh kode marquee:
<marquee bgcolor="yellow">RUNNING
TEXT LATAR KUNING</marquee>
5)
kode title="pesan"
digunakan untuk memunculkan pesan jika kursor mouse diletakkan di jalur teks
berjalan
Contoh kode:
Contoh kode:
<marquee title="BISA TERBACA
PESANNYA">TEKS BERJALAN DENGAN PESAN</marquee>
Keterangan: Taruh kursor mouse pada jalur dan bukan pada
teks untuk membaca pesan
6)
kode scrollamount="angka"
digunakan untuk mengatur kecepatan pergerakan tulisan semakin besar angkanya
semakin kencang
Contoh kode:
Contoh kode:
<marquee
scrollamount="14">MARQUEE SPEED 14!!!</marquee>
7)
kode direction="left/right/up/down"
digunakan untuk mengatur arah pergerakan running text
Contoh kode:
Contoh kode:
<marquee
direction="right">MARQUEE BERGERAK KE KANAN</marquee>
8)
kode behavior="scroll/slide/alternate"
digunakan untuk mengatur type pergerakan
Scroll jika ingin teks bergerak terus ke suatu sisi dan muncul dari sisi lain
Slide jika ingin teks bergerak sekali kemudian berhenti dan diulangi lagi
Alternate jika ingin teks terlihat memantul/bouncing dari ujung kembali ke ujung.
Contoh kode:
Scroll jika ingin teks bergerak terus ke suatu sisi dan muncul dari sisi lain
Slide jika ingin teks bergerak sekali kemudian berhenti dan diulangi lagi
Alternate jika ingin teks terlihat memantul/bouncing dari ujung kembali ke ujung.
Contoh kode:
<marquee
behavior="alternate">MARQUEE BERGERAK
BOLAK-BALIK</marquee>
9)
Sekarang kita akan
coba membuat variasi dari kode di atas. Kita akan membuat teks ini bergerak
turun dan oleh karena itu kita perlu menambah kode height untuk membuat
ruang pergerakan teks;
Contoh kode:
Contoh kode:
<marquee
direction="down" height="100">MARQUEE BERGERAK KE
BAWAH</marquee>
Cara membuat tulisan berhenti jika dilintasi kursor mouse
Tambahkan kode
onmouseover="this.stop()"
onmouseout="this.start()"
Contoh kodenya seperti berikut:
<marquee
behavior="alternate" onmouseover="this.stop()"
onmouseout="this.start()">MARQUEE BERGERAK
BOLAK-BALIK</marquee>
Keterangan: Silahkan lintaskan kursor
pada jalur ataupun teks untuk menghentikan pergerakan
No comments:
Post a Comment