其實企業(yè)站(zhàn)點的(de)工(gōng)作(zuò)量并不(bù)大(dà)，相(xiàng)信很(hěn≥)多(duō)有(yǒu)經驗的(de)同仁能(néng)夠把普通(tōng)企業(yè)站(zhàn)可(kě₽)能(néng)用(yòng)到(dào)的(de)欄目一(yī)口報(bào)出來(lái)。在這(zhè)裡(lǐ)γ我們換個(gè)角度來(lái)看(kàn)待這(zhè)些(xiē)工(gōng)作(zuò)。從(cóng)頁面的$(de)內(nèi)容構成上(shàng)來(lái)針對(duì)他(tā)們進行(xíng)分(fēn)類：

一(yī)：首頁。
這(zhè)裡(lǐ)的(de)設計(jì)含量是(shì)最高(gāo)的(de)。工(gōng)作(zuò)也(yě)是(shì)最繁複的(de)。暫且不(bù)談設計(jì)。從(cóεng)ps版到(dào)html，到(dào)最後的(de)整站(zhàn)。往往修改最多(duō)的(de)就(jiù)是(shì)首頁了(le)€。在這(zhè)裡(lǐ)我要(yào)強調的(de)是(shì)，從(cóng)首頁開(kāi)始，注意使用(yòng)γ包含文(wén)件(jiàn)。

二：分(fēn)頁。
分(fēn)頁有(yǒu)幾類呢(ne)？在我看(kàn)來(lái)，無非是(shì)list和(hé)view，列表頁和(hé)閱讀(dú )頁。list一(yī)般是(shì)新聞列表，或圖片列表。而view，則完全隻需要(yào)一(yī)個(gè)！

所以，在構建一(yī)個(gè)普通(tōng)的(de)企業(yè)站(zhàn)的(de)時(shí)候，上(shàng)述三個(gè)頁面完成了(le)，工(gπōng)作(zuò)基本已經完成1/3了(le)。還(hái)有(yǒu)程序，以及內(nèi)容錄入。

純動态的(de)站(zhàn)點。內(nèi)容錄入很(hěn)簡單。但(dàn)如(rú)果是(shì)有(yǒu)♣著(zhe)大(dà)量靜(jìng)态頁的(de)站(zhàn)點，比如(rú)教育類和(hé)政府類的(de)站(zφhàn)點。當然，也(yě)有(yǒu)相(xiàng)當一(yī)部分(fēn)原因是(shì)從(cóng)公司角度或程序員(yuán)角度來(lá★i)考慮，将簡介之類的(de)很(hěn)長(cháng)時(shí)間(jiān)才更新一(yī)次的(de→)頁面做(zuò)成靜(jìng)态的(de)。另外(wài)一(yī)種情況則是(shì)內(nèi)容內(nèi)包含大(dà)量的(de)圖片、特殊符号、公式、表格等。哪怕¥是(shì)再強的(de)編輯器(qì)編輯起來(lái)也(yě)很(hěn)麻煩。使用(yòng)dw效率可(kě)能₩(néng)會(huì)更高(gāo)。到(dào)這(zhè)裡(lǐ)，我的(de)經驗才真正的(de)表述出來(lái)。
    先說(shuō)一(yī)下(xià)大(dà)量的(de)文(wén)字錄入，先定義好(hǎo)你(nǐ)的(de)P，>記得(de)縮進2em，因為(wèi)很(hěn)多(duō)人(rén)很(hěn)注意這(zhè)一(yī)點。也(yě)必須注意到(dào)這(zhè)一(yī♣)點。相(xiàng)信大(dà)家(jiā)都(dōu)開(kāi)著(zhe)qq，大(dà)量的(de)↔文(wén)字，無論是(shì)從(cóng)word還(hái)是(shì)記事(shì)本，直接copy，貼到(dào)qq對(duì)話(huà)框裡(lǐ)再複制(zhì)一(δyī)次，去(qù)除多(duō)餘的(de)東(dōng)西(xī)，然後到(dào)dw的(de)代碼狀态λ。記住，是(shì)代碼狀态粘貼。這(zhè)個(gè)時(shí)候，代碼狀态依然保留了(le)原有(yǒu)的(de)段落，而預覽則是(shì)不(bù)分(fēn)段的(de)， 這(zhè)個(gè)時(shí)候，你(nǐ)的(de)P，就(jiù)開(kāi)始大(dà)顯神威了(le)。開(kāi)始的(de)地(dì)方＜ｐ＞，結尾α的(de)地(dì)方＜／ｐ＞，中間(jiān)的(de)段落則複制(zhì)＂＜ｐ＞＜／ｐ＞＂直接粘貼．不(bù)需"要(yào)你(nǐ)再去(qù)按回車(chē)，也(yě)不(bù)需要(yào)按著(zhe)ＡＬＴ+ＳＨＩＦＴ+空(kōng)格了(le)！！！
　　說(shuō)表格，在編輯器(qì)裡(lǐ)插表格，效率總沒在ＤＷ裡(lǐ)高(gāo)吧(ba)．好(hǎo)，那(nà)就(∞jiù)在ＤＷ裡(lǐ)畫(huà)表格，然後複制(zhì)代碼，到(dào)編輯器(qì)的(de)代碼狀态去(qù)粘貼．效果那(nà)是(shì)一(yī)個(gè)"好(hǎo)啊....
　　說(shuō)複雜(zá)的(de)內(nèi)容，有(yǒu)表格有(yǒu)特殊符号有(yǒu)公式有(yǒu)大(d≥à)量的(de)文(wén)字有(yǒu)表格還(hái)有(yǒu)圖片．而且相(xiàng)當的(de)長(cháng)．怎麽辦呢λ(ne)？我向你(nǐ)推薦一(yī)個(gè)小(xiǎo)軟件(jiàn)，叫ＦＬＡＳＨＰＡＰＥＲ，它可(kě)以直接在ｗｏｒｄ內(nèi)，将所®有(yǒu)的(de)內(nèi)容轉換成一(yī)個(gè)帶滾動條的(de)ｓｗｆ文(wén)件(jiàn)．相(xiàng)♣當多(duō)的(de)情況下(xià)，體(tǐ)積比你(nǐ)在ｄｗ裡(lǐ)一(yī)點一(yī)點編輯出來©(lái)的(de)ｈｔｍｌ還(hái)要(yào)小(xiǎo)．
    其實要(yào)說(shuō)的(de)是(shì)，代碼狀态操作(zuò)，←很(hěn)多(duō)時(shí)候效率是(shì)最高(gāo)的(de)！
　　如(rú)果客戶提供給你(nǐ)的(de)內(nèi)容，不(bù)全，或不(bù)完整，這(zhè)種情況則不(bù)在我的(de)考慮範圍內(nèi)．這(zhè)是‌(shì)前期工(gōng)作(zuò)．如(rú)果不(bù)知(zhī)道(dào)怎樣處理(lǐ)合适，請(qǐng)翻閱我<的(de)

其實呢(ne)，有(yǒu)很(hěn)多(duō)同仁花(huā)在設計(jì)上(shàng)的(de)時(shí)間(jiā®n)是(shì)最多(duō)的(de)。而企業(yè)站(zhàn)點一(yī)般也(yě)沒多(duō)少(sh¥ǎo)內(nèi)容。我想，你(nǐ)看(kàn)一(yī)下(xià)我的(de)網頁設計(jì)進階系列的(de)前四章(zhāng)。會(huì)對(duì✔)你(nǐ)的(de)設計(jì)有(yǒu)很(hěn)大(dà)的(de)幫助。其餘的(de)不(bù)再做(zuò★)贅述。隻是(shì)再強調一(yī)下(xià)積累。隻有(yǒu)不(bù)停的(de)積累，才會(huì)不(bù)斷的(de)進步。第四章(zhā>ng)關于素材裡(lǐ)，我這(zhè)樣說(shuō)過：

當你(nǐ)看(kàn)到(dào)某一(yī)張圖片的(de)某一(yī)個(gè)部分(fēn)，腦(nǎo)袋就(jiù)開(kāi)始閃光(guāng)，你↔(nǐ)發現(xiàn)你(nǐ)可(kě)以完全從(cóng)這(zhè)一(yī)部分(fēn)出發設計(jì)出一(yī)套的(de)東(dōn₽g)西(xī)。

當你(nǐ)接到(dào)一(yī)個(gè)任務，腦(nǎo)袋就(jiù)像硬盤一(yī)樣，把你(nǐ)←機(jī)器(qì)裡(lǐ)跟這(zhè)個(gè)任務相(xiàng)似類似的(de)甚至可(kě)以直接拿(ná)過來(lá¶i)用(yòng)的(de)那(nà)些(xiē)內(nèi)容自(zì)動打包。

當你(nǐ)要(yào)做(zuò)某樣東(dōng)西(xī)，你(nǐ)的(de)硬盤裡(lǐ)哪些(xiē)可(kě)用(yòng)的(§de)字體(tǐ)哪些(xiē)可(kě)用(yòng)的(de)花(huā)紋哪些(xiē)的(de)可(kě)用(yòng)的(de)小(xiǎo)圖标自(zìδ)動浮現(xiàn)在你(nǐ)的(de)腦(nǎo)海(hǎi)裡(lǐ)。

當你(nǐ)要(yào)做(zuò)某樣東(dōng)西(xī)，這(zhè)個(gè)時(shí)候你(nǐ)在趕路(lù)，你(nǐ)在騎車(©chē)，你(nǐ)立刻就(jiù)能(néng)想到(dào)哪個(gè)哪個(gè)網站(zhàn)上(shàng)什(shén)麽什(shén)麽素材可(kě)以拿(ná)過來(l‌ái)用(yòng)。

當你(nǐ)看(kàn)到(dào)某個(gè)站(zhàn)，你(nǐ)可(kě)以立刻進行(xín≥g)引申，張口就(jiù)說(shuō)出哪個(gè)哪個(gè)站(zhàn)跟這(zhè)個(gè)結構類似，哪個(gè)哪個(gè)站(zhàn)跟這(zhè)個(gè)δ風(fēng)格接近(jìn)。。。

這(zhè)幾條都(dōu)能(néng)做(zuò)到(dào)了(le)，設計(jì)對(duì)你(n•ǐ)來(lái)說(shuō)還(hái)是(shì)難事(shì)麽？

設計(jì)，其實是(shì)一(yī)個(gè)不(bù)斷積累的(de)過程。

再強調一(yī)句，包含文(wén)件(jiàn)，可(kě)以再包含一(yī)個(gè)甚至多(duō)個(gè)包含文(wé n)件(jiàn)........理(lǐ)解這(zhè)句話(huà)，會(huì)讓你(nǐ)在做(zuò)那(nà)些(xiē)靜(jìng)不(bù)靜(jìng)動☆不(bù)動的(de)網站(zhàn)的(de)時(shí)候省很(hěn)多(duō)力氣！

 
網頁設計(jì)技(jì)巧:網頁中英文(wén)混排行(xíng)高(gāo)問(wèn)題2008-08-27 ↔01:02:40  來(lái)源:口碑網UED Team 布林(lín)基本上(shàng)快(kuài)∞被這(zhè)個(gè)問(wèn)題搞瘋了(le)，症狀如(rú)下(xià)

症狀描述：在ie下(xià)（6或7，8沒有(yǒu)試過）當出現(xiàn)中英文(wén)混排，都(dōu)采用(yòng)默認字體(tǐ)時(shí)，并使用(yòng) li 列表做(zuΩò)float時(shí)，會(huì)出現(xiàn)如(rú)上(shàng)圖的(de)症狀，文(wén)字排列上(Ωshàng)下(xià)不(bù)對(duì)齊的(de)情況。影(yǐng)響了(le)布局的(de)美(měi)觀性，造成上(shàng)圖情況的(de)原因是(shì)中英文(wén)的(d≤e)文(wén)字基線不(bù)同，arial字體(tǐ)的(de)下(xià)邊緣要(yào)比宋體(tǐ)（同為(wèi)12号）低(dī)一(yī)個(​gè)象素，上(shàng)邊緣比宋體(tǐ)矮兩個(gè)象素，而且英文(wén)還(hái)有(yǒu)i，y這(zhè)種上(shà®ng)下(xià)基線不(bù)同的(de)情況。所以當中英文(wén)混排對(duì)齊時(shí)，​就(jiù)會(huì)出現(xiàn)明(míng)顯的(de)高(gāo)度差異，使排版不(bù)均。可(kě)見(jiàn)放(fàng)大(dà)圖。♣

采用(yòng)中英文(wén)字均使用(yòng)宋體(tǐ)的(de)方案

可(kě)以解決文(wén)字排列不(bù)對(duì)齊的(de)情況，但(dàn)宋體(tǐ)英文(wén)字是(shì)襯↔線字體(tǐ)（Times New Roman即是(shì)英文(wén)中的(de)襯線字)，字型緊湊，細節較多(duō)，辦文(wén)憑排列在一(yī)起很(hěn)醒目，但(dàn)在連續成文(wén)時(shí)，容易造成辨識困繞，看(kàn)錯(cuò)行(xíng)✔的(de)情況。關于襯線字體(tǐ)的(de)優缺點，請(qǐng)見(jiàn)這(zhè)篇文(wén)章(zhāng)。相(xiàng)比之下(xαià)，表示英文(wén)還(hái)是(shì)使用(yòng)無襯線字體(tǐ)更美(měi)觀大(dà)方。

解決方法一(yī) “餃子(zǐ)”童鞋的(de) 發現(xiàn)。

英文(wén)采用(yòng)tahoma字體(tǐ)–宋體(tǐ)，arial及 tahoma字體(tǐ)比較–arial與ta homa的(de)無襯線體(tǐ)比較精緻

當中英文(wén)混排時(shí)，使用(yòng)tahoma字體(tǐ)的(de)情形

中英混排，純中文(wén)組合的(de)行(xíng)高(gāo)都(dōu)一(yī)緻了(le)，但(dàn)a在hover狀态下(xià)下(xià)劃線與中文(wén")粘聯在一(yī)起。

缺陷：使用(yòng)tahoma字體(tǐ)時(shí)，在ie6及ie6以下(xià)版本，會(huì)導緻所有(yǒu)中文(wén)字體(tǐ)★鏈接的(de)下(xià)劃線會(huì)出現(xiàn)與字體(tǐ)粘連現(xiàn)象。淘寶使用(yòng∏)的(de)也(yě)是(shì)這(zhè)一(yī)解決方案。相(xiàng)信大(dà)型項目，不(bù)同的(de)人(rén)來(lái)共同完成一÷(yī)個(gè)頁面的(de)模塊時(shí)，在統一(yī)的(de)規範下(xià)，使字體(tǐ)更規範，減少(shǎo)錯(cuò)位，而采用(•yòng)帶有(yǒu)下(xià)劃線會(huì)出現(xiàn)與字體(tǐ)粘連的(de)tahoma字體(≠tǐ)，是(shì)值得(de)的(de)

以下(xià)是(shì)攜同大(dà)米童鞋 發現(xiàn)的(de)：

英文(wén)采用(yòng)arial字體(tǐ)，中文(wén)使用(yòng)宋體(tǐ)。可(kě)在标簽內(nèi)注明(míng) line-height:1.231，可(kě)解決行(xíng)高(gāo)不(bù)等以及字☆體(tǐ)與下(xià)劃線粘連問(wèn)題。（不(bù)知(zhī)道(dào)大(dà)範圍中英文(wén)混排适不(bù)适用(yòng)，有(yǒu)待後續校(xiào)驗。）