
2014-04-30 | &nb"αsp; 發布者:梁國(guó)芳&n→'Ω÷bsp; |&nbπ¥sp; 查看(kàn):3320次
網頁設計(jì)網站(zhàn)的(de)排版是(shì)讓網頁浏覽者閱讀(dú)方便,且內>♥(nèi)容主題明(míng)确的(de>≤α→)重要(yào)指針,若網站(zhàn)∑☆→的(de)排版經過精心規劃,将會(huì)使浏覽者更§™¥能(néng)迅速的(de)找到(dào)所需的(de)資料€×φ♥。就(jiù)如(rú)同一(yī)本書(shū),編排得(de)當将會(hu→§ì)使讀(dú)者一(yī)目了(le)然,且更能(néng)了(l✘<®e)解該書(shū)所要(yào)闡述的(de)內(nèi)容×→¶。而網站(zhàn)的(de)排版,就(jiù)如♦∞↔(rú)同書(shū)冊的(de)排版一(yī♠φ↕)般重要(yào)。網站(zhàn)的(de)排版包含了(le)表 ∏§格、框架的(de)應用(yòng)、文(wén)∏§"π字縮排、段落等等,而排版并不(bù)是(shì)整齊就(jiù)好(hǎo),∑✔×∑還(hái)要(yào)有(yǒu)明(míng)确的(de"λ>≤)分(fēn)類,以及主題的(de)适當規劃。
表格的(de)應用(yòng)是(shì)一(yī)般大(dà)型網站(zhàλλ↔≠n)最常見(jiàn)到(dào)的(d☆≠e)編排方式,表格能(néng)使多(du$✔✘ō)段文(wén)字統合整理(lǐ),達到(dào)清楚易懂(dǒng)的$∞¥(de)效果。表格不(bù)見(jiàn)得(de)是(shì)↔ ←有(yǒu)形的(de)表格,何位有(yǒu)形的(de)表格?一(yī)般常λ★見(jiàn)的(de)有(yǒu)形表格,多(duō)為(wè ≈i)有(yǒu)框線,或是(shì)有(yǒu✘λ≠)底色。表格可(kě)多(duō)形式的(de)運用(yòngα♥©λ),如(rú)圖形與文(wén)字間(ji↔☆ān)的(de)排版,表格可(kě)将圖形與文γ♥→λ(wén)字做(zuò)最恰當的(de)編排,充分(™∏fēn)結合于網頁上(shàng)。
然而表格的(de)底色或底圖,應避免與文(wén)字起沖突。常見(jiàn&✔♣)表格中用(yòng)的(de)底圖或底色因↕£♥¶顔色過重,而文(wén)字不(bù)清楚,表格的(de)重點當然仍是(s∑←↔€hì)在于文(wén)字,不(bù)是(shì)在作(zuò)為(wèi)¥配角的(de)底圖或底色。當底圖隻是(shì)襯'✔¶飾的(de)作(zuò)用(yòng)時(shí),就(jiù)Ω ε 應讓其中的(de)文(wén)字清楚明(míng)了(l✘ e)。而表格的(de)整體(tǐ)配色更是(shì)重要(yào),框線及底色φ♣都(dōu)應與網頁整體(tǐ)配色為(wèi)主,若是∞ ↓★(shì)以表格作(zuò)為(wèi)同一(yī)網頁編排,應盡量使各表格間 ↓(jiān)不(bù)緻差異太大(dà)。當有(yǒu)需要(yào)特别彰顯÷β內(nèi)容的(de)表格,才有(yǒu)其必φ♠♦λ要(yào)性作(zuò)不(bù)同的(de)配色。
框架的(de)應用(yòng),對(duì)于架設于較慢(màn)的(d ♣e)網站(zhàn)空(kōng)間(jiān)之網頁,↕¥β©較适合框架的(de)應用(yòng),框★$架可(kě)避免相(xiàng)同網頁重複讀(dú)取,拖累下(x₽♥¶ià)載速度。但(dàn)框架因切割整個(gè)畫(huà)面 ≤,造成浏覽的(de)內(nèi)頁空(kōng)間(jiān)大(dσ ₩<à)幅度減小(xiǎo),故再使用(yòng)框×€架務必要(yào)注意到(dào)內(nèi♥α≠)容主頁的(de)易看(kàn)性。框架編φ♠✔排,最需要(yào)注意的(de)是(shì)左σ☆右滾動條應盡量避免,若一(yī)個(gè≤<→)網頁在閱讀(dú)上(shàng),要(yào)不(bù)斷的(de)移動滾↓✘α動條往右又(yòu)往左移,将會(huì)對(d'≈♠↕uì)浏覽者造成很(hěn)大(dà)的(de)不(bù)便。
另,框架也(yě)需要(yào)注意到(dào)連結的(de)正确性• ×,常看(kàn)到(dào)以框架為(wèi)主體(tǐ)的(de)'•↔網頁,竟然按下(xià)選單框架頁中的(de)連結×Ω,不(bù)是(shì)顯示在內(nèi)容框架頁中,而是(shì)另開(k♦≤āi)窗(chuāng)口,這(zhè)真是(s≈β≠hì)脫著(zhe)褲子(zǐ)放(fàng)屁-多(duō≠β)此一(yī)舉!且框架過多(duō)的✘ <(de)網頁,會(huì)造成浏覽者不(bù)知(zhī)如(δλrú)何找尋資料的(de)窘境。舉個(gè)最常見(jiàn)的(de)例子(≥∞ε☆zǐ),很(hěn)多(duō)小(xiǎo)型的(d±δ✘e)個(gè)人(rén)網站(zhàn),常♣•↑喜歡以多(duō)框架來(lái)架構網站(zhàn),數(Ω↕shù)一(yī)數(shù)甚至框架頁達五六個(gè)以上(shà εng),有(yǒu)時(shí)按了(leλ&)左側的(de)選單,以為(wèi)內(nèi)容會(Ω↑huì)出現(xiàn)在內(nèi)容框架頁&β↕,卻竟然是(shì)顯示在右上(shàng)角的(de)某個(gè)小(xλ©&Ωiǎo)角落,這(zhè)不(bù)是(shì)特有(yǒu)風(fσ≥☆'ēng)格,既不(bù)美(měi)觀也(yě)不(b₹£""ù)實際,更難以找到(dào)資料!
框架與表格皆為(wèi)網頁整體(tǐ)編排利器(qì),該如(rú)÷§₹何運用(yòng)與走出自(zì)己風(fēn★<g)格,就(jiù)是(shì)需要(yào)長(cháng)時(shí)間(×♣↓≠jiān)的(de)修飾版面、觀摩學習(xγ$≈í)(但(dàn)絕非模仿抄襲)與經驗了(le)。
