Thread: cara nak buat website flexible..

aku ade pertanyaan pasal macam mane nak buat sesuatu web tu flexible (i.e:table/boxes stretch),mean bile kite taip content so that web tu akan nmpk still kemas n clean n tak messy.
pasal besenye aku wat dari design dulu (i.e: using photoshop ntuk design, then aku slice n then generate jadi html)
d prob is bile kite import masuk ke dreamweaver aku xtau camne nak masukkan content(text) dengan cara yang betul..adakah perlu insert layer or insert table dulu n then taip terus??
satu lagi problem bile da masukkan text gne layer bile preview gne browser jadi messy content text padahal kat dreamweaver ok je..
thanks to anybody yang bleh tlg or bg sebarang nasihat...

kaslau guna layer, guna layer saja..
kalau guna table.. guna table saja..

saya nampak awak tak faham HTML. sebab tuh jadi masalah.
cuba study dan fahamkan HTML..
tiada jalan pintas.. selagi itu anda akan hadapi masalah berulang..

biasanya create table dulu.. baru masukkan text kemudian.
tapi kalau tak faham apa itu table pun tak guna gak.

aku paham table tu ape..
just besenye masukkan content gne layer je...
sebab base dreamweaver aku base-design....

what is base dreamweaver and base design?
sorry.. dont understand.. i cant get it.

tolong tulis dengan bahasa yang mudah difahami.. saya yang berbahasa malaysia ni pun tak faham apa yang anda tanya dan jelaskan.

terimakasih.

maksudnye aku tak stat dari coding dulu n tak stat dari table...
just import design dari photoshop masuk terus dreamweaver as a template..hehe

Maksudnya ko terus slice dari photoshop/image ready dan save dalam bentuk html?

kalau tak silap kalau ko bukak apa yang ko save tu dalam dreamweaver, dia akan jadi auto table dan layer kan? Dari situ ko kena guna css (kalau boleh) utk jadikan image tu jadi background image.. supaya ko dapat taip content atas dia. Dgn css, lebih flexible nak letak content ko bagaimana.

Kalau boleh, jangan guna 100% WYSIWYG. Sebab apa? Sebab kalau ko guna 100% WYSIWYG, ko akan tgk ko punya template tu akan lari sana sini bila ko modify.. Dalam dreamweaver punya view memang akan nampak ok. Tapi bila ko view kat browser, ko akan sedih dan muram. Blajar guna coding. (make sure, u know what u do).

a'ah..camtu ar aku buat..wat css dulu ae..nnt aku praktikkkan..
ptt ar messy je web content aku bile tgk kat browser..
thanks ar marco polo...

Oh.. that's the bad thing..
dont do that..

Sebab mmg dari photoshop, code dia akan messy.
tambahan lagi jika versi photoshop anda adalah versi lama. ianya pasti tidak kene web standard.

file2 yang diimport html dari photoshop selalu banyak image-image yang tidak diperlukan. Selain itu juga codingnya adalah terhad.

sebab itu saya utamakan belajar HTML. Jika tidak, sampai bila2 pun tak dapat design web dengan baik ..

ada perbezaan yang besar antara design yang cantik dan design untuk web. Cantik di photoshop belum tentu bagus untuk web..

Untuk buat flexible with.. anda perluka pemahaman yang baik dalam TABLE atau DIV (css) . Baru boleh jadi. Ianya berkaitan antara variable : pixel dan percentage %
contohnya :

HTML Code:

<!-- Ini untuk flexible, kalau resolution 1024, dia akan stretch table -->
<table width="100%" bgcolor="#FF9900">


<!-- Ini pakai DIV, clean code css, web 2.0 --> 
#flexi  {
      width: 100%;
      margin: auto;
      background-color: #FCFCFC;
}

<!-- diatas antara style tag, dibawah gunakannya -->

<div id="flexi">
Bla bla bla blaa.. <br />
Belajarlah HTML kerana ianya amat senang<br />
Orang yang malas belajar HTML adalah orang yang lemah :D
</div>

rasanya perkara ni sudah dibincangkan lama dulu. CUba guna fungsi carian yang ada diforum ..

owh..thanks ar mystic..nnt aku try search mane2 thread yang berkaitan...

maksudnye aku tak stat dari coding dulu n tak stat dari table...
just import design dari photoshop masuk terus dreamweaver as a template..hehe

Ha.. Nampaknya, mysticmind dah kasi penerangan dengan coding sekali. Bagus sungguh nasihat mysticmind tu.

Yes, cakap mysticmind betul sekali.

Start la dari HTML+CSS first, and it would be an advantage if you can read PHP code too.

A good and simple place to start is HTML and CSS Tutorials, References, Articles and News - HTML Dog