Format tampilan gambar dengan map pemrograman web

Format tampilan gambar dengan map pemrograman web

FORMAT TAMPILAN GAMBAR DENGAN MAP
Materi
Format gambar yang sering ditambahkan dalam dokumen HTML, diantaranya adalah :
1. GIF ( Graphocs Interface Format )
2. JPEG ( Join Photographic Expert Group )
3. PNG ( Portable Network Graphocs )
Dan ada juga yang jarang ditambahkan dalam dokumen HTML, diantaranya adalah :
1. BMP
2. PNM
3. PMM
4. JPF
5. JPS
6. TIFF
7. ICO
Untuk JPG dan JPEG resolusinya biasanya tinggi
Kegunaan memasukan gambar ke web :
 
1. Suatu web akan terlihat kaku,terkesan formal bila tidak disertai dengan gambar
2. Cara untuk memasukan gambar ke dalam suatu halaman web yaitu <img>. Tag ini merupakan tag tertinggi. Atribut penting dari tag <img> adalah SRC (Source/Sumber) yang berisi file gambar yang akan ditampilkan ke halaman web tersebut .
Memperkecil dan memperbesar ukuran gambar
 Untuk memperkecil dan memperbesar ukuran gambar perlu mengisi atribut HEIGHT yang berfungsi untuk menentukan tinggi gambar dan width untuk mementukan lebar gambar .
Memberi keterangan pada gambar
 Untuk memberi keterangan pada gambar kita juga dapat menggunakan atribut TITLE maupun ALT pada tag <img> .
Atribut tag <img> yang sering digunakan diantaranya src, align, width, height, alt dan penulisan skrip secara umum adalah sebagai berikut :
<IMG SRC = ”directori gambar / nama gambar” atribute=”nilai atribut”>
Untuk membuat image map, harus ditambahkan atribut USEMAP pada tag image, contohnya adalah sebagai berikut :
<IMG SRC = ”directori gambar / nama gambar” usemap="#planetmap">
Format penulisan gambar map
Penulisan skript secara umum adalah sebagai berikut :
<map name =”nama map”>
<area shape = ”type” coords=”value” href=”link”>
</map>
Keterangan:
Nama map nama dari map yang nantinya akan dipanggil oleh <image usemap>
Area shape jenis shape yang digunakan untuk menggambarkan area dari gambar map.



Contoh codingan menggunakan notepad ++





Dan hasilnya adalah




Komentar

Posting Komentar

Postingan populer dari blog ini

format tampilan video

Gambar
Untuk menampilkan video pada halaman web dapat ditangani secara langsung oleh HTML5. Tag yang digunakan untuk menampilkan video adalah <video> </video>. Namun tidak semua format videonya dapat ditampilkan di web. Sementara ini, hanya beberapa format video yang bisa diproses, di antaranya adalah WebM ,OGG , MP4. Berikut daftar ke kompabilitasan dari masing-masing browser terhadap file video. Dari tabel di atas dapat dilihat bahwa bila saat meletakan file mp4 di web yang kita buat, akan ada beberapa orang yang tidak bisa memutar hasil embed mp4 di web yan telah kita buat tersebut. Hal tersebut bisa jadi disebabkan browser yang digunakan tidak support pada file berekstensi mp4. Bila anda hendak menampilkan video pada halaman web sedangkan file video yang anda miliki berformat seperti *.avi, maka video dengan format *.avi tersebut harus dikonversi terlebih ke format yang didukung oleh HTML5 dengan menggunakan program gratis atau melalui layanan situs we...
Baca selengkapnya

PEMBUATAN KOMBINASI LIST MINIMAL

Gambar
1) Pengertian List List adalah bagian teks di dalam dokumen yang berisi daftar item dari suatu kelompok atau grup tertentu. Sebagai contoh, dalam situs web yang bertema kuliner, list dapat berupa daftar dari makanan dan minuman, beserta harganya. List dapat juga berupa prosedur (urutan langkah-langkah) dari suatu pekerjaan tertentu, yang sifatnya harus dilakukan secara berurutan dari langkah pertama sampai langkah terakhir. Contoh List : 2) Tipe Daftar dalam Dokumen HTML     Dalam dokumen HTML, tipe daftar dibedakan menjadi tiga, yaitu : Daftar berurutan (ordered list) Daftar tidak berututan (unordered list) Daftar definisi (definition list) 3) Daftar Berurutan (Ordered List) Daftar yang berurutan biasanya ditandai dengan penggunaan penomoran tertentu. Penomoran ini bias menggunakan angka (1, 2, 3,…) maupun karakter alphabet terntentu (a, b, c,… atau i, ii, iii,…). Daftar yang berurutan umumnya dipakai untuk item-item yang saling berhubung...
Baca selengkapnya

anatomi cara kerja

Gambar
Form merupakan salah satu bentuk halaman web yang digunakan untuk menerima masukan dari pengguna, untuk selanjutnya masukan dari pengguna tersebut diolah menggunakan bahasa pemrograman web, baik secara server side scripting(misalkan PHP, JSP) ataupun client-side scripting (javascript). Form dapat digunakan untuk berbagai keperluan seperti keperluan login, transaksi penjualan, mengumpulkan informasi atau meminta umpan balik dari pengguna, menawarkan barang/jasa secara on-line dan sebagainya. Form sangat sering kita jumpai dalam satu aplikasi sistem informasi berbasis web. Standard atau format umum penulisan dari form adalah sebagai berikut : <Form metode=”post/get” action=”….”> …… …… …… </form> Berikut ini adalah beberapa variasi yang dapat diterapkan pada atribut<form> : <FORM ACTION=action base> form tags </FORM> <FORM METHOD=method> form tags </FORM> <FORM ENCTYPE=media type> form tags </FORM> <FORM ACTI...
Baca selengkapnya