LAPORAN PRAKTIKUM

Desain & Pemograman WEB

DISUSUN OLEH :
Nama : MUHAMMAD NOFRIZAL
NIM : 1757301035
Kelas : TI 2.3
Jurusa/Prodi : TIK/Teknik Informatika
Dosen Pembimbing : Amirullah S.ST. , M.kom
NIP : 19890828 201803 1 001

DEPARTEMEN PENDIDIKAN NASIONAL

POLITEKNIK NEGERI LHOKSEUMAWE
TAHUN AJARAN 2018/2019
 LEMBAR PENGESAHAN

No Percobaan : 02/DPW/TI/2018
Judul Percobaan : Manipulasi Gambar Pada Web
Nama Praktikan : MUHAMMAD NOFRIZAL
Tanggal Praktikum : 19 SEPTEMBER 2018
Tanggal Penyerahan : 24 SEPTEMBER 2018
Nilai :

Buketrata,24 September 2018

Pembimbing

Amirullah S.ST , M.kom

Nip. 19890828 201803 1 001
 BAB I
Pendahuluan

1.1 Tujuan
a. Memahami tentang manipulasi gambar pada HTML
b. Memahami tag- tag manipulasi gambar pada HTML

1.2 Dasar Teori

1.2.1 Pengertian manipulasi gambar di web
Gambar di dalam suatu web page merupakan daya penarik bagi
pengunjung suatu web site. Umumnya web site dilengkapi dengan gambar-
gambar untuk membuat orang tertarik untuk melihat dan membaca isi yang
ada di suatu web site
 BAB II
Percobaan dan Analisa

2.1 Hasil Percobaan

 Image Internal dan Eksternal
File : image1.html

Hasil:

 Alignment Image
File : imagealign.html

Hasil:
 Floating Image
 File : floatingimage.html

Hasil:

 Image Adjustment
File : adjustmentimage.html
 Hasil:

 Alternatif Image
File : alternatifimage.html
 Hasil:

 Image sebagai link

File : imagelink.html

Hasil:

Jika kita klik pada logo nya maka akan muncul adalah
 Image Map
File : imagemap.html

File : atap.html

File : dinding.html
Hasil:

Jika kita klik di area persegi seperti gambar diatas maka akan muncul
gambar seperti dibawah

Jika kita klik di area lingkaran seperti gambar diatas maka akan muncul
gambar seperti dibawah
2.2 Analisa program
Dari program diatas dapat dilihat bahwa program diatas dapat kita
simpulkan bahwa gambar yang di gunakan pada halaman web bukan hanya
mempercantik tampilan web saja tapi memudahkan para pengguna
memmudah kan untuk mengakses ke web lain contohnya seperti percobaan
Image link di atas kita dapat menuju web lain hanya dengan mengklik sebuah
icon atau gambar tag nya adalah <img src="background.png" width="111"
height="87">dan untuk gambar atau icon agar bisa membuka link maka kita
tambahkan tag <a href=”http://ti.pnl.ac.id/”> di depan tag<img>dan dia
akhiri dengan</a> dan untuk mengatur lebarnya kita menggunakan
width="…" untuk lebar gambar dan height="…." untuk panjang gambar. tag
<map></map> pada web fungsinya hampir sama dengan image link tetapi
image map mempunyai batas karena dalam sebuah gambar bisa saja terdapat
lebih dari web page contoh batasannya dapat berupa sebuah lingkaran contoh
elemennya shape="circle" dan untuk letak sebuah link atau batasan contoh
elemennya coords="45,65,15".
 BAB III
PENUTUP

3.1 Kesimpulan:
Memanipulasi gambar di web adalah bertujuan untuk
mempercantik dan membuat pengguna atau pengunjung dalam sebuah
web tertarik dan dapat memudahkan pengguna web seperti di google
kita tinggal menekan icon google secara otomatis kita langsung
kembali ke halaman awal dan dalam memilih akun gmail tanpa perlu
membuka web gmail dan masih bayak lagi keuntungan dalam
memanipulasi gambar.
 DAFTAR PUSTAKA

https://tiyatamrin.wordpress.com/2017/12/15/membuat-manipulasi-

gambar-pada-web/

https://anzdoc.com/bab-6-manipulasi-gambar-pada-web.html