Tips Rekabentuk Web Yang Ideal

[noorjannah]

salam...

tQ byk info menarik kat sini untuk newbie mcm saya ni
masih merangkak2 nak buat website..

[irmawan]

siapa boleh tolong ajar saya cara membina website? (sales page yg ringkas)

itu sahaja. saya mmg x reti lah bab2 ni. dah try tp x boleh. ttg masa ajar tu saya akan bayar ikut jam. mungkin kita boleh berborak di ym.

[king_diamond]

nak tahu apa garis panduan untuk :-

kelihatan Professional?

kelihatan Tidak Professional?

Kelihatan professional tapi tak professional?

tolong ulas...

sekian terimakasih....

[pedagangIT]

saya suka simple tapi menari...yang paling penting ... ada ruang flash dan html...
dan bukan semua html

[famiex]

Salam semua, saya juga peminat web development ni, leh tanya skit . ada sesiapa yang tahu apa jenis format yang diguna oleh Welcome to Proton Edar punya website? saya memang nak blajar wat mcm tu .. smooth dan menarik la..

[code7]

proton edar tu pakai flash.. standard utk attract feeling visitor.. web mcm tu mmg jenis corporate, byk kaler putih dan silver..

kalo nk tgk web yg lawa2 dan banyak css (web2.0 style) leh ushar Category: Best of

[zdeeab]

Originally Posted by 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

thanks utk tips hebat ni

saudara,
program apa diarong selalu guna utk cipta ebook cover yg cantik2 tu

[kasimo]

guna photoshop jak..... ada action script...

[code7]

a'a guna photoshop action jer.. cuba ushar Ebook Cover Software | eCovers | Ebook Covers

[PonTianaK Degil]

herm, lepas bace tips2 ni, mcm kene tukar design lak..