Image. Image atau gambar • Fungsinya untuk menambah daya tarik dari sebuah halaman web. • Dengan penambahan gambar maka akan mengakibatkan semakin bertambah.

Presentasi berjudul: "Image. Image atau gambar • Fungsinya untuk menambah daya tarik dari sebuah halaman web. • Dengan penambahan gambar maka akan mengakibatkan semakin bertambah."— Transcript presentasi:

1 Image

2 Image atau gambar • Fungsinya untuk menambah daya tarik dari sebuah halaman web. • Dengan penambahan gambar maka akan mengakibatkan semakin bertambah besarnya penggunaan byte dari dokumen dari HTML, yang secara otomatis akan berakibat terhadap kinerja atau memperlambat waktu tampil dari halaman web tersebut.

3 Fungsi pengolahan gambar terdiri dari • Image alignment/ perataan teks pada gambar • Image adjustment/ ukuran gambar • Image alternate/teks gambar • Image link/link gambar • Image map/pemetaan gambar Tag HTML yang digunakan untuk menampilkan gambar : Sintak untuk gambar

4 Gambar • Format gambar yang biasa digunakan : 1. JPEG Format jpeg memiliki ukuran kompresi yang besar ( ukuran file bisa lebih kecil dari gif) tidak mendukung animasi. 2. GIF Format gif mampu menampilkan gambar animasi, ukuran file relatif kecil dengan tidak mengurangi warna.

5 Contoh pemberian gambar Gambar Hasil

6 Atribut dalam image • Atributnya : ALIGN ALT BORDER SRC • Atribut SRC digunakan untuk menetukan sumber gambar. • Atribut ALIGN digunakan untuk menentukan letak gambar. • Atribut BORDER digunakan untuk memberi tanda batas pada gambar

7 Perataan Teks pada gambar • Horisontal – Top – Middle – bottom • Vertikal – Left – Center – Right

8 P enggunaan align (TOP,Bottom,middle> Gambar Nama saya Hide Hasil

9 Penggunaan align (left,center,right) Gambar Nama saya Hide Hasil

10 Ukuran gambar • Digunakan untuk mengatur lebar dan tinggi dari sebuah gambar dalam sebuah halaman HTML • Sintaknya

11 Teks gambar • Digunakan untuk menampilkan teks pada saat cursor mouse berada diatas gambar. Sintaksnya adalah

12 Link Gambar • Digunakan untuk mengaitkan gambar dengan halaman tertentu didalam sebuah dokumen html.

13 Bermain dengan warna • Untuk memasukkan warna, html menggunakan kode heksa decimal • Heksa decimal terdiri dari 16 angka dan huruf (0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F).Satu kode Heksadesimal terdiri dari 6 angka atau huruf, contoh (6699FF [biru muda], 000000 [hitam], FFFFFF [putih]) • Biasanya diawali dengan tanda pound (#)

14 Penulisan warna dengan kata-kata

15 Entitas karakter yang sering digunakan Nama entitasNomor entitasKeterangan ©©Copyright ®®Registeres trademark ™Trademark ¡Non-breaking space &&Ampersand ««Left-pointing double angle »&187;Right-pointing double angle ""Tanda kutip <<Lebih kecil >=Lebih besar ××Tanda kali ÷÷Tanda bagi

16 Menggunakan kata © ® & « » " < > × ÷ Menggunakan angka © ® ™ ¡ & « » " < = × ÷

17