Bismillahirrahmanirrahim....


Hello kawan...

Lama juga ya... ga nulis postingan baru lagi, sorry rada sibuk beberapa minggu ini.
Klu udah capek...
otak juga udah hang... so inspirasi buat nulis belum merasuki diriku ini...

hhhmmm.... bikin postingan tentang tutorial saja dulu ya... 
untuk kategori-kategori yang lain (religi, tips, and motivasi) di pending dulu belum ada ide  yang mengilhami daku nih... 

OK.. kawan.... 
Kali ini saya akan bahas tentang gimana caranya membuat hotspot link pada gambar. 
Btw, apa sih  hotspot link??? 
Hotspot link adalah sebuah teknik untuk membagi suatu gambar sehingga memiliki beberapa link.

Penasaran !!!! ayo  praktekkan saja langkah-langkah berikut ini :


Step 1 
Di dreamweaver buka dokumen HTML baru dengan mode design view. Lalu sisipkan gambar melalui menu Insert lalu pilih Image.

Step 2
Klik gambar yang baru saja kamu tampilkan sehingga muncul border disekitar halaman gambar tersebut.


Step 3
dibagian Property Inspector, klik tombol Rectangular Hotspot Tool 

Step 4
Arahkan penunjuk mouse yang berbentuk + ke area gambar yang ingin di buat link. Kemudian klik dan drag sehingga membentuk bidang segiempat hotspot. Contohnya seperti gambar dibawah ini :


Step 5
Dengan bidang hotspot yang sudah terseleksi. Pada bagian Image Property Inspector, klik gambar folder disebelah kanan kotak isian link untuk menentukan file yang ingin di link.

Nah, untuk membuat bidang hotspot yang lain di gambar tersebut, ulangi step 3,4, dan 5.

Yuhuuu.... selamat mencoba kawan !!!! 

Bismillahirrahmanirrahim.....

• Untuk membuat background. sama halnya seperti artikel lalu lakukan pengeditan pada Page Propertiesnya.
• Untuk menambahkan garis bawah pada text, seperti pada tulisan www.nunu.com. Blok tulisan, klik kanan pada tulisan tersebut pilih Style lalu pilih Underline
• Untuk memberi garis horizontal sebagai pemisah antar bagian, caranya adalah pada bagian Insert bar di tab common pilih tool Horizontal Rule
• Untuk mengubah warna tulisan dan jenis huruf, dan ukuran huruf, lakukan pengeditan pada Property Inspector (dibagian bawah lembar kerja)     
• Untuk menyisipkan gambar pada menu Common Insert Bar klik tombol Images
• Kedua dokumen/design web tersebut disimpan kedalam file yang berbeda. Misalnya untuk design pertama disimpan dengan nama file home.htm dan design kedua dengan nama file tutorial.htm
  

 Bismillahirrahmanirrahim...


Kali ini saya ingin buat postingan tentang tutorial. Menuruti saran teman saya, biar blog saya ramai dikunjungi mending buat tutorial saja yang berhubungan dengan komputer, pemprograman, dan internet dengan bahasa saya sendiri (bukan hasil copas loh). Ya.. dia benar juga sih. Tapi terus terang saya kurang PeDe untuk membuat postingan tentang tutorial, ilmu juga masih kurang, belum Expert/mahir. Waduh... saya takut salah dan ditertawakan sama yang lebih ahli.