PC Guru – Share Our Knowledge Computer

Posts Tagged ‘tutorial html’

Apa sih yang dimaksud dengan “Rollover Images” ? Rollover Images adalah dimana gambar akan berubah kebentuk lain jika mouse diarahkan keatas gambar tersebut. Sehingga akan membuat tampilan gambar menjadi makin menarik.

Untuk membuat Rollover Image kita perlu menyiapkan 2 gambar yang berbeda dengan ukuran yang sama. Sebagai contoh saya telah menyiapkan gambar yang akan digunakan untuk belajar.

Silahkan Klik kanan pada gambar, kemudian pilih Save Image As jika menggunakan Firefox. Atau anda juga boleh menyiapkan sendiri file gambar. Nantinya gambar pertama akan kita gunakan untuk gambar sebelum dirollover. Sedangkan gambar kedua adalah gambar yang menjadi rollovernya.

Read the rest of this entry »

Tag Images <img> digunakan untuk menampilkan image atau gambar pada halaman web. Jenis image yang bisa dimasukkan kedalam tag ini harus memiliki jenis .jpg, .png dan .gif. Untuk pemilihan jenis file sudah dibahas pada artikel sebelumnya, yaitu Tutorial HTML : Memilih Format Gambar untuk Website dan Blog. Sebagai contoh dalam artikel ini saya menggunakan gambar berformat PNG.

Untuk memasukkan gambar kita perlu menuliskan tag seperti dibawah ini :

<img src="gambar.png" />

Atau

<img src="http://www.okihelfiska.net/gambar.png" />

<img..> adalah tag utama untuk memasukkan gambar. Sedangkan src=”….” untuk menentukan lokasi dari file gambar. Pada contoh pertama lokasi gambar berada sama dengan lokasi file html anda. Sedangkan contoh kedua, kita merujuk file dari lokasi lain.

Read the rest of this entry »

Mungkin tidak semuanya tentang format file apa saja yang bisa digunakan untuk sebuah website atau blog. Bagi kebanyakan orang lebih tau format BMP dan JPG saja. Sebenarnya masih ada lagi format lain yang bisa digunakan. Jenis image yang bisa digunakan harus memiliki jenis file .jpg, .gif, png, dan .bmp.

Dari pilihan jenis file yang ada, format yang paling lazim digunakan oleh web designer adalah file dengan format .jpg, .png dan .gif.

Kenapa hanya 3 file sersebut yang sering digunakan ? Yang bmp kenapa diabaikan ? Kan sama-sama format gambar? Ayooooooooo sapa yang bisa bantuin jawab, he…3x. Faktor yang paling penting dalam pemilihan format karena besarnya file yang akan diloading oleh sebuah web. Semakin besar file, maka akan semakin lambat pula gambar ditampilkan. Sungguh kurang menarik sebuah situs tanpa gambarkan?

Read the rest of this entry »