Rabu, 08 Juni 2011

Video
Text

CSS HTML No.1: Belajar Html - Membuat Resizable Button dengan css dan images

Selamat berjumpa kembali di MediaTutorial. Dalam pertemuan kali ini kita akan mempelajari HTML dan CSS untuk membuat sebuah Resizable Button menggunakan Images.
Sebagai demo source code anda dapat mendownloadnya di sini: https://docs.google.com/file/d/0B6_ki5nuY_ysTzE2VkJ2UUpFWHc/edit?usp=sharing
Dalam tutorial kali ini kita memerlukan Adobe Photoshop ( Untuk Editor Images), Css/Html editor (Di sini saya menggunakan Komodo Edit), Firebug.
Yang akan kita pelajari dalam tutorial ini adalah:
1. Membuat button yang elegan
2. Css untuk background
3. Css untuk Mouse Event (Clik, Over, Out)
4. Firebug untuk inspect element
5. Membuat images untuk button (Perlu diperhatikan perhitungan width dan height



ANDA DAPAT MELIHAT VIDEO TUTORIALNYA DI SINI:


Anda juga dapat mendownload video diatas dengan menggunakan IDM (Internet Download Manager) yang telah terinstall di komputer anda.

Please share bila tutorial ini cukup berbobot untuk anda!

MediaTutorial mengedepankan tutorial yang berkualitas. Semua penjelasan dipaparkan sedetail mungkin.
Please, bila tutorial ini membantu anda dan cukup berkualitas bagi anda mohon untuk share pada button sharing berikut ini.

Writen by: Okie Eko Wardoyo

Comments