Cara Mengganti Background Foto dengan Photoshop
PANDUAN RINGKAS HTML
Judul
Asli: THE BARE BONES GUIDE TO HTML
oleh Kevin Werbach
Versi 3.0 Formatted -- July 21, 1996
Alih bahasa Indonesia oleh Kristianto Jahja
Versi Bahasa Indonesia -- 23 Desember 1996
Versi terakhir dokumen ini terdapat di <http://werbach.com/barebones/>. oleh Kevin Werbach
Versi 3.0 Formatted -- July 21, 1996
Alih bahasa Indonesia oleh Kristianto Jahja
Versi Bahasa Indonesia -- 23 Desember 1996
Panduan ini memuat semua tag yang dikenali oleh hampir semua browser terkemuka versi terkini. Saya telah memuatkan semua Tag yang terdapat pada Spesifikasi HTML 3.2, demikian juga dengan tag perluasan Netscape yang terdapat pada Netscape Navigator sampai dengan versi 3.0b5. Panduan ini dirancang seringkas mungkin; namun bila dikehendaki informasi rinci lebih lanjut tentang HTML anda dapat mencarinya di WWW Help Page yang saya susun. Segenap saran dan komentar anda akan disambut dengan senang hati.
- PENDAHULUAN dan PERKENALAN
- Keunikan dari panduan ini
- Tag HTML apa saja yang tercakup
- Bagimana dokumen ini diformat (termasuk uraian tentang simbol dan singkatan)
- TAG HTML
- Elemen Dasar (semua dokumen HTML harus memuatnya)
- Ancangan Struktural (tampilan terkendali oleh pilihan browser)
- Format tampilan (penulis menetapkan tampilan naskah)
- Acuan (links) dan grafik
- Pemisah (dividers)
- Daftar (lists)
- Latar belakang dan warna
- Huruf spesial
- Formulir (forms)
- Table (tables)
- Frame
- Java
- Lain-lain
Tips HTML-Javascript: Membuat Animasi Teks Berjalan dan Berkedip di Status Bar
Status bar merupakan panel khusus di bagian paling bawah browser, berfungsi menampilkan informasi tentang browser, misalnya saat sedang membuka halaman sebuah website, di status bar tertulis 'Loading......'. Atau juga saat pointer mouse berada di atas sebuah link, maka di status bar tertulis alamat URL dari link tersebut. Tapi saya yakin anda juga pernah melihat sebuah website yang status bar-nya menampilkan teks animasi seperti teks berjalan atau berkedip. Nah, kali ini kita akan membuat animasi tersebut dengan menggunakan javascript.
Animasi Teks Berjalan di Status Bar --> Model 1
Untuk bisa membuatnya, tentunya kita harus sudah mengenal lebih jauh tentang javascript dan DHTML (dynamic HTML). Namun di sini, biar lebih mudah, kita langsung membuat listing kodenya, anda tinggal mengubah beberapa teks seperlunya saja, lalu tinggal mencopy-nya ke website anda bila ingin menggunakannya.
Pada listing kode di atas, ubahlah nilai
variabel pesan_berjalan pada teks berwarna merah. Adapun angka 200
menunjukkan interval pergerakan teks dalam satuan milidetik (1 detik = 1000
milidetik). Anda juga bisa mengubahnya sesuai keinginan. Tempatkan listing kode
di atas di antara tag <head> dan </head>.
Lalu rubahlah tag <body ...> anda dengan berikut ini:
Animasi Teks Berjalan di
Status Bar --> Model 2
Pada model 2 ini, mirip dgn yang pertama di atas, hanya saja ada sedikit kombinasi, yaitu gabungan teks berjalan dan yang tidak berjalan (tetap). Kodenya seperti berikut: (tempatkan di antara tag <head> dan </head>)
Pada model 2 ini, mirip dgn yang pertama di atas, hanya saja ada sedikit kombinasi, yaitu gabungan teks berjalan dan yang tidak berjalan (tetap). Kodenya seperti berikut: (tempatkan di antara tag <head> dan </head>)
Pada listing kode di atas, ubahlah nilai variabel pesan_berjalan dan pesan_tetap pada teks berwarna merah sesuai dengan yang anda inginkan. Lalu rubahlah tag <body ...> anda dengan berikut ini:
<body
onload="setTimeout('animasi_teks_berjalan_status_bar_model2()', 200)">
|
Animasi Teks Berkedip di Status Bar --> Model 1
Kalau di atas kita membuat teks berjalan, sekarang kita akan membuat teks berkedip. Berikut ini kodenya:
Silahkan mengubah nilai variabel pesan_berjalan pada teks berwarna merah. Tempatkan listing kode di atas
di antara tag <head> dan </head>. Lalu rubahlah tag <body ...> anda dengan berikut ini:
<body
onload="setTimeout('animasi_teks_berkedip_status_bar_model1()', 200)">
|
Animasi Teks Berkedip di Status Bar --> Model 2
Pada model 2 ini kita pakai kombinasi seperti di atas, yaitu gabungan teks berkedip dan yang tidak berkedip (tetap). Kodenya seperti berikut: (tempatkan di antara tag <head> dan </head>)
Pada listing kode di atas, ubahlah nilai variabel pesan_berjalan dan pesan_tetap
pada teks berwarna merah sesuai dengan yang anda inginkan. Lalu rubahlah tag
<body ...> anda dengan berikut ini:
Tidak ada komentar:
Posting Komentar