|
Pelajaran 7 Sebelum kita lanjutkan, anda harus tahu tentang
satu hal. Kalau anda memakai gambar dalam dokumen anda, ingat bahwa gambar
tersebut berisi banyak sekali data dan karenanya butuh cukup banyak waktu
untuk menampilkannya. Satu cara untuk mengurangi ukuran gambar (ukuran
yang saya maksud adalah Kb) adalah dengan memperkecil dimensinya. Mengurangi
panjang dan lebar gambar setengahnya akan menghasilkan gambar yang berukuran
hanya 1/4 ukuran aslinya. Anda dapat juga mengurangi jumlah warna yang
dipakai. Sebagai contoh:
Semua pengeditan gambar dikerjakan dengan Paint
Shop Pro.
Sudah jelas, gambar pertama lebih besar, lebih bagus dan kualitasnya lebih baik, tetapi bayangkan ini.... jika dokumen anda butuh waktu yang sangat lama untuk tampil, pengunjung anda kemungkinan besar akan berpindah halaman dan mereka tidak akan melihat apapun. Pilihan lain yang dapat digunakan jika anda menggunakan banyak gambar adalah dengan menyediakan thumbnail (gambar kecil) berisi link ke gambar yang lebih besar. Misalkan saya ingin menampilkan tiga gambar mobil dari beberapa koleksi mobil saya (I wish).
Hal pertama yang perlu anda lakukan adalah membuka image editor dan membuat versi kecil dari gambar anda, yang sekaligus juga akan membantu mengurangi jumlah warna. Hal ini sangat penting. Saya sering melihat seseorang mencoba membuat thumbnail hanya dengan mengurangi dimensinya pada tag <IMG>. Dengan ini, yang dilakukan sebenarnya adalah memasukkan gambar asli ke tempat yang lebih kecil. Yang harus anda lakukan adalah membuat copy gambar tersebut dengan ukuran yang lebih kecil dan menggunakannya sebagai link ke gambar yang lebih besar. Mari kita coba. Saya akan pakai Corvette (yang berwarna biru kalau anda tidak tahu). Copykan gambar besar dan yang kecil ke folder anda. Sekali lagi, caranya adalah dengan klik kanan & Save Image As pada window Netscape. (Kalau anda tidak menggunakan Netscape, caranya kurang lebih sama.) Mulailah dengan tag <IMG>.
<BODY> <IMG SRC="car1-sm.gif" WIDTH=90 HEIGHT=62> </BODY>
Tambahkan tag <A>. <BODY> <A><IMG SRC="car1-sm.gif" WIDTH=90 HEIGHT=62></A> </BODY>
Kemudian tambahkan URL gambar besar dan selesailah sudah! <BODY> <A HREF="car1.jpg"><IMG SRC="car1-sm.gif" WIDTH=90 HEIGHT=62></A> </BODY>
Kalau anda mau, anda bisa hilangkan garis biru di sekeliling gambar. Atau anda biarkan saja supaya orang tahu bahwa gambar tersebut adalah sebuah link. Terserah anda. <BODY> <A HREF="car1.jpg"><IMG SRC="car1-sm.gif" WIDTH=90 HEIGHT=62 BORDER=0></A> </BODY>
Cara lain menggunakan link adalah tidak saja menunjuk ke suatu halaman, tetapi ke bagian tertentu halaman tersebut. Klik di sini untuk menampilkan kembali bagian di mana kita pertama kali bicara tentang URL. Saya akan coba jelaskan cara membuatnya. Pertama-tama tentukan tempat tujuan link tersebut. Pilih satu kata dan tambahkan pasangan tag <A>.
<A>Tambahkan</A> URL-nya dan selesailah sudah! Kemudian beri nama (NAME)untuk tempat tersebut. <A NAME="upabit">Tambahkan</A> URL-nya dan selesailah sudah! Yang baru saja anda lakukan adalah menandai tempat tadi. Sekarang tempat tersebut bisa dijadikan tujuan link. Mulai menuliskan link. Klik <A>di sini</A> untuk menampilkan kembali bagian.... Tambahkan file yang dijadikan tujuan.... Klik <A HREF="web6.html">di sini</A> untuk menampilkan kembali bagian... Dan terakhir, tambahkan anchor NAME yang menunjuk ke bagian tertentu tadi.... Klik <A HREF="web6.html#upabit">di sini</A> untuk menampilkan kembali bagian.... Begitulah! Tidak sesulit yang anda bayangkan, bukan??
Belajar Sulap Bonus Cewek Seksi..! Bagaimana bisa? Tanya saja >>> webmaster
| ||||||||||||||||||||||||||||||||||
|
|
