CSS HTML No.1: 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: http://www.4shared.com/file/-xiJfzfi/MEDIATUTORIAL-Resizable_Button.html

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.

0 Responses to “CSS HTML No.1: Membuat Resizable Button dengan css dan images”



  1. Leave a Comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s





%d bloggers like this: