[code7]

5. Navigasi button yg tersusun & elakkan typing error
Masa design web pastikan konsep navigation button anda telah disusunkemas mengikut keperluan page... Contoh konsep navigation button ada 3 jenis bagi saya yg boleh diikuti...

a. Link text biasa : Mcm di Komuniti SoftHands http://community.softhands.com.my menu nya link text di atas header dan kiri
b. Link image : Mcm di PIDS 2003 - 2004 ada navigation button image.
c. hierarchy menu : Mcm di YPEIM ada turunan link button guna dhtml

Konsep navigation button ni penting sekiranya anda ada byk link page yg perlu dicombine dalam satu website.. Buat ia jelas dan tak mengelirukan. Kemudian elakkan typing error krn ia akan menyusahkan user....

6. Kurangkan guna FRAME gantikan dgn IFRAME
Seeloknya kita guna page biasa dan elakkan guna frame. Ini kerana frame ada byk kerenah yg tak bisa kita counter dalam byk aspek. Terutamanya loading yg lambat krn ia perlu load 2 atau lebih page dalam satu masa. Kalo perlu guna pun gantikan ia dgn IFRAME code dia sebegini :

<iframe width=137 height=126 name=iframe scrolling=no border=0 frameborder=0 src=news.htm></iframe>

width dan height boleh disetting ikut kesesuaian.. manakala page yg anda ingin view dalam iframe spt news.htm juga boleh diubah ikut kesukaan hati anda.

Contoh iframe yg saya guna ialah di YPEIM di bahagian info terkini....

7. Optimize Graphic & HTML anda.
Ni taktik yg saya slalu buat bagi nak melajukan web anda walau ada kandungan graphic berat dan html yg banyak... Pertamanya optimize dgn graphic optimizer yg ada di dalam photoshop bagi format jpeg atau GIF.. jpeg lebih sesuai utk pic/photo yang kompleks, gif pula utk imej yg simple ada 2/3 colour utama, logo dan lelain yang tidak kompleks... Dalam photoshop ada fungsi Save For Web (Alt+Ctrl+Shift+S) kite leh optimize mengikut kualiti rendah, sederhana atau tinggi... biasanya saya buat sederhana/rendah bila imej tu kurang penting. Dgn ini ia kecil size dan cpt loading.

HTML Optimizer pula boleh dicompresskan coding html jadi satu line atau beberapa kecil krn ia buang tag yg tak diperlukan. Anda boleh guna Absolute HTML Compressor utk optimizekan HTML tag anda. contoh web yang saya telah optimizekan tag html dia ialah di YPEIM .. sila lihat source code dia utk lihat kelainan.... terlalu compress dan padat .... mmg mana2 web client saya suka compress HTML,biar ia kecil dan bley load faster...

8. Keep learning....
ada byk lagi tips... tapi saya maybe tak dapat senaraikan semuanya, but boleh teruskan pembelajaran dan pertanyaan jika ada... bagi yg nak tahu tips2 design bley download free ebook ttg tutorial web design di bahagian Download Softhands http://download.softhands.com.my atau download terus di link ini.... 100 Do's and Don'ts in Web Design

--
Code7, Webmaster SoftHands.Com.My