網(wǎng)站設(shè)計(jì)風(fēng)格和創(chuàng)意課件

第3章電子商務(wù)網(wǎng)站內(nèi)容設(shè)計(jì)【本章導(dǎo)讀】

本章對(duì)電子商務(wù)網(wǎng)站的內(nèi)容設(shè)計(jì)進(jìn)行了詳細(xì)的介紹：第一節(jié)首先介紹使用那些方法對(duì)網(wǎng)站進(jìn)行合理的需求分析；第二節(jié)從主題和功能兩個(gè)方面對(duì)網(wǎng)站的定位進(jìn)行深入的探討；第三節(jié)主要介紹網(wǎng)站的內(nèi)容規(guī)劃，包括網(wǎng)站的總體結(jié)構(gòu)設(shè)計(jì)和常用模塊；最后兩節(jié)分別從網(wǎng)站建設(shè)所涉及的技術(shù)支持和進(jìn)度規(guī)劃等進(jìn)行介紹?！颈菊乱c(diǎn)】

需求分析基本內(nèi)容及方法

主題、功能定位

結(jié)構(gòu)設(shè)計(jì)、模塊設(shè)計(jì)

網(wǎng)絡(luò)平臺(tái)、服務(wù)支撐體系

數(shù)據(jù)庫設(shè)計(jì)、網(wǎng)站安全

網(wǎng)站建設(shè)進(jìn)度規(guī)劃第3章電子商務(wù)網(wǎng)站內(nèi)容設(shè)計(jì)13.1網(wǎng)站設(shè)計(jì)的原則3.2網(wǎng)站設(shè)計(jì)風(fēng)格和創(chuàng)意

3.3頁面內(nèi)容設(shè)計(jì)3.4設(shè)計(jì)中的默認(rèn)規(guī)范3.5網(wǎng)站設(shè)計(jì)常見錯(cuò)誤本章小結(jié)3.1網(wǎng)站設(shè)計(jì)的原則23.1網(wǎng)站設(shè)計(jì)的原則（1）明確建立網(wǎng)站的目標(biāo)和用戶需求Web站點(diǎn)的設(shè)計(jì)是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑，因此必須明確設(shè)計(jì)站點(diǎn)的目的和用戶需求，從而做出切實(shí)可行的設(shè)計(jì)計(jì)劃。要根據(jù)消費(fèi)者的需求、市場(chǎng)的狀況、企業(yè)自身的情況等進(jìn)行綜合分析，牢記以“消費(fèi)者（customer)”為中心，而不是以“美術(shù)”為中心進(jìn)行設(shè)計(jì)規(guī)劃。在設(shè)計(jì)規(guī)劃之初重點(diǎn)考慮：建設(shè)網(wǎng)站的目的是什么？為誰提供服務(wù)和產(chǎn)品？企業(yè)能提供什么樣的產(chǎn)品和服務(wù)？網(wǎng)站的目的消費(fèi)者和受眾的特點(diǎn)是什么？企業(yè)產(chǎn)品和服務(wù)適合什么樣的表現(xiàn)方式（風(fēng)格）？3.1網(wǎng)站設(shè)計(jì)的原則（1）明確建立網(wǎng)站的目標(biāo)和用戶需求3（2）總體設(shè)計(jì)方案要求主題鮮明在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對(duì)網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。Web站點(diǎn)應(yīng)針對(duì)所服務(wù)對(duì)象（機(jī)構(gòu)或人）的不同而具有不同的形式。有些站點(diǎn)只提供簡(jiǎn)潔文本信息；有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面布置，甚至可以下載聲音和錄像片段。好的Web站點(diǎn)把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來。要做到主題鮮明突出，要點(diǎn)明確，以簡(jiǎn)單明確的語言和畫面體現(xiàn)站點(diǎn)的主題。調(diào)動(dòng)一切手段充分表現(xiàn)網(wǎng)站點(diǎn)的個(gè)性和情趣，辦出網(wǎng)站的特點(diǎn)。Web站點(diǎn)主頁應(yīng)具備的基本成分包括：頁頭，用于準(zhǔn)確無誤地標(biāo)識(shí)你的站點(diǎn)和企業(yè)標(biāo)志；Email地址，用來接收用戶垂詢；聯(lián)系信息，如普通郵件地址或電話；版權(quán)信息，用于聲明版權(quán)所有者等。注意重復(fù)利用已有信息，如客戶手冊(cè)、公共關(guān)系文檔、技術(shù)手冊(cè)和數(shù)據(jù)庫等可以輕而易舉地用到企業(yè)的Web站點(diǎn)中。（2）總體設(shè)計(jì)方案要求主題鮮明4（3）網(wǎng)站的版式設(shè)計(jì)網(wǎng)頁設(shè)計(jì)作為一種視覺語言，要講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)者也應(yīng)該知道哪一段文字、圖形該落于何處，才能使整個(gè)網(wǎng)頁生輝。多頁面站點(diǎn)頁面的編排設(shè)計(jì)要求把頁面之間的有機(jī)聯(lián)系反映出來，特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。（3）網(wǎng)站的版式設(shè)計(jì)5（4）色彩在網(wǎng)頁設(shè)計(jì)中的作用色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來構(gòu)成美麗的頁面。根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用。按照色彩的記憶性原則，一般暖色較冷色的記憶性強(qiáng)；色彩還具有聯(lián)想與象征的物質(zhì)，如紅色象征血、太陽；藍(lán)色象征大海、天空和水面等。所以設(shè)計(jì)出售冷食的虛擬店面，應(yīng)使用淡雅而沉靜的顏色，使人心理上感覺涼爽一些。網(wǎng)頁的顏色應(yīng)用并沒有數(shù)量的限制，但不能毫無節(jié)制地運(yùn)用多種顏色，一般情況下，先根據(jù)總體風(fēng)格的要求定出一至二種主色調(diào)，有CIS（企業(yè)形象識(shí)別系統(tǒng)）的更應(yīng)該按照其中的VI進(jìn)行色彩運(yùn)用。在色彩的運(yùn)用過程中，還應(yīng)注意的一個(gè)問題是：由于國家和種族、宗教和信仰的不同，以及生活的地理位置、文化修養(yǎng)的差異等，不同的人群對(duì)色彩的喜惡程度有著很大的差異。如：兒童喜歡對(duì)比強(qiáng)烈、個(gè)性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在“沙漠”中的人喜歡綠色。在設(shè)計(jì)中要考慮主要讀者群的背景和構(gòu)成。（4）色彩在網(wǎng)頁設(shè)計(jì)中的作用6（5）網(wǎng)頁形式與內(nèi)容相統(tǒng)一要將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)，形式語言必須符合頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。運(yùn)用對(duì)比與調(diào)和、對(duì)稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對(duì)稱原則在頁面設(shè)計(jì)中，它的均衡有時(shí)會(huì)使頁面顯得呆板，但如果加入一些富有動(dòng)感的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi)容往往會(huì)達(dá)到比較好的效果。點(diǎn)、線、面作為視覺語言中的基本元素，要使用點(diǎn)、線、面的互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁面效果。網(wǎng)頁設(shè)計(jì)中點(diǎn)、線、面的運(yùn)用并不是孤立的，很多時(shí)候都需要將它們結(jié)合起來，表達(dá)完美的設(shè)計(jì)意境。（5）網(wǎng)頁形式與內(nèi)容相統(tǒng)一7（6）三維空間的構(gòu)成和虛擬現(xiàn)實(shí)網(wǎng)絡(luò)上的三維空間是一個(gè)假想空間，這種空間關(guān)系需借助動(dòng)靜變化、圖像的比例關(guān)系等空間因素表現(xiàn)出來。在頁面中，圖片、文字位置前后疊壓，或頁面位置變化所產(chǎn)生的視覺效果都各不相同。圖片、文字前后疊壓所構(gòu)成的空間層次目前還不多見，網(wǎng)上更多的是一些設(shè)計(jì)比較規(guī)范、簡(jiǎn)明的頁面，這種疊壓排列能產(chǎn)生強(qiáng)節(jié)奏的空間層次，視覺效果強(qiáng)烈。網(wǎng)頁上常見的是頁面上、下、左、右、中位置所產(chǎn)生的空間關(guān)系，以及疏密的位置關(guān)系所產(chǎn)生的空間層次，這兩種位置關(guān)系使產(chǎn)生的空間層次富有彈性，同時(shí)也讓人產(chǎn)生輕松或緊迫的心理感受。現(xiàn)在，人們已不滿足于HTML語言編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現(xiàn)實(shí)要在Web網(wǎng)上展示其迷人的風(fēng)采，于是VRML語言出現(xiàn)了。VRML是一種面向?qū)ο蟮恼Z言，它類似Web超級(jí)鏈接所使用的HTML語言，也是一種基于文本的語言，并可以運(yùn)行在多種平臺(tái)之上，只不過能夠更多地為虛擬現(xiàn)實(shí)環(huán)境服務(wù)。（6）三維空間的構(gòu)成和虛擬現(xiàn)實(shí)8（7）多媒體功能的利用網(wǎng)絡(luò)資源的優(yōu)勢(shì)之一是多媒體功能。要吸引瀏覽者注意力，頁面的內(nèi)容可以用三維動(dòng)畫、FLASH等來表現(xiàn)。但要注意，由于網(wǎng)絡(luò)帶寬的限制，在使用多媒體的形式表現(xiàn)網(wǎng)頁的內(nèi)容時(shí)應(yīng)考慮客戶端的傳輸速度。（8）網(wǎng)站測(cè)試和改進(jìn)網(wǎng)站測(cè)試實(shí)際上是模擬用戶詢問網(wǎng)站的過程，用以發(fā)現(xiàn)問題并改進(jìn)設(shè)計(jì)。要注意讓用戶參與網(wǎng)站測(cè)試。（7）多媒體功能的利用9（9）內(nèi)容更新與溝通企業(yè)Web站點(diǎn)建立后，要不斷更新內(nèi)容。站點(diǎn)信息的不斷更新，讓瀏覽者了解企業(yè)的發(fā)展動(dòng)態(tài)和網(wǎng)上職務(wù)等，同時(shí)也會(huì)幫助企業(yè)建立良好的好象。在企業(yè)的Web站點(diǎn)上，要認(rèn)真回復(fù)用戶的電子郵件和傳統(tǒng)的聯(lián)系方式如信件、電話垂詢和傳真，做到有問必答。最好將用戶的用意進(jìn)行分類，如售前一般了解售后服務(wù)等，由相關(guān)部門處理，使網(wǎng)站訪問者感受到企業(yè)的真實(shí)存在并由此產(chǎn)生信任感。注意不要許諾你實(shí)現(xiàn)不了的東西，在你真正有能力處理回復(fù)之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時(shí)答復(fù)的電話號(hào)碼。如果要求訪問者自愿提供其個(gè)人信息，應(yīng)公布并認(rèn)真履行個(gè)人隱私保承諾。（10）合理運(yùn)用新技術(shù)新的網(wǎng)頁制作技術(shù)幾乎每天都會(huì)出現(xiàn)，如果不是介紹網(wǎng)絡(luò)技術(shù)的專業(yè)站點(diǎn)，一定要合理地運(yùn)用網(wǎng)頁制作的新技術(shù)，切忌將網(wǎng)站變?yōu)橐粋€(gè)制作網(wǎng)頁的技術(shù)展臺(tái)，永遠(yuǎn)記住用戶方便快捷地得到所需要的信息是最重要的。對(duì)于網(wǎng)站設(shè)計(jì)者來說，必須學(xué)習(xí)跟蹤掌握網(wǎng)頁設(shè)計(jì)的新技術(shù)如Java、DHTML、XML等，根據(jù)網(wǎng)站的內(nèi)容和形式的需要合理地應(yīng)用到設(shè)計(jì)中。（9）內(nèi)容更新與溝通103.2網(wǎng)站設(shè)計(jì)風(fēng)格和創(chuàng)意3.2.1網(wǎng)站總體風(fēng)格

應(yīng)該如何樹立網(wǎng)站風(fēng)格呢？可以分這樣幾個(gè)步驟實(shí)施：（1）確信風(fēng)格是建立在有價(jià)值內(nèi)容之上的。一個(gè)網(wǎng)站有風(fēng)格而沒有內(nèi)容，就好比繡花枕頭。首先必須保證內(nèi)容的質(zhì)量和價(jià)值性，這是最基本的，無須置疑。3.2網(wǎng)站設(shè)計(jì)風(fēng)格和創(chuàng)意3.2.1網(wǎng)站總體風(fēng)格11（2）要弄清楚自己希望站點(diǎn)給瀏覽者的印象是怎么樣的，可以從這幾方面來理清思路：如果只用一句話來描述你的站點(diǎn)，應(yīng)該是：有創(chuàng)意，專業(yè)，有實(shí)力，有美感，有沖擊力。想到你的站點(diǎn)，可以聯(lián)想到的色彩是：熱情的紅色，幻想的天蘭色，聰明的金黃色。想到你的站點(diǎn)，可以聯(lián)想到的畫面是：一份早報(bào)，一輛法拉利跑車，人群擁擠的廣場(chǎng)，雜貨店。如果網(wǎng)站是一個(gè)人，他擁有的個(gè)性是：思想成熟的中年人，狂野奔放的牛仔，自信憨厚的創(chuàng)業(yè)者。瀏覽者覺得你和其他網(wǎng)站的不同是：可以信賴，信息最快，交流方便。瀏覽者和你交流合作的感受是：師生，同事，朋友，長(zhǎng)幼。通過這樣一份調(diào)查，經(jīng)統(tǒng)計(jì)后的結(jié)果會(huì)告訴你：你網(wǎng)站現(xiàn)在的差距、弱點(diǎn)及需要改進(jìn)的地方。（2）要弄清楚自己希望站點(diǎn)給瀏覽者的印象是怎么樣的，可以從這12（3）在明確自己的網(wǎng)站印象后，開始努力建立和加強(qiáng)這種印象。經(jīng)過第二步印象的“量化”后，你需要進(jìn)一步找出其中最有特色特點(diǎn)的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西，并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化，宣傳。例如：再次審查網(wǎng)站名稱、域名、欄目名稱是否符合這種個(gè)性，是否易記；審查網(wǎng)站標(biāo)準(zhǔn)色彩是否容易聯(lián)想這種特色，是否能體現(xiàn)網(wǎng)站的性格等等；具體的做法沒有定式，下面僅提供一些參考：（3）在明確自己的網(wǎng)站印象后，開始努力建立和加強(qiáng)這種印象。經(jīng)13將網(wǎng)站的標(biāo)志logo，盡可能的出現(xiàn)在每個(gè)頁面上。或者頁眉，或者頁腳，或則背景。突出網(wǎng)站的標(biāo)準(zhǔn)色彩。文字的鏈接色彩，圖片的主色彩，背景色，邊框等色彩盡量使用與標(biāo)準(zhǔn)色彩一致的色彩。突出網(wǎng)站的標(biāo)準(zhǔn)字體。在關(guān)鍵的標(biāo)題、菜單、圖片里使用統(tǒng)一的標(biāo)準(zhǔn)字體。使用統(tǒng)一的語氣和人稱。即使是多個(gè)人合作維護(hù)，也要讓讀者覺得是同一個(gè)人寫的。使用統(tǒng)一的圖片處理效果。比如，陰影效果的方向，厚度，模糊度都必須一樣。使用自己設(shè)計(jì)的花邊、線條、點(diǎn)。展示網(wǎng)站的榮譽(yù)和成功作品。風(fēng)格的形成不是一次定位的，只有在實(shí)踐中不斷的強(qiáng)化、調(diào)整、修飾，才會(huì)逐漸的形成自己獨(dú)特的，而又被大眾所接受的風(fēng)格。將網(wǎng)站的標(biāo)志logo，盡可能的出現(xiàn)在每個(gè)頁面上。或者頁眉，或143.2.2網(wǎng)站的創(chuàng)意設(shè)計(jì)創(chuàng)意思考的過程分五階段：（1）準(zhǔn)備期：研究所搜集的資料，根據(jù)舊經(jīng)驗(yàn)，啟發(fā)新創(chuàng)意；（2）孵化期：將資料咀嚼消化，使意識(shí)自由發(fā)展，任意結(jié)合；（3）啟示期：意識(shí)發(fā)展并結(jié)合，產(chǎn)生創(chuàng)意；（4）驗(yàn)證期：將產(chǎn)生的創(chuàng)意討論修正；（5）形成期：設(shè)計(jì)制作網(wǎng)頁，將創(chuàng)意具體化。3.2.2網(wǎng)站的創(chuàng)意設(shè)計(jì)153.3頁面內(nèi)容設(shè)計(jì)3.3.1主頁設(shè)計(jì)設(shè)計(jì)一個(gè)主頁，具體步驟如下：（1）確定主頁的功能模塊主頁的功能模塊是指設(shè)計(jì)人員需要在主頁上實(shí)現(xiàn)的主要內(nèi)容和功能。一般站點(diǎn)都含有網(wǎng)站名稱（Logo）、廣告條（Banner）、主菜單（Menu）、新聞（News）、搜索（Search）、友情鏈接（Links）、郵件列表（Maillist）、計(jì)數(shù)器（Count）、版權(quán)（Copyright）等模塊。用戶也可根據(jù)主頁設(shè)計(jì)的需要選擇其中部分模塊即可。3.3頁面內(nèi)容設(shè)計(jì)3.3.1主頁設(shè)計(jì)16（2）設(shè)計(jì)主頁的版面在功能模塊確定后，開始設(shè)計(jì)主頁的版面，如何在一個(gè)頁面上編排這些功能模塊，以使得主頁的整體效果最好，就全憑網(wǎng)頁設(shè)計(jì)者的創(chuàng)意和想象力了，一般都需要先勾畫草圖，修改滿意后，然后在網(wǎng)頁制作軟件中實(shí)現(xiàn)。（3）處理技術(shù)上的細(xì)節(jié)在技術(shù)上，主頁考慮字體的風(fēng)格、超鏈接的實(shí)現(xiàn)以及圖形、動(dòng)畫與文字的關(guān)系等。主頁面的大小要適中，既要表達(dá)網(wǎng)站的主題，又要盡量精簡(jiǎn)，應(yīng)避免因首頁內(nèi)容多導(dǎo)致加載時(shí)間過長(zhǎng)，而給用戶不好的印象。（2）設(shè)計(jì)主頁的版面173.3.2欄目與版面設(shè)計(jì)1.欄目設(shè)計(jì)欄目是一個(gè)網(wǎng)站的大綱索引，是網(wǎng)頁上需要展示的信息，欄目應(yīng)該將網(wǎng)站的主體明確顯示出來，一般的網(wǎng)站欄目安排要注意以下幾個(gè)方面。（1）緊扣網(wǎng)站主題通常將主題按一定的方法分類，將它們作為網(wǎng)站的主欄目。主欄目個(gè)數(shù)在總欄目中要占絕對(duì)優(yōu)勢(shì)，這樣網(wǎng)站才會(huì)顯得專業(yè)、主題突出，并且容易給人留下深刻的印象。（2）設(shè)立一個(gè)最近更新或網(wǎng)站指南欄目如果網(wǎng)站的主頁沒有安排版面放置最近更新的內(nèi)容消息，就有必要設(shè)置一個(gè)“最近更新”欄目，這樣做是為了照顧常來的訪客，讓網(wǎng)站的主頁更加人性化。如果網(wǎng)站主頁的內(nèi)容龐大，層次較多，而又沒有站內(nèi)搜索，則有必要設(shè)置一個(gè)“本站指南”或“內(nèi)容導(dǎo)航”欄目，這樣可以幫助初訪者快速找到他們想要的內(nèi)容。3.3.2欄目與版面設(shè)計(jì)18（3）設(shè)定一個(gè)可以雙向交流的欄目雙向交流的欄目不需要很多，但一定要有，比如論壇、留言板、郵件等，可以讓瀏覽者留下他們的信息。有調(diào)查表明，提供雙向交流的站點(diǎn)比簡(jiǎn)單的留一個(gè)E-mail信箱更具有親和力。（4）設(shè)置一個(gè)下載或常見問題回答欄目網(wǎng)絡(luò)的特點(diǎn)是信息共享，如果你看到一個(gè)站點(diǎn)有大量?jī)?yōu)秀的、有價(jià)值的資料，你肯定希望能一次性下載，而不是一頁一頁的瀏覽保存，如果站點(diǎn)經(jīng)常收到網(wǎng)友關(guān)于某個(gè)方面問題的來信，應(yīng)該設(shè)立一個(gè)常見的問題回答的欄目，這樣既方便了訪問者，也節(jié)約了自己的時(shí)間。至于其他的輔助內(nèi)容，如關(guān)于本站、版權(quán)信息等可以不放在主欄目，以免沖淡主題。在主欄目中盡可能刪除與主題無關(guān)的欄目，而將最有價(jià)值的內(nèi)容列在欄目上，以便于訪問者瀏覽和查詢。（3）設(shè)定一個(gè)可以雙向交流的欄目192.版面布局在布局過程中要做到以下幾點(diǎn)：（1）主次分明，突出重點(diǎn)：在一個(gè)頁面上，必然考慮視覺的中心，這個(gè)中心一般在屏幕的中央或者中央偏上的部位。因此，一些重要的文章和圖片一般可以安排在這個(gè)部位，在視覺中心以外的地方就可以安排那些稍微次要的內(nèi)容，這樣在頁面上就突出了重點(diǎn)，做到主次有別。（2）圖文并茂：文字和圖片具有相互補(bǔ)充的視覺關(guān)系，頁面上文字太多，就顯得沉悶，缺乏生氣；頁面上圖片太多，缺少文字，比如會(huì)減少頁面的信息容量。因此最理想的效果是文字和圖片的密切配合，既能活躍頁面，又使主頁又豐富的內(nèi)容。2.版面布局20版面布局的步驟：（1）輪廓設(shè)計(jì)：一個(gè)新的頁面可以看成是一張白紙，設(shè)計(jì)者可以盡可能的發(fā)揮想象力，把你想到的景象畫上去。這屬于創(chuàng)造階段，不講究細(xì)膩工整，也不考慮細(xì)節(jié)功能，只需大概的勾畫出創(chuàng)意的輪廓即可。（2）布局設(shè)計(jì)：在輪廓設(shè)計(jì)的基礎(chǔ)上，將所需要的各種功能模塊安排到頁面上，在排放時(shí)必須遵循突出重點(diǎn)、平衡協(xié)調(diào)的原則，將網(wǎng)站標(biāo)志、主菜單等最重要的內(nèi)容放在最顯眼、最突出的位置，然后再考慮次要模塊的擺放。（3）細(xì)節(jié)設(shè)計(jì)：將粗略布局精細(xì)化、具體化。版面布局的步驟：21詳細(xì)介紹幾種常用的版面布局形式:（1）“T”形結(jié)構(gòu)布局:是指頁面頂部為橫條網(wǎng)站標(biāo)志加廣告條，下方左頁面為主菜單，右面顯示內(nèi)容的布局，因?yàn)椴藛螚l背景較深，整體效果類似英文字母“T”，所以稱之為“T”形布局，這是網(wǎng)頁設(shè)計(jì)中用的最多的一種布局方式。這種布局方式的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰、主次分明，是初學(xué)者最容易上手的布局方法，缺點(diǎn)是規(guī)矩呆板。（2）“口”形布局:這是一個(gè)象形的說法，就是頁面一般上下各有一個(gè)廣告條，左面是主菜單，右面放友情鏈接，中間是主要內(nèi)容，這種布局的優(yōu)點(diǎn)是可以充分的利用版面，信息量大，缺點(diǎn)是頁面擁擠，不夠靈活。詳細(xì)介紹幾種常用的版面布局形式:22（3）“國”字形:也可以稱為“同”字型，是一些大型網(wǎng)站所喜歡的類型，即最上面是網(wǎng)站的標(biāo)題以及橫幅廣告條，接下來就是網(wǎng)站的主要內(nèi)容，左右分列一些小條內(nèi)容，中間是主要部分，與左右一起羅列到底，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等，這種結(jié)構(gòu)是網(wǎng)上用的最多的一種結(jié)構(gòu)類型。（4）封面型:這種類型基本是出現(xiàn)在一些網(wǎng)站的首頁，大部分為一些精美的平面設(shè)計(jì)結(jié)合一些小的動(dòng)畫，放上幾個(gè)簡(jiǎn)單的鏈接或者僅是一個(gè)“進(jìn)入”的鏈接，甚至直接在主頁的圖片上做鏈接而沒有任何的提示。這種類型大部分出現(xiàn)在企業(yè)網(wǎng)站和個(gè)人主頁，如果處理得好，會(huì)給人帶來很好的感覺。版面布局應(yīng)該加強(qiáng)視覺效果，加強(qiáng)文檔的可視度和可讀性。統(tǒng)一的視覺、新鮮和個(gè)性是網(wǎng)頁布局的最高境界。（3）“國”字形:也可以稱為“同”字型，是一些大型網(wǎng)站所喜歡233.3.3美工設(shè)計(jì)隨著網(wǎng)頁制作經(jīng)驗(yàn)的積累，在選擇色彩的時(shí)候會(huì)有這樣的一個(gè)趨勢(shì)：?jiǎn)紊宀世_紛→標(biāo)準(zhǔn)色→單色。一開始因?yàn)榧夹g(shù)和知識(shí)缺乏，只能制作出簡(jiǎn)單的網(wǎng)頁，色彩單一；在有一定基礎(chǔ)和材料后，希望制作一個(gè)漂亮的網(wǎng)頁，將自己收集的最好的圖片，最滿意色彩堆砌在頁面上；但是時(shí)間一長(zhǎng)，卻發(fā)現(xiàn)色彩雜亂，沒有個(gè)性和風(fēng)格；第三次重新定位自己的網(wǎng)站，選擇好切合自己的色彩，推出的站點(diǎn)往往比較成功；當(dāng)最后設(shè)計(jì)理念和技術(shù)達(dá)到頂峰時(shí)，則又返樸歸真，用單一色彩甚至非彩色就可以設(shè)計(jì)出簡(jiǎn)潔精美的站點(diǎn)。3.3.3美工設(shè)計(jì)24在為網(wǎng)頁選擇合適色彩的過程中，應(yīng)該遵循以下幾個(gè)原則：（1）色彩的鮮明性：網(wǎng)頁的色彩要鮮艷，容易引人注目。（2）色彩的獨(dú)特性：要有與眾不同的色彩，使得大家對(duì)你的印象強(qiáng)烈。（3）色彩的合適性：即色彩要和你表達(dá)的內(nèi)容氣氛相適合，如用粉色體現(xiàn)女性站點(diǎn)的柔性。（4）色彩的聯(lián)想性：不同色彩會(huì)產(chǎn)生不同的聯(lián)想，藍(lán)色想到天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和你網(wǎng)頁的內(nèi)涵相關(guān)聯(lián)。在為網(wǎng)頁選擇合適色彩的過程中，應(yīng)該遵循以下幾個(gè)原則：25在選擇網(wǎng)頁色彩搭配過程中，還要注意以下幾個(gè)問題：（1）了解你的網(wǎng)站所要傳達(dá)的訊息和品牌，選擇可以加強(qiáng)這些訊息的顏色。例如，如果在設(shè)計(jì)一個(gè)強(qiáng)調(diào)穩(wěn)健的金融機(jī)構(gòu)，那么就要選擇冷色系、柔和的顏色，如藍(lán)、灰或綠。在這樣的狀況下，如果使用暖色系或活潑的顏色，可能會(huì)破壞了該網(wǎng)站品牌。（2）了解你的讀者群。文化差異可能會(huì)使色彩產(chǎn)生非預(yù)期的反應(yīng)。同時(shí)，不同地區(qū)與不同年齡層對(duì)顏色的反應(yīng)亦會(huì)有所不同。年輕族群一般比較喜歡飽和色，但這樣的顏色卻引不起高年齡層的興趣。（3）不要使用過多的顏色。除了黑色和白色以外，約選擇四到五個(gè)顏色就夠了。太多的顏色會(huì)導(dǎo)致混淆，也會(huì)拉走讀者的注意力。（4）在閱讀的部分使用對(duì)比色。顏色太接近無法產(chǎn)生足夠的對(duì)比效果，也會(huì)妨礙觀眾閱讀。白底黑字的閱讀效果最好。在選擇網(wǎng)頁色彩搭配過程中，還要注意以下幾個(gè)問題：26（5）用灰階來測(cè)試對(duì)比。當(dāng)你在處理黑色、白色和灰色以外的顏色的時(shí)候，有時(shí)候會(huì)很難決定每個(gè)顏色的相對(duì)值。為了要確認(rèn)你的色盤能提供足夠的對(duì)比，你可以建立一個(gè)仿真網(wǎng)站，并將它轉(zhuǎn)換成灰階即可。（6）選擇顏色要注意時(shí)效性。同一個(gè)色彩很容易就充斥著整個(gè)市場(chǎng)，且消費(fèi)者很快的就對(duì)流行色彩感到麻木。但就另外一個(gè)角度來看，你可以使用幾十年前的流行色彩，引起人們的懷舊之情。（7）選擇色盤時(shí)請(qǐng)考慮功能性的顏色。別忘了將關(guān)鍵信息部分建立功能性的顏色，例如標(biāo)題和超級(jí)鏈接等。（8）注意網(wǎng)站色差問題。每一個(gè)網(wǎng)站開發(fā)人員都知道，即使是網(wǎng)絡(luò)通用顏色在跨平臺(tái)顯示的時(shí)候都會(huì)有些不同。記得要校正你的gamma值，并在不同的作業(yè)平臺(tái)上測(cè)試你的色盤。（5）用灰階來測(cè)試對(duì)比。當(dāng)你在處理黑色、白色和灰色以外的顏色273.3.4導(dǎo)航設(shè)計(jì)具體的要求如下：（1）輔助導(dǎo)航：為用戶提供一個(gè)直觀的指示，讓用戶知道現(xiàn)在所在網(wǎng)站的位置，每一級(jí)位置的名稱都得有鏈接可返回，在每一個(gè)網(wǎng)頁都必須包括輔助導(dǎo)航以及左上角的網(wǎng)站LOGO標(biāo)識(shí)。（2）網(wǎng)站LOGO鏈接：每一個(gè)出現(xiàn)的網(wǎng)站LOGO都要加上回到網(wǎng)站首頁的鏈接，用戶已經(jīng)習(xí)慣了點(diǎn)擊網(wǎng)站LOGO作為回到網(wǎng)站首頁的方法。（3）導(dǎo)航條的位置：主導(dǎo)航條的位置應(yīng)該在接近頂部或網(wǎng)頁左側(cè)的位置，如果因?yàn)閮?nèi)容過多需要子導(dǎo)航時(shí)，要讓用戶容易地分辨出哪個(gè)是主導(dǎo)航條，哪個(gè)是某主題的子導(dǎo)航條。（4）聯(lián)系信息：進(jìn)入“聯(lián)系我們”網(wǎng)頁的鏈接或者直接呈現(xiàn)詳細(xì)的聯(lián)系方式都必須在網(wǎng)站的任何一個(gè)網(wǎng)頁中可以找到。3.3.4導(dǎo)航設(shè)計(jì)28（5）導(dǎo)航使用的簡(jiǎn)單性：導(dǎo)航的使用必須得盡可能的簡(jiǎn)單，避免使用下拉或彈出式菜單導(dǎo)航，如果沒辦法一定得用，那么菜單的層次不要超過兩層。（6）網(wǎng)頁指示：應(yīng)該讓用戶知道現(xiàn)在所看的網(wǎng)頁是什么和與現(xiàn)在所看網(wǎng)頁的相關(guān)網(wǎng)頁是什么，例如通過輔助導(dǎo)航“首頁>新聞?lì)l道>焦點(diǎn)新聞”里的對(duì)所在網(wǎng)頁位置的文字說明，同時(shí)配合導(dǎo)航的顏色高亮，可以達(dá)到視覺直觀指示的效果。（7）已瀏覽網(wǎng)頁的指示：最簡(jiǎn)單地可以通過已點(diǎn)擊超鏈后的變色，如果不在同一網(wǎng)頁的超鏈接網(wǎng)頁，可以在其它位置顯示用戶已瀏覽過的內(nèi)容。（8）登陸退出口：登陸入口和退出登陸出口要在全網(wǎng)站的每一個(gè)網(wǎng)頁都可以找到，讓用戶進(jìn)入任一網(wǎng)頁都可以登陸和退出。（9）導(dǎo)航內(nèi)容明顯的區(qū)別：導(dǎo)航的目錄或主題種類必須得清晰，不要讓用戶困惑，而且如果有需要突出主要網(wǎng)頁的區(qū)域，則應(yīng)該與一般網(wǎng)頁在視覺上有所區(qū)別。（5）導(dǎo)航使用的簡(jiǎn)單性：導(dǎo)航的使用必須得盡可能的簡(jiǎn)單，避免使29（10）導(dǎo)航的鏈接必須全是有效鏈接：無論是一般導(dǎo)航還是有下拉菜單的導(dǎo)航，里面的所有文字都應(yīng)該是有效的鏈接。（11）準(zhǔn)確的導(dǎo)航文字描述：用戶在點(diǎn)擊導(dǎo)航鏈接前對(duì)他們所找的東西有一個(gè)大概的了解，鏈接上的文字必須能準(zhǔn)確描述鏈接所到達(dá)的網(wǎng)頁內(nèi)容。（12）搜索導(dǎo)航結(jié)果：搜索的結(jié)果一定不要出現(xiàn)“無法找到”的結(jié)果，這是很讓用戶失望的，如果無法精確找出結(jié)果，搜索功能應(yīng)該實(shí)現(xiàn)對(duì)錯(cuò)字，類似產(chǎn)品或相關(guān)產(chǎn)品給出一個(gè)相近的模糊結(jié)果。在網(wǎng)頁設(shè)計(jì)中，為了防止由于疏忽而造成超鏈接失敗，應(yīng)在欄目和版面設(shè)計(jì)中畫出超鏈接的關(guān)系，在網(wǎng)頁上傳后，逐一測(cè)試每一頁的每個(gè)超鏈接是否有效，以防出現(xiàn)失敗的超鏈接。（10）導(dǎo)航的鏈接必須全是有效鏈接：無論是一般導(dǎo)航還是有下拉303.3.5圖像與動(dòng)畫設(shè)計(jì)圖像在網(wǎng)頁中具有畫龍點(diǎn)睛的作用，它可以裝飾頁面，表現(xiàn)個(gè)人的風(fēng)格和情調(diào)。一個(gè)純文字的網(wǎng)頁是吸引不了瀏覽者的，但如果頁面上的圖像過多，就會(huì)喧賓奪主，因?yàn)閳D像本身是為主頁內(nèi)容服務(wù)的，所以要合理地使用圖像與文字進(jìn)行搭配。網(wǎng)頁中可以使用的圖像可以是GIF、JPEG、BMP、TIFF、PNG等格式的圖像文件，其中使用最多的是GIF和JPEG兩種格式。這兩種格式的圖像有較高的壓縮率，在不影響圖像質(zhì)量的前提下，可以將圖像壓縮，而且目前絕大多數(shù)的圖像處理軟件和文字處理軟件以及網(wǎng)頁制作軟件都支持這兩種格式的圖像。一般色彩鮮艷、高分辨率的圖像采用JPEG格式，色彩單調(diào)、低分辨率的采用GIF格式。3.3.5圖像與動(dòng)畫設(shè)計(jì)31當(dāng)在網(wǎng)頁中需要載入一個(gè)較大的GIF或JPEG圖像文件時(shí)，裝載速度可能會(huì)很慢。為改善網(wǎng)頁的視覺效果，可在載入是設(shè)置為隔行掃描，隔行掃描在顯示圖像開始看起來非常模糊，接著細(xì)節(jié)逐漸添加上去直到圖像完全顯示出來；也可以將該圖像做成一個(gè)小的縮略圖，然后將縮略圖鏈接到該圖像上，如果用戶在查看縮略圖后，有興趣的話，可以通過點(diǎn)擊鏈接打開該圖像。一個(gè)受歡迎的網(wǎng)站總是少不了動(dòng)畫的，與靜態(tài)的頁面相比，動(dòng)畫更能夠吸引訪問者的視覺。一個(gè)富有創(chuàng)意、制作精美的動(dòng)畫會(huì)讓人過目不忘。目前最流行的動(dòng)畫形式就是Flash動(dòng)畫，它的文件非常小，這樣就便于下載，因此不會(huì)對(duì)網(wǎng)頁的瀏覽造成影響，但是為了觀看Flash動(dòng)畫，在瀏覽者的計(jì)算機(jī)必須安裝相應(yīng)的插件才行。在選擇、制作Flash動(dòng)畫時(shí)，應(yīng)該與網(wǎng)頁內(nèi)容有機(jī)的結(jié)合起來。在一些內(nèi)容比較嚴(yán)肅的主頁，要慎用Flash動(dòng)畫，畢竟主頁還是要依靠文字和圖像作為主題來傳播信息的。當(dāng)在網(wǎng)頁中需要載入一個(gè)較大的GIF或JPEG圖像文件時(shí)，裝載323.4設(shè)計(jì)中的默認(rèn)規(guī)范1.設(shè)計(jì)風(fēng)格依照網(wǎng)站的定位確定整體的設(shè)計(jì)風(fēng)格。主體框架頁面、內(nèi)容頁盡量采用方型結(jié)構(gòu)。禁用長(zhǎng)距離的斜線及弧線結(jié)構(gòu)，可允許小范圍內(nèi)的斜線及弧線。封面頁、專題頁可不受此限制。設(shè)計(jì)時(shí)盡量在方塊區(qū)邊緣、按鈕、標(biāo)題裝飾塊上體現(xiàn)設(shè)計(jì)技巧，拐角可以有曲線變化。拐角塊最大不得超過18像素。同一頁面弧度盡量保持一致。各主要欄目之間要求使用一致的布局，包括一致的頁面元素和一致的導(dǎo)航形式，使用相同的銨鈕，相同的順序?？筛醉撚凶兓?。首頁及各級(jí)頁面都必須帶有網(wǎng)站的Logo(建議小于150×54)，并鏈接到網(wǎng)站首頁。統(tǒng)一按兼容分辨率800*600設(shè)計(jì)。為了使顯示更友好，建議使用778或者760px設(shè)計(jì)。網(wǎng)站頁面長(zhǎng)度建議1屏半到2屏。原則上長(zhǎng)度不超過3屏，寬度不超過1屏。根據(jù)用戶習(xí)慣和網(wǎng)站需要，國內(nèi)中文網(wǎng)站綜合類、門戶類網(wǎng)站可設(shè)計(jì)超過3屏。3.4設(shè)計(jì)中的默認(rèn)規(guī)范1.設(shè)計(jì)風(fēng)格332.圖形設(shè)計(jì)規(guī)范（1）圖片標(biāo)準(zhǔn)尺寸全尺寸banner為468×60px，半尺寸banner為234×60px，小logo為88×31px。另外150×68、120×90，120×60也是標(biāo)準(zhǔn)尺寸，網(wǎng)站logo一般控制在150×54以內(nèi)，客戶要求或特殊廣告圖片可另定尺寸。建議首頁存儲(chǔ)大小不得超過150K(包括圖片)，其它頁面經(jīng)壓縮后不得超過70K。2.圖形設(shè)計(jì)規(guī)范34（2）圖片的分類及命名規(guī)則☆名稱分為頭尾兩部分，用下劃線隔開?！铑^部分表示此圖片的大類性質(zhì)，例如廣告、標(biāo)志、菜單、按鈕等?！罘胖迷陧撁骓敳康膹V告、裝飾圖案等長(zhǎng)方形的圖片取名為banner。☆標(biāo)志性的圖片取名為：logo。☆在頁面上位置不固定并且?guī)в墟溄拥男D片取名為button?！钤陧撁嫔夏骋粋€(gè)位置連續(xù)出現(xiàn)，性質(zhì)相同的鏈接欄目的圖片取名為：menu。☆裝飾用的照片取名：pic。☆不帶鏈接表示標(biāo)題的圖片取名：title；依照此原則類推?！钗膊糠钟脕肀硎緢D片的具體含義，如果有類似圖片就用數(shù)字區(qū)別?！钚?biāo)一定做成透明的。（2）圖片的分類及命名規(guī)則35（3）Banner制作要求大Banner(468×60Pixel)容量盡量限制在15K內(nèi)，格式盡量選用GIF及動(dòng)態(tài)格式。幀切換時(shí)盡量半靜半動(dòng)。少用滿底256色以上的圖像。閃切變化主要體現(xiàn)在文字上。廣告條的border設(shè)為0，并要求加上alt說明。（3）Banner制作要求36（4）圖標(biāo)和圖片圖標(biāo)的制作應(yīng)簡(jiǎn)捷、色彩明快，在選用單色圖標(biāo)時(shí)應(yīng)根據(jù)本欄目的色彩進(jìn)行搭配。圖標(biāo)存儲(chǔ)為GIF格式（個(gè)別情況除外），盡量采用16色、填充色或單色。圖片依情況存成GIF或JPEG格式，原則上色調(diào)單一的圖片存為GIF格式，色彩復(fù)雜、層次豐富的存為JPEG格式。設(shè)計(jì)時(shí)不得用15K以上的圖片，如圖片過大可以考慮采用圖片分割的辦法。內(nèi)容圖片、導(dǎo)航圖片的border設(shè)為0，并要求加上alt說明。普通圖片不必加alt說明，但如果有鏈接要把border設(shè)為0。公用圖片或有可能更換的圖片不要指定圖片的尺寸大?。╳idth,height）。（4）圖標(biāo)和圖片373.名稱約定（1）路徑/文件名設(shè)定：路徑/文件命名時(shí)一律采用小寫英文字母、數(shù)字、下劃線的組合，其中不得包含漢字、空格和特殊字符；目錄的命名請(qǐng)盡量以英文翻譯為優(yōu)先，盡量避免使用拼音作為目錄名稱。（2）路徑/文件名稱需與欄目菜單名稱具有相關(guān)性。（3）各路徑下的開始文件，命名為index.*。靜態(tài)文件為index.html，動(dòng)態(tài)文件為index.asp，index.aspx，index.php，index.jsp。（4）文件名中用“_”下劃線作為連接符。3.名稱約定38（5）如頁面文件過長(zhǎng)需要拆分，建議多個(gè)文件按順序依次命名為filename01.*、filename02.*…。（6）內(nèi)容不同但屬于同類的，且需定期更新的頁面文件或文本采用：名稱縮寫＋(年份)＋月份＋日期＋序號(hào)，如=news081508.*。（7）大流量網(wǎng)站的首頁和各欄目首頁盡量使用以html為文件后綴名的靜態(tài)頁面。其他經(jīng)常訪問的動(dòng)態(tài)頁面也建議模擬為靜態(tài)頁面。（5）如頁面文件過長(zhǎng)需要拆分，建議多個(gè)文件按順序依次命名為f394.目錄結(jié)構(gòu)規(guī)范目錄建立的原則：以最少的層次提供最清晰簡(jiǎn)便的訪問結(jié)構(gòu)。（1）目錄命名的規(guī)范（參照名稱約定）；（2）根目錄一般只存放index.html以及其他必須的系統(tǒng)文件；（3）每個(gè)主要欄目建立一個(gè)相應(yīng)的獨(dú)立目錄；（4）根目錄下的images用于存放各頁面都要使用的公共圖片，子目錄下的images目錄存放本欄目頁面使用的私有圖片；（5）所有JS腳本存放在根目錄下的scripts目錄或includes目錄；4.目錄結(jié)構(gòu)規(guī)范40（6）所有CSS文件存放在根目錄下style目錄；（7）每個(gè)語言版本存放于獨(dú)立的目錄。例如：簡(jiǎn)體中文gb，英文en；（8）所有flash,avi,ram,quicktime等多媒體文件建議存放在根目錄下的media目錄，如果屬于各欄目下面的媒體文件，分別在該欄目目錄下建立media目錄；（9）廣告、交換鏈接、banner等圖片保存到adv目錄；（10）頁面下載、解釋時(shí)間在56k鏈接速度下不能超過40秒（欄目首頁、表單頁）或20秒（一般頁面）。（6）所有CSS文件存放在根目錄下style目錄；415.鏈接規(guī)范（1）新聞、信息類通常用新開窗口方式打開。（2）頂部導(dǎo)航、底部導(dǎo)航通常采取在本頁打開，特殊欄目和功能可新開窗口。（3）鏈接帶下劃線為鏈接通常的默認(rèn)風(fēng)格，頂部導(dǎo)航或特殊位置為了觀賞性可用樣式表取消下劃線。（4）鏈接的顏色可配合主題顏色風(fēng)格改變，通常為藍(lán)色、暗藍(lán)色、黑色，但激活后的鏈接顏色、鼠標(biāo)移動(dòng)其上時(shí)的鏈接顏色要同本身顏色進(jìn)行區(qū)分。5.鏈接規(guī)范426.頁面制作規(guī)范（1）色彩規(guī)范根據(jù)網(wǎng)站性質(zhì)，避免在一個(gè)頁面上有太多的色彩，活潑但不失穩(wěn)重，顏色柔和但不亂；文字的色彩要與頁面協(xié)調(diào)；即使頁面有背景圖片，也應(yīng)該設(shè)置背景色，通常默認(rèn)設(shè)置背景色為白色。6.頁面制作規(guī)范43（2）表格定義表格寬度時(shí)使用絕對(duì)值（指定像素）；內(nèi)嵌最大表格寬度為775pix，align=left（前提在設(shè)定為778pix的框架內(nèi)）；頁面中從上至下盡量拆分成多個(gè)層疊的表格，盡量用TBODY這個(gè)標(biāo)簽可以控制表格分行下載，當(dāng)表格內(nèi)容很大時(shí)比較實(shí)用，在需要分行下載處加上<body>和</body>；表格必須指定（border，cellspacing，cellpadding），圖文混排時(shí)推薦使用vspace=5hspace=5；為加快網(wǎng)頁下載速度，最好使用CSS定義類表格樣式。（2）表格44（3）字體為了保證不同瀏覽器上字號(hào)保持一致，字號(hào)建議用點(diǎn)數(shù)pt和像素px來定義，pt一般使用中文宋體的9pt和11pt，px一般使用中文宋體12px和14.7px這是經(jīng)過優(yōu)化的字號(hào)，黑體字或者宋體字加粗時(shí)，一般選用11pt和14.7px的字號(hào)比較合適。大小為9pt時(shí)，行距為120%；信息類最終頁面采用彈出方式；標(biāo)題及正文字體規(guī)定為11pt，行距為140%。所有頁面字體大小建議不要超過11pt?？紤]字體大小的兼容性，避免使用size=2的方式定義，盡量使用pt或px并用css定義。文字顏色與頁面配色協(xié)調(diào)，不使用與背景色相近的顏色。非圖像設(shè)計(jì)的字體一律采用windows標(biāo)準(zhǔn)宋體。如果為特殊效果需做成圖，要加粗文字用Bold，不要用Strong。頁面文本不使用下劃線方式，也盡量少采用粗體顯示。（3）字體45（4）CSS書寫規(guī)范所有的CSS的盡量采用外部調(diào)用<LINKhref="style/style.css"rel="stylesheet"type="text/css">。代碼較長(zhǎng)的首頁和重要欄目首頁可直接內(nèi)嵌CSS，避免調(diào)用時(shí)間太長(zhǎng)，使頁面未及時(shí)調(diào)用CSS風(fēng)格而顯得凌亂。書寫時(shí)重定義的最先，偽類其次，自定義最后（其中a:linka:visiteda:hovera:actived要按照順序?qū)懀?，便于自己和他人閱讀。（5）JS調(diào)用規(guī)范所有的javascript腳本盡量采取外部調(diào)用<SCRIPTLANGUAGE="JavaScript"SRC="script/xxxxx.js"></SCRIPT>。（4）CSS書寫規(guī)范46（6）首頁head區(qū)代碼規(guī)范head區(qū)是指首頁HTML代碼的<head>和</head>之間的內(nèi)容，head區(qū)必須加入的標(biāo)識(shí)：公司版權(quán)注釋：<!---Thesiteisdesignedbyyourcompany,Inc07/2005--->；網(wǎng)頁顯示字符集：例如簡(jiǎn)體中文：<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;charset=gb2312">；繁體中文：<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;charset=BIG5">；英語：<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;charset=iso-8859-1">；網(wǎng)站簡(jiǎn)介：<METANAME="DESCRIPTION"CONTENT="網(wǎng)站的簡(jiǎn)介">；搜索關(guān)鍵字：<METANAME="keywords"CONTENT="關(guān)鍵字1,關(guān)鍵字2...">；網(wǎng)頁的css規(guī)范：<LINKhref="style/style.css"rel="stylesheet"type="text/css">；網(wǎng)頁標(biāo)題：<title>這里是你的網(wǎng)頁標(biāo)題</title>；收藏夾圖標(biāo)：<linkrel="ShortcutIcon"href="favicon.ico">。（6）首頁head區(qū)代碼規(guī)范47（7）錯(cuò)誤頁面規(guī)范所有程序出錯(cuò)頁面、找不到的頁面不要使用默認(rèn)的出錯(cuò)提示，要設(shè)計(jì)為帶網(wǎng)站標(biāo)識(shí)和說明的個(gè)性化的出錯(cuò)提示頁面。（8）所有頁面必須均需經(jīng)過瀏覽器兼容測(cè)試，通常須支持主流瀏覽器IE、Firefox。（7）錯(cuò)誤頁面規(guī)范483.5網(wǎng)站設(shè)計(jì)常見錯(cuò)誤（1）將一個(gè)頁面劃分為多個(gè)框架對(duì)使用者來說，將一個(gè)頁面劃分為多個(gè)框架是非常不方便的，因?yàn)榭蚣芷茐牧司W(wǎng)頁的基本界面，打印輸出也會(huì)變得麻煩，更糟糕的是，使用者所進(jìn)行的操作可能會(huì)導(dǎo)致意想不到的結(jié)果。3.5網(wǎng)站設(shè)計(jì)常見錯(cuò)誤（1）將一個(gè)頁面劃分為多個(gè)框架49（2）畫蛇添足地使用新技術(shù)在網(wǎng)頁中使用Flash等需要下載插件的新技術(shù)，也許會(huì)引來一些無目的的訪問者，但大多數(shù)的用戶所關(guān)心的還是那些有價(jià)值的內(nèi)容以及提供良好客戶服務(wù)的能力，因此應(yīng)該合理地使用新技術(shù)。（3）滾動(dòng)字幕、變換的選擇以及持續(xù)性動(dòng)畫不要使用那些不斷運(yùn)動(dòng)的頁面元素，運(yùn)動(dòng)的動(dòng)畫容易對(duì)人的視覺產(chǎn)生不良的影響，閃爍的東西更是令人無法接受，頁面應(yīng)該創(chuàng)造平和而安靜的環(huán)境以便于瀏覽。（2）畫蛇添足地使用新技術(shù)50（4）孤立頁面應(yīng)該確保每一個(gè)頁面都具有清楚的標(biāo)記以顯示它是屬于那一個(gè)站點(diǎn)的，同樣的，每一個(gè)頁面都應(yīng)該有一個(gè)通向主頁的鏈接，以及該頁面在站點(diǎn)中的邏輯位置的指示。（5）網(wǎng)站導(dǎo)航支持匱乏在一開始設(shè)計(jì)網(wǎng)站時(shí)，就得十分清楚所要展示的信息的體系結(jié)構(gòu)，并且把這些明白無誤地展現(xiàn)給用戶。設(shè)置一個(gè)網(wǎng)站地圖，用戶就能夠知道他們所在的位置。網(wǎng)站設(shè)計(jì)風(fēng)格和創(chuàng)意課件51（6）非標(biāo)準(zhǔn)的鏈接顏色用戶還沒有訪問過的頁面鏈接應(yīng)該是藍(lán)色的；已經(jīng)訪問過的頁面鏈接應(yīng)該是紫色或者紅色的。不要把這些顏色混淆起來，因?yàn)橥ㄟ^鏈接的顏色來判斷頁面是否已經(jīng)被訪問過，從而了解訪問的路線，這是大部分瀏覽器所支持的標(biāo)準(zhǔn)導(dǎo)航輔助特性之一。要讓用戶明確這種鏈接顏色的含義，顏色使用的一致性是關(guān)鍵。（6）非標(biāo)準(zhǔn)的鏈接顏色52（7）過時(shí)信息應(yīng)該把網(wǎng)頁維護(hù)費(fèi)列入部門預(yù)算。維護(hù)往往是改進(jìn)網(wǎng)站內(nèi)容的經(jīng)濟(jì)途徑，許多舊的頁面仍可以保持原有內(nèi)容，只要鏈接到新頁面上就可以，那些過期的網(wǎng)頁應(yīng)該徹底地從服務(wù)器上清理掉。（8）過長(zhǎng)的下載時(shí)間研究表明，頁面的反應(yīng)時(shí)間超過10至15秒，用戶就很容易失去興趣，網(wǎng)頁設(shè)計(jì)中盡量少地使用圖片，如果使用也要進(jìn)行壓縮。（7）過時(shí)信息53（9）網(wǎng)頁標(biāo)題很多網(wǎng)頁設(shè)計(jì)者并沒有為他們的網(wǎng)頁設(shè)定標(biāo)題，這是個(gè)錯(cuò)誤，搜索引擎會(huì)根據(jù)網(wǎng)頁的標(biāo)題來進(jìn)行識(shí)別。而且，用戶在瀏覽器的收藏夾中存儲(chǔ)網(wǎng)頁地址的時(shí)候，默認(rèn)的名稱也是網(wǎng)頁的標(biāo)題。一個(gè)不太明顯的錯(cuò)誤是網(wǎng)站的設(shè)計(jì)者在每個(gè)頁面上都使用相同的標(biāo)題，如果為每個(gè)頁面都提供不同的標(biāo)題來進(jìn)行識(shí)別，那將會(huì)非常有幫助。當(dāng)然，標(biāo)題應(yīng)當(dāng)是簡(jiǎn)潔清晰的，冗長(zhǎng)的網(wǎng)頁標(biāo)題和沒有標(biāo)題的網(wǎng)站是一樣糟糕的。（9）網(wǎng)頁標(biāo)題54（10）間接鏈接/中轉(zhuǎn)鏈接/重定向鏈接不要阻止其它網(wǎng)站直接鏈接您的網(wǎng)站內(nèi)容，有很多大型的內(nèi)容提供商違反了這一規(guī)則，比如新聞網(wǎng)站將其它網(wǎng)站引用的鏈接重定向，這樣訪問者往往停留在您的首頁。使用這種笨拙的手段似乎認(rèn)為強(qiáng)迫訪問者進(jìn)入首頁就能讓他們對(duì)其它的內(nèi)容感興趣，但實(shí)際上，這樣做的結(jié)果只會(huì)讓人們掃興而走。（10）間接鏈接/中轉(zhuǎn)鏈接/重定向鏈接55本章小結(jié)

本章詳細(xì)介紹了網(wǎng)站設(shè)計(jì)的原則，網(wǎng)站設(shè)計(jì)的風(fēng)格和創(chuàng)意，以及網(wǎng)站設(shè)計(jì)的規(guī)范和常見的錯(cuò)誤，讓讀者深入了解網(wǎng)頁設(shè)計(jì)的豐富內(nèi)涵，為下一步的網(wǎng)頁制作做好充分的理論準(zhǔn)備。本章小結(jié)56第3章電子商務(wù)網(wǎng)站內(nèi)容設(shè)計(jì)【本章導(dǎo)讀】

本章對(duì)電子商務(wù)網(wǎng)站的內(nèi)容設(shè)計(jì)進(jìn)行了詳細(xì)的介紹：第一節(jié)首先介紹使用那些方法對(duì)網(wǎng)站進(jìn)行合理的需求分析；第二節(jié)從主題和功能兩個(gè)方面對(duì)網(wǎng)站的定位進(jìn)行深入的探討；第三節(jié)主要介紹網(wǎng)站的內(nèi)容規(guī)劃，包括網(wǎng)站的總體結(jié)構(gòu)設(shè)計(jì)和常用模塊；最后兩節(jié)分別從網(wǎng)站建設(shè)所涉及的技術(shù)支持和進(jìn)度規(guī)劃等進(jìn)行介紹?！颈菊乱c(diǎn)】

需求分析基本內(nèi)容及方法

主題、功能定位

結(jié)構(gòu)設(shè)計(jì)、模塊設(shè)計(jì)

網(wǎng)絡(luò)平臺(tái)、服務(wù)支撐體系

數(shù)據(jù)庫設(shè)計(jì)、網(wǎng)站安全

網(wǎng)站建設(shè)進(jìn)度規(guī)劃第3章電子商務(wù)網(wǎng)站內(nèi)容設(shè)計(jì)573.1網(wǎng)站設(shè)計(jì)的原則3.2網(wǎng)站設(shè)計(jì)風(fēng)格和創(chuàng)意

3.3頁面內(nèi)容設(shè)計(jì)3.4設(shè)計(jì)中的默認(rèn)規(guī)范3.5網(wǎng)站設(shè)計(jì)常見錯(cuò)誤本章小結(jié)3.1網(wǎng)站設(shè)計(jì)的原則583.1網(wǎng)站設(shè)計(jì)的原則（1）明確建立網(wǎng)站的目標(biāo)和用戶需求Web站點(diǎn)的設(shè)計(jì)是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑，因此必須明確設(shè)計(jì)站點(diǎn)的目的和用戶需求，從而做出切實(shí)可行的設(shè)計(jì)計(jì)劃。要根據(jù)消費(fèi)者的需求、市場(chǎng)的狀況、企業(yè)自身的情況等進(jìn)行綜合分析，牢記以“消費(fèi)者（customer)”為中心，而不是以“美術(shù)”為中心進(jìn)行設(shè)計(jì)規(guī)劃。在設(shè)計(jì)規(guī)劃之初重點(diǎn)考慮：建設(shè)網(wǎng)站的目的是什么？為誰提供服務(wù)和產(chǎn)品？企業(yè)能提供什么樣的產(chǎn)品和服務(wù)？網(wǎng)站的目的消費(fèi)者和受眾的特點(diǎn)是什么？企業(yè)產(chǎn)品和服務(wù)適合什么樣的表現(xiàn)方式（風(fēng)格）？3.1網(wǎng)站設(shè)計(jì)的原則（1）明確建立網(wǎng)站的目標(biāo)和用戶需求59（2）總體設(shè)計(jì)方案要求主題鮮明在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對(duì)網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。Web站點(diǎn)應(yīng)針對(duì)所服務(wù)對(duì)象（機(jī)構(gòu)或人）的不同而具有不同的形式。有些站點(diǎn)只提供簡(jiǎn)潔文本信息；有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面布置，甚至可以下載聲音和錄像片段。好的Web站點(diǎn)把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來。要做到主題鮮明突出，要點(diǎn)明確，以簡(jiǎn)單明確的語言和畫面體現(xiàn)站點(diǎn)的主題。調(diào)動(dòng)一切手段充分表現(xiàn)網(wǎng)站點(diǎn)的個(gè)性和情趣，辦出網(wǎng)站的特點(diǎn)。Web站點(diǎn)主頁應(yīng)具備的基本成分包括：頁頭，用于準(zhǔn)確無誤地標(biāo)識(shí)你的站點(diǎn)和企業(yè)標(biāo)志；Email地址，用來接收用戶垂詢；聯(lián)系信息，如普通郵件地址或電話；版權(quán)信息，用于聲明版權(quán)所有者等。注意重復(fù)利用已有信息，如客戶手冊(cè)、公共關(guān)系文檔、技術(shù)手冊(cè)和數(shù)據(jù)庫等可以輕而易舉地用到企業(yè)的Web站點(diǎn)中。（2）總體設(shè)計(jì)方案要求主題鮮明60（3）網(wǎng)站的版式設(shè)計(jì)網(wǎng)頁設(shè)計(jì)作為一種視覺語言，要講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)者也應(yīng)該知道哪一段文字、圖形該落于何處，才能使整個(gè)網(wǎng)頁生輝。多頁面站點(diǎn)頁面的編排設(shè)計(jì)要求把頁面之間的有機(jī)聯(lián)系反映出來，特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。（3）網(wǎng)站的版式設(shè)計(jì)61（4）色彩在網(wǎng)頁設(shè)計(jì)中的作用色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來構(gòu)成美麗的頁面。根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用。按照色彩的記憶性原則，一般暖色較冷色的記憶性強(qiáng)；色彩還具有聯(lián)想與象征的物質(zhì)，如紅色象征血、太陽；藍(lán)色象征大海、天空和水面等。所以設(shè)計(jì)出售冷食的虛擬店面，應(yīng)使用淡雅而沉靜的顏色，使人心理上感覺涼爽一些。網(wǎng)頁的顏色應(yīng)用并沒有數(shù)量的限制，但不能毫無節(jié)制地運(yùn)用多種顏色，一般情況下，先根據(jù)總體風(fēng)格的要求定出一至二種主色調(diào)，有CIS（企業(yè)形象識(shí)別系統(tǒng)）的更應(yīng)該按照其中的VI進(jìn)行色彩運(yùn)用。在色彩的運(yùn)用過程中，還應(yīng)注意的一個(gè)問題是：由于國家和種族、宗教和信仰的不同，以及生活的地理位置、文化修養(yǎng)的差異等，不同的人群對(duì)色彩的喜惡程度有著很大的差異。如：兒童喜歡對(duì)比強(qiáng)烈、個(gè)性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在“沙漠”中的人喜歡綠色。在設(shè)計(jì)中要考慮主要讀者群的背景和構(gòu)成。（4）色彩在網(wǎng)頁設(shè)計(jì)中的作用62（5）網(wǎng)頁形式與內(nèi)容相統(tǒng)一要將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)，形式語言必須符合頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。運(yùn)用對(duì)比與調(diào)和、對(duì)稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對(duì)稱原則在頁面設(shè)計(jì)中，它的均衡有時(shí)會(huì)使頁面顯得呆板，但如果加入一些富有動(dòng)感的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi)容往往會(huì)達(dá)到比較好的效果。點(diǎn)、線、面作為視覺語言中的基本元素，要使用點(diǎn)、線、面的互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁面效果。網(wǎng)頁設(shè)計(jì)中點(diǎn)、線、面的運(yùn)用并不是孤立的，很多時(shí)候都需要將它們結(jié)合起來，表達(dá)完美的設(shè)計(jì)意境。（5）網(wǎng)頁形式與內(nèi)容相統(tǒng)一63（6）三維空間的構(gòu)成和虛擬現(xiàn)實(shí)網(wǎng)絡(luò)上的三維空間是一個(gè)假想空間，這種空間關(guān)系需借助動(dòng)靜變化、圖像的比例關(guān)系等空間因素表現(xiàn)出來。在頁面中，圖片、文字位置前后疊壓，或頁面位置變化所產(chǎn)生的視覺效果都各不相同。圖片、文字前后疊壓所構(gòu)成的空間層次目前還不多見，網(wǎng)上更多的是一些設(shè)計(jì)比較規(guī)范、簡(jiǎn)明的頁面，這種疊壓排列能產(chǎn)生強(qiáng)節(jié)奏的空間層次，視覺效果強(qiáng)烈。網(wǎng)頁上常見的是頁面上、下、左、右、中位置所產(chǎn)生的空間關(guān)系，以及疏密的位置關(guān)系所產(chǎn)生的空間層次，這兩種位置關(guān)系使產(chǎn)生的空間層次富有彈性，同時(shí)也讓人產(chǎn)生輕松或緊迫的心理感受。現(xiàn)在，人們已不滿足于HTML語言編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現(xiàn)實(shí)要在Web網(wǎng)上展示其迷人的風(fēng)采，于是VRML語言出現(xiàn)了。VRML是一種面向?qū)ο蟮恼Z言，它類似Web超級(jí)鏈接所使用的HTML語言，也是一種基于文本的語言，并可以運(yùn)行在多種平臺(tái)之上，只不過能夠更多地為虛擬現(xiàn)實(shí)環(huán)境服務(wù)。（6）三維空間的構(gòu)成和虛擬現(xiàn)實(shí)64（7）多媒體功能的利用網(wǎng)絡(luò)資源的優(yōu)勢(shì)之一是多媒體功能。要吸引瀏覽者注意力，頁面的內(nèi)容可以用三維動(dòng)畫、FLASH等來表現(xiàn)。但要注意，由于網(wǎng)絡(luò)帶寬的限制，在使用多媒體的形式表現(xiàn)網(wǎng)頁的內(nèi)容時(shí)應(yīng)考慮客戶端的傳輸速度。（8）網(wǎng)站測(cè)試和改進(jìn)網(wǎng)站測(cè)試實(shí)際上是模擬用戶詢問網(wǎng)站的過程，用以發(fā)現(xiàn)問題并改進(jìn)設(shè)計(jì)。要注意讓用戶參與網(wǎng)站測(cè)試。（7）多媒體功能的利用65（9）內(nèi)容更新與溝通企業(yè)Web站點(diǎn)建立后，要不斷更新內(nèi)容。站點(diǎn)信息的不斷更新，讓瀏覽者了解企業(yè)的發(fā)展動(dòng)態(tài)和網(wǎng)上職務(wù)等，同時(shí)也會(huì)幫助企業(yè)建立良好的好象。在企業(yè)的Web站點(diǎn)上，要認(rèn)真回復(fù)用戶的電子郵件和傳統(tǒng)的聯(lián)系方式如信件、電話垂詢和傳真，做到有問必答。最好將用戶的用意進(jìn)行分類，如售前一般了解售后服務(wù)等，由相關(guān)部門處理，使網(wǎng)站訪問者感受到企業(yè)的真實(shí)存在并由此產(chǎn)生信任感。注意不要許諾你實(shí)現(xiàn)不了的東西，在你真正有能力處理回復(fù)之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時(shí)答復(fù)的電話號(hào)碼。如果要求訪問者自愿提供其個(gè)人信息，應(yīng)公布并認(rèn)真履行個(gè)人隱私保承諾。（10）合理運(yùn)用新技術(shù)新的網(wǎng)頁制作技術(shù)幾乎每天都會(huì)出現(xiàn)，如果不是介紹網(wǎng)絡(luò)技術(shù)的專業(yè)站點(diǎn)，一定要合理地運(yùn)用網(wǎng)頁制作的新技術(shù)，切忌將網(wǎng)站變?yōu)橐粋€(gè)制作網(wǎng)頁的技術(shù)展臺(tái)，永遠(yuǎn)記住用戶方便快捷地得到所需要的信息是最重要的。對(duì)于網(wǎng)站設(shè)計(jì)者來說，必須學(xué)習(xí)跟蹤掌握網(wǎng)頁設(shè)計(jì)的新技術(shù)如Java、DHTML、XML等，根據(jù)網(wǎng)站的內(nèi)容和形式的需要合理地應(yīng)用到設(shè)計(jì)中。（9）內(nèi)容更新與溝通663.2網(wǎng)站設(shè)計(jì)風(fēng)格和創(chuàng)意3.2.1網(wǎng)站總體風(fēng)格

應(yīng)該如何樹立網(wǎng)站風(fēng)格呢？可以分這樣幾個(gè)步驟實(shí)施：（1）確信風(fēng)格是建立在有價(jià)值內(nèi)容之上的。一個(gè)網(wǎng)站有風(fēng)格而沒有內(nèi)容，就好比繡花枕頭。首先必須保證內(nèi)容的質(zhì)量和價(jià)值性，這是最基本的，無須置疑。3.2網(wǎng)站設(shè)計(jì)風(fēng)格和創(chuàng)意3.2.1網(wǎng)站總體風(fēng)格67（2）要弄清楚自己希望站點(diǎn)給瀏覽者的印象是怎么樣的，可以從這幾方面來理清思路：如果只用一句話來描述你的站點(diǎn)，應(yīng)該是：有創(chuàng)意，專業(yè)，有實(shí)力，有美感，有沖擊力。想到你的站點(diǎn)，可以聯(lián)想到的色彩是：熱情的紅色，幻想的天蘭色，聰明的金黃色。想到你的站點(diǎn)，可以聯(lián)想到的畫面是：一份早報(bào)，一輛法拉利跑車，人群擁擠的廣場(chǎng)，雜貨店。如果網(wǎng)站是一個(gè)人，他擁有的個(gè)性是：思想成熟的中年人，狂野奔放的牛仔，自信憨厚的創(chuàng)業(yè)者。瀏覽者覺得你和其他網(wǎng)站的不同是：可以信賴，信息最快，交流方便。瀏覽者和你交流合作的感受是：師生，同事，朋友，長(zhǎng)幼。通過這樣一份調(diào)查，經(jīng)統(tǒng)計(jì)后的結(jié)果會(huì)告訴你：你網(wǎng)站現(xiàn)在的差距、弱點(diǎn)及需要改進(jìn)的地方。（2）要弄清楚自己希望站點(diǎn)給瀏覽者的印象是怎么樣的，可以從這68（3）在明確自己的網(wǎng)站印象后，開始努力建立和加強(qiáng)這種印象。經(jīng)過第二步印象的“量化”后，你需要進(jìn)一步找出其中最有特色特點(diǎn)的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西，并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化，宣傳。例如：再次審查網(wǎng)站名稱、域名、欄目名稱是否符合這種個(gè)性，是否易記；審查網(wǎng)站標(biāo)準(zhǔn)色彩是否容易聯(lián)想這種特色，是否能體現(xiàn)網(wǎng)站的性格等等；具體的做法沒有定式，下面僅提供一些參考：（3）在明確自己的網(wǎng)站印象后，開始努力建立和加強(qiáng)這種印象。經(jīng)69將網(wǎng)站的標(biāo)志logo，盡可能的出現(xiàn)在每個(gè)頁面上。或者頁眉，或者頁腳，或則背景。突出網(wǎng)站的標(biāo)準(zhǔn)色彩。文字的鏈接色彩，圖片的主色彩，背景色，邊框等色彩盡量使用與標(biāo)準(zhǔn)色彩一致的色彩。突出網(wǎng)站的標(biāo)準(zhǔn)字體。在關(guān)鍵的標(biāo)題、菜單、圖片里使用統(tǒng)一的標(biāo)準(zhǔn)字體。使用統(tǒng)一的語氣和人稱。即使是多個(gè)人合作維護(hù)，也要讓讀者覺得是同一個(gè)人寫的。使用統(tǒng)一的圖片處理效果。比如，陰影效果的方向，厚度，模糊度都必須一樣。使用自己設(shè)計(jì)的花邊、線條、點(diǎn)。展示網(wǎng)站的榮譽(yù)和成功作品。風(fēng)格的形成不是一次定位的，只有在實(shí)踐中不斷的強(qiáng)化、調(diào)整、修飾，才會(huì)逐漸的形成自己獨(dú)特的，而又被大眾所接受的風(fēng)格。將網(wǎng)站的標(biāo)志logo，盡可能的出現(xiàn)在每個(gè)頁面上?；蛘唔撁迹?03.2.2網(wǎng)站的創(chuàng)意設(shè)計(jì)創(chuàng)意思考的過程分五階段：（1）準(zhǔn)備期：研究所搜集的資料，根據(jù)舊經(jīng)驗(yàn)，啟發(fā)新創(chuàng)意；（2）孵化期：將資料咀嚼消化，使意識(shí)自由發(fā)展，任意結(jié)合；（3）啟示期：意識(shí)發(fā)展并結(jié)合，產(chǎn)生創(chuàng)意；（4）驗(yàn)證期：將產(chǎn)生的創(chuàng)意討論修正；（5）形成期：設(shè)計(jì)制作網(wǎng)頁，將創(chuàng)意具體化。3.2.2網(wǎng)站的創(chuàng)意設(shè)計(jì)713.3頁面內(nèi)容設(shè)計(jì)3.3.1主頁設(shè)計(jì)設(shè)計(jì)一個(gè)主頁，具體步驟如下：（1）確定主頁的功能模塊主頁的功能模塊是指設(shè)計(jì)人員需要在主頁上實(shí)現(xiàn)的主要內(nèi)容和功能。一般站點(diǎn)都含有網(wǎng)站名稱（Logo）、廣告條（Banner）、主菜單（Menu）、新聞（News）、搜索（Search）、友情鏈接（Links）、郵件列表（Maillist）、計(jì)數(shù)器（Count）、版權(quán)（Copyright）等模塊。用戶也可根據(jù)主頁設(shè)計(jì)的需要選擇其中部分模塊即可。3.3頁面內(nèi)容設(shè)計(jì)3.3.1主頁設(shè)計(jì)72（2）設(shè)計(jì)主頁的版面在功能模塊確定后，開始設(shè)計(jì)主頁的版面，如何在一個(gè)頁面上編排這些功能模塊，以使得主頁的整體效果最好，就全憑網(wǎng)頁設(shè)計(jì)者的創(chuàng)意和想象力了，一般都需要先勾畫草圖，修改滿意后，然后在網(wǎng)頁制作軟件中實(shí)現(xiàn)。（3）處理技術(shù)上的細(xì)節(jié)在技術(shù)上，主頁考慮字體的風(fēng)格、超鏈接的實(shí)現(xiàn)以及圖形、動(dòng)畫與文字的關(guān)系等。主頁面的大小要適中，既要表達(dá)網(wǎng)站的主題，又要盡量精簡(jiǎn)，應(yīng)避免因首頁內(nèi)容多導(dǎo)致加載時(shí)間過長(zhǎng)，而給用戶不好的印象。（2）設(shè)計(jì)主頁的版面733.3.2欄目與版面設(shè)計(jì)1.欄目設(shè)計(jì)欄目是一個(gè)網(wǎng)站的大綱索引，是網(wǎng)頁上需要展示的信息，欄目應(yīng)該將網(wǎng)站的主體明確顯示出來，一般的網(wǎng)站欄目安排要注意以下幾個(gè)方面。（1）緊扣網(wǎng)站主題通常將主題按一定的方法分類，將它們作為網(wǎng)站的主欄目。主欄目個(gè)數(shù)在總欄目中要占絕對(duì)優(yōu)勢(shì)，這樣網(wǎng)站才會(huì)顯得專業(yè)、主題突出，并且容易給人留下深刻的印象。（2）設(shè)立一個(gè)最近更新或網(wǎng)站指南欄目如果網(wǎng)站的主頁沒有安排版面放置最近更新的內(nèi)容消息，就有必要設(shè)置一個(gè)“最近更新”欄目，這樣做是為了照顧常來的訪客，讓網(wǎng)站的主頁更加人性化。如果網(wǎng)站主頁的內(nèi)容龐大，層次較多，而又沒有站內(nèi)搜索，則有必要設(shè)置一個(gè)“本站指南”或“內(nèi)容導(dǎo)航”欄目，這樣可以幫助初訪者快速找到他們想要的內(nèi)容。3.3.2欄目與版面設(shè)計(jì)74（3）設(shè)定一個(gè)可以雙向交流的欄目雙向交流的欄目不需要很多，但一定要有，比如論壇、留言板、郵件等，可以讓瀏覽者留下他們的信息。有調(diào)查表明，提供雙向交流的站點(diǎn)比簡(jiǎn)單的留一個(gè)E-mail信箱更具有親和力。（4）設(shè)置一個(gè)下載或常見問題回答欄目網(wǎng)絡(luò)的特點(diǎn)是信息共享，如果你看到一個(gè)站點(diǎn)有大量?jī)?yōu)秀的、有價(jià)值的資料，你肯定希望能一次性下載，而不是一頁一頁的瀏覽保存，如果站點(diǎn)經(jīng)常收到網(wǎng)友關(guān)于某個(gè)方面問題的來信，應(yīng)該設(shè)立一個(gè)常見的問題回答的欄目，這樣既方便了訪問者，也節(jié)約了自己的時(shí)間。至于其他的輔助內(nèi)容，如關(guān)于本站、版權(quán)信息等可以不放在主欄目，以免沖淡主題。在主欄目中盡可能刪除與主題無關(guān)的欄目，而將最有價(jià)值的內(nèi)容列在欄目上，以便于訪問者瀏覽和查詢。（3）設(shè)定一個(gè)可以雙向交流的欄目752.版面布局在布局過程中要做到以下幾點(diǎn)：（1）主次分明，突出重點(diǎn)：在一個(gè)頁面上，必然考慮視覺的中心，這個(gè)中心一般在屏幕的中央或者中央偏上的部位。因此，一些重要的文章和圖片一般可以安排在這個(gè)部位，在視覺中心以外的地方就可以安排那些稍微次要的內(nèi)容，這樣在頁面上就突出了重點(diǎn)，做到主次有別。（2）圖文并茂：文字和圖片具有相互補(bǔ)充的視覺關(guān)系，頁面上文字太多，就顯得沉悶，缺乏生氣；頁面上圖片太多，缺少文字，比如會(huì)減少頁面的信息容量。因此最理想的效果是文字和圖片的密切配合，既能活躍頁面，又使主頁又豐富的內(nèi)容。2.版面布局76版面布局的步驟：（1）輪廓設(shè)計(jì)：一個(gè)新的頁面可以看成是一張白紙，設(shè)計(jì)者可以盡可能的發(fā)揮想象力，把你想到的景象畫上去。這屬于創(chuàng)造階段，不講究細(xì)膩工整，也不考慮細(xì)節(jié)功能，只需大概的勾畫出創(chuàng)意的輪廓即可。（2）布局設(shè)計(jì)：在輪廓設(shè)計(jì)的基礎(chǔ)上，將所需要的各種功能模塊安排到頁面上，在排放時(shí)必須遵循突出重點(diǎn)、平衡協(xié)調(diào)的原則，將網(wǎng)站標(biāo)志、主菜單等最重要的內(nèi)容放在最顯眼、最突出的位置，然后再考慮次要模塊的擺放。（3）細(xì)節(jié)設(shè)計(jì)：將粗略布局精細(xì)化、具體化。版面布局的步驟：77詳細(xì)介紹幾種常用的版面布局形式:（1）“T”形結(jié)構(gòu)布局:是指頁面頂部為橫條網(wǎng)站標(biāo)志加廣告條，下方左頁面為主菜單，右面顯示內(nèi)容的布局，因?yàn)椴藛螚l背景較深，整體效果類似英文字母“T”，所以稱之為“T”形布局，這是網(wǎng)頁設(shè)計(jì)中用的最多的一種布局方式。這種布局方式的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰、主次分明，是初學(xué)者最容易上手的布局方法，缺點(diǎn)是規(guī)矩呆板。（2）“口”形布局:這是一個(gè)象形的說法，就是頁面一般上下各有一個(gè)廣告條，左面是主菜單，右面放友情鏈接，中間是主要內(nèi)容，這種布局的優(yōu)點(diǎn)是可以充分的利用版面，信息量大，缺點(diǎn)是頁面擁擠，不夠靈活。詳細(xì)介紹幾種常用的版面布局形式:78（3）“國”字形:也可以稱為“同”字型，是一些大型網(wǎng)站所喜歡的類型，即最上面是網(wǎng)站的標(biāo)題以及橫幅廣告條，接下來就是網(wǎng)站的主要內(nèi)容，左右分列一些小條內(nèi)容，中間是主要部分，與左右一起羅列到底，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等，這種結(jié)構(gòu)是網(wǎng)上用的最多的一種結(jié)構(gòu)類型。（4）封面型:這種類型基本是出現(xiàn)在一些網(wǎng)站的首頁，大部分為一些精美的平面設(shè)計(jì)結(jié)合一些小的動(dòng)畫，放上幾個(gè)簡(jiǎn)單的鏈接或者僅是一個(gè)“進(jìn)入”的鏈接，甚至直接在主頁的圖片上做鏈接而沒有任何的提示。這種類型大部分出現(xiàn)在企業(yè)網(wǎng)站和個(gè)人主頁，如果處理得好，會(huì)給人帶來很好的感覺。版面布局應(yīng)該加強(qiáng)視覺效果，加強(qiáng)文檔的可視度和可讀性。統(tǒng)一的視覺、新鮮和個(gè)性是網(wǎng)頁布局的最高境界。（3）“國”字形:也可以稱為“同”字型，是一些大型網(wǎng)站所喜歡793.3.3美工設(shè)計(jì)隨著網(wǎng)頁制作經(jīng)驗(yàn)的積累，在選擇色彩的時(shí)候會(huì)有這樣的一個(gè)趨勢(shì)：?jiǎn)紊宀世_紛→標(biāo)準(zhǔn)色→單色。一開始因?yàn)榧夹g(shù)和知識(shí)缺乏，只能制作出簡(jiǎn)單的網(wǎng)頁，色彩單一；在有一定基礎(chǔ)和材料后，希望制作一個(gè)漂亮的網(wǎng)頁，將自己收集的最好的圖片，最滿意色彩堆砌在頁面上；但是時(shí)間一長(zhǎng)，卻發(fā)現(xiàn)色彩雜亂，沒有個(gè)性和風(fēng)格；第三次重新定位自己的網(wǎng)站，選擇好切合自己的色彩，推出的站點(diǎn)往往比較成功；當(dāng)最后設(shè)計(jì)理念和技術(shù)達(dá)到頂峰時(shí)，則又返樸歸真，用單一色彩甚至非彩色就可以設(shè)計(jì)出簡(jiǎn)潔精美的站點(diǎn)。3.3.3美工設(shè)計(jì)80在為網(wǎng)頁選擇合適色彩的過程中，應(yīng)該遵循以下幾個(gè)原則：（1）色彩的鮮明性：網(wǎng)頁的色彩要鮮艷，容易引人注目。（2）色彩的獨(dú)特性：要有與眾不同的色彩，使得大家對(duì)你的印象強(qiáng)烈。（3）色彩的合適性：即色彩要和你表達(dá)的內(nèi)容氣氛相適合，如用粉色體現(xiàn)女性站點(diǎn)的柔性。（4）色彩的聯(lián)想性：不同色彩會(huì)產(chǎn)生不同的聯(lián)想，藍(lán)色想到天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和你網(wǎng)頁的內(nèi)涵相關(guān)聯(lián)。在為網(wǎng)頁選擇合適色彩的過程中，應(yīng)該遵循以下幾個(gè)原則：81在選擇網(wǎng)頁色彩搭配過程中，還要注意以下幾個(gè)問題：（1）了解你的網(wǎng)站所要傳達(dá)的訊息和品牌，選擇可以加強(qiáng)這些訊息的顏色。例如，如果在設(shè)計(jì)一個(gè)強(qiáng)調(diào)穩(wěn)健的金融機(jī)構(gòu)，那么就要選擇冷色系、柔和的顏色，如藍(lán)、灰或綠。在這樣的狀況下，如果使用暖色系或活潑的顏色，可能會(huì)破壞了該網(wǎng)站品牌。（2）了解你的讀者群。文化差異可能會(huì)使色彩產(chǎn)生非預(yù)期的反應(yīng)。同時(shí)，不同地區(qū)與不同年齡層對(duì)顏色的反應(yīng)亦會(huì)有所不同。年輕族群一般比較喜歡飽和色，但這樣的顏色卻引不起高年齡層的興趣。（3）不要使用過多的顏色。除了黑色和白色以外，約選擇四到五個(gè)顏色就夠了。太多的顏色會(huì)導(dǎo)致混淆，也會(huì)拉走讀者的注意力。（4）在閱讀的部分使用對(duì)比色。顏色太接近無法產(chǎn)生足夠的對(duì)比效果，也會(huì)妨礙觀眾閱讀。白底黑字的閱讀效果最好。在選擇網(wǎng)頁色彩搭配過程中，還要注意以下幾個(gè)問題：82（5）用灰階來測(cè)試對(duì)比。當(dāng)你在處理黑色、白色和灰色以外的顏色的時(shí)候，有時(shí)候會(huì)很難決定每個(gè)顏色的相對(duì)值。為了要確認(rèn)你的色盤能提供足夠的對(duì)比，你可以建立一個(gè)仿真網(wǎng)站，并將它轉(zhuǎn)換成灰階即可。（6）選擇顏色要注意時(shí)效性。同一個(gè)色彩很容易就充斥著整個(gè)市場(chǎng)，且消費(fèi)者很快的就對(duì)流行色彩感到麻木。但就另外一個(gè)角度來看，你可以使用幾十年前的流行色彩，引起人們的懷舊之情。（7）選擇色盤時(shí)請(qǐng)考慮功能性的顏色。別忘了將關(guān)鍵信息部分建立功能性的顏色，例如標(biāo)題和超級(jí)鏈接等。（8）注意網(wǎng)站色差問題。每一個(gè)網(wǎng)站開發(fā)人員都知道，即使是網(wǎng)絡(luò)通用顏色在跨平臺(tái)顯示的時(shí)候都會(huì)有些不同。記得要校正你的gamma值，并在不同的作業(yè)平臺(tái)上測(cè)試你的色盤。（5）用灰階來測(cè)試對(duì)比。當(dāng)你在處理黑色、白色和灰色以外的顏色833.3.4導(dǎo)航設(shè)計(jì)具體的要求如下：（1）輔助導(dǎo)航：為用戶提供一個(gè)直觀的指示，讓用戶知道現(xiàn)在所在網(wǎng)站的位置，每一級(jí)位置的名稱都得有鏈接可返回，在每一個(gè)網(wǎng)頁都必須包括輔助導(dǎo)航以及左上角的網(wǎng)站LOGO標(biāo)識(shí)。（2）網(wǎng)站LOGO鏈接：每一個(gè)出現(xiàn)的網(wǎng)站LOGO都要加上回到網(wǎng)站首頁的鏈接，用戶已經(jīng)習(xí)慣了點(diǎn)擊網(wǎng)站LOGO作為回到網(wǎng)站首頁的方法。（3）導(dǎo)航條的位置：主導(dǎo)航條的位置應(yīng)該在接近頂部或網(wǎng)頁左側(cè)的位置，如果因?yàn)閮?nèi)容過多需要子導(dǎo)航時(shí)，要讓用戶容易地分辨出哪個(gè)是主導(dǎo)航條，哪個(gè)是某主題的子導(dǎo)航條。（4）聯(lián)系信息：進(jìn)入“聯(lián)系我們”網(wǎng)頁的鏈接或者直接呈現(xiàn)詳細(xì)的聯(lián)系方式都必須在網(wǎng)站的任何一個(gè)網(wǎng)頁中可以找到。3.3.4導(dǎo)航設(shè)計(jì)84（5）導(dǎo)航使用的簡(jiǎn)單性：導(dǎo)航的使用必須得盡可能的簡(jiǎn)單，避免使用下拉或彈出式菜單導(dǎo)航，如果沒辦法一定得用，那么菜單的層次不要超過兩層。（6）網(wǎng)頁指示：應(yīng)該讓用戶知道現(xiàn)在所看的網(wǎng)頁是什么和與現(xiàn)在所看網(wǎng)頁的相關(guān)網(wǎng)頁是什么，例如通過輔助導(dǎo)航“首頁>新聞?lì)l道>焦點(diǎn)新聞”里的對(duì)所在網(wǎng)頁位置的文字說明，同時(shí)配合導(dǎo)航的顏色高亮，可以達(dá)到視覺直觀指示的效果。（7）已瀏覽網(wǎng)頁的指示：最簡(jiǎn)單地可以通過已點(diǎn)擊超鏈后的變色，如果不在同一網(wǎng)頁的超鏈接網(wǎng)頁，可以在其它位置顯示用戶已瀏覽過的內(nèi)容。（8）登陸退出口：登陸入口和退出登陸出口要在全網(wǎng)站的每一個(gè)網(wǎng)頁都可以找到，讓用戶進(jìn)入任一網(wǎng)頁都可以登陸和退出。（9）導(dǎo)航內(nèi)容明顯的區(qū)別：導(dǎo)航的目錄或主題種類必須得清晰，不要讓用戶困惑，而且如果有需要突出主要網(wǎng)頁的區(qū)域，則應(yīng)該與一般網(wǎng)頁在視覺上有所區(qū)別。（5）導(dǎo)航使用的簡(jiǎn)單性：導(dǎo)航的使用必須得盡可能的簡(jiǎn)單，避免使85（10）導(dǎo)航的鏈接必須全是有效鏈接：無論是一般導(dǎo)航還是有下拉菜單的導(dǎo)航，里面的所有文字都應(yīng)該是有效的鏈接。（11）準(zhǔn)確的導(dǎo)航文字描述：用戶在點(diǎn)擊導(dǎo)航鏈接前對(duì)他們所找的東西有一個(gè)大概的了解，鏈接上的文字必須能準(zhǔn)確描述鏈接所到達(dá)的網(wǎng)頁內(nèi)容。（12）搜索導(dǎo)航結(jié)果：搜索的結(jié)果一定不要出現(xiàn)“無法找到”的結(jié)果，這是很讓用戶失望的，如果無法精確找出結(jié)果，搜索功能應(yīng)該實(shí)現(xiàn)對(duì)錯(cuò)字，類似產(chǎn)品或相關(guān)產(chǎn)品給出一個(gè)相近的模糊結(jié)果。在網(wǎng)頁設(shè)計(jì)中，為了防止由于疏忽而造成超鏈接失敗，應(yīng)在欄目和版面設(shè)計(jì)中畫出超鏈接的關(guān)系，在網(wǎng)頁上傳后，逐一測(cè)試每一頁的每個(gè)超鏈接是否有效，以防出現(xiàn)失敗的超鏈接。（10）導(dǎo)航的鏈接必須全是有效鏈接：無論是一般導(dǎo)航還是有下拉863.3.5圖像與動(dòng)畫設(shè)計(jì)圖像在網(wǎng)頁中具有畫龍點(diǎn)睛的作用，它可以裝飾頁面，表現(xiàn)個(gè)人的風(fēng)格和情調(diào)。一個(gè)純文字的網(wǎng)頁是吸引不了瀏覽者的，但如果頁面上的圖像過多，就會(huì)喧賓奪主，因?yàn)閳D像本身是為主頁內(nèi)容服務(wù)的，所以要合理地使用圖像與文字進(jìn)行搭配。網(wǎng)頁中可以使用的圖像可以是GIF、JPEG、BMP、TIFF、PNG等格式的圖像文件，其中使用最多的是GIF和JPEG兩種格式。這兩種格式的圖像有較高的壓縮率，在不影響圖像質(zhì)量的前提下，可以將圖像壓縮，而且目前絕大多數(shù)的圖像處理軟件和文字處理軟件以及網(wǎng)頁制作軟件都支持這兩種格式的圖像。一般色彩鮮艷、高分辨率的圖像采用JPEG格式，色彩單調(diào)、低分辨率的采用GIF格式。3.3.5圖像與動(dòng)畫設(shè)計(jì)87當(dāng)在網(wǎng)頁中需要載入一個(gè)較大的GIF或JPEG圖像文件時(shí)，裝載速度可能會(huì)很慢。為改善網(wǎng)頁的視覺效果，可在載入是設(shè)置為隔行掃描，隔行掃描在顯示圖像開始看起來非常模糊，接著細(xì)節(jié)逐漸添加上去直到圖像完全顯示出來；也可以將該圖像做成一個(gè)小的縮略圖，然后將縮略圖鏈接到該圖像上，如果用戶在查看縮略圖后，有興趣的話，可以通過點(diǎn)擊鏈接打開該圖像。一個(gè)受歡迎的網(wǎng)站總是少不了動(dòng)畫的，與靜態(tài)的頁面相比，動(dòng)畫更能夠吸引訪問者的視覺。一個(gè)富有創(chuàng)意、制作精美的動(dòng)畫會(huì)讓人過目不忘。目前最流行的動(dòng)畫形式就是Flash動(dòng)畫，它的文件非常小，這樣就便于下載，因此不會(huì)對(duì)網(wǎng)頁的瀏覽造成影響，但是為了觀看Flash動(dòng)畫，在瀏覽者的計(jì)算機(jī)必須安裝相應(yīng)的插件才行。在選擇、制作Flash動(dòng)畫時(shí)，應(yīng)該與網(wǎng)頁內(nèi)容有機(jī)的結(jié)合起來。在一些內(nèi)容比較嚴(yán)肅的主頁，要慎用Flash動(dòng)畫，畢竟主頁還是要依靠文字和圖像作為主題來傳播信息的。當(dāng)在網(wǎng)頁中需要載入一個(gè)較大的GIF或JPEG圖像文件時(shí)，裝載883.4設(shè)計(jì)中的默認(rèn)規(guī)范1.設(shè)計(jì)風(fēng)格依照網(wǎng)站的定位確定整體的設(shè)計(jì)風(fēng)格。主體框架頁面、內(nèi)容頁盡量采用方型結(jié)構(gòu)。禁用長(zhǎng)距離的斜線及弧線結(jié)構(gòu)，可允許小范圍內(nèi)的斜線及弧線。封面頁、專題頁可不受此限制。設(shè)計(jì)時(shí)盡量在方塊區(qū)邊緣、按鈕、標(biāo)題裝飾塊上體現(xiàn)設(shè)計(jì)技巧，拐角可以有曲線變化。拐角塊最大不得超過18像素。同一頁面弧度盡量保持一致。各主要欄目之間要求使用一致的布局，包括一致的頁面元素和一致的導(dǎo)航形式，使用相同的銨鈕，相同的順序?？筛醉撚凶兓?。首頁及各級(jí)頁面都必須帶有網(wǎng)站的Logo(建議小于150×54)，并鏈接到網(wǎng)站首頁。統(tǒng)一按兼容分辨率800*600設(shè)計(jì)。為了使顯示更友好，建議使用778或者760px設(shè)計(jì)。網(wǎng)站頁面長(zhǎng)度建議1屏半到2屏。原則上長(zhǎng)度不超過3屏，寬度不超過1屏。根據(jù)用戶習(xí)慣和網(wǎng)站需要，國內(nèi)中文網(wǎng)站綜合類、門戶類網(wǎng)站可設(shè)計(jì)超過3屏。3.4設(shè)計(jì)中的默認(rèn)規(guī)范1.設(shè)計(jì)風(fēng)格892.圖形設(shè)計(jì)規(guī)范（1）圖片標(biāo)準(zhǔn)尺寸全尺寸banner為468×60px，半尺寸banner為234×60px，小logo為88×31px。另外150×68、120×90，120×60也是標(biāo)準(zhǔn)尺寸，網(wǎng)站logo一般控制在150×54以內(nèi)，客戶要求或特殊廣告圖片可另定尺寸。建議首頁存儲(chǔ)大小不得超過150K(包括圖片)，其它頁面經(jīng)壓縮后不得超過70K。2.圖形設(shè)計(jì)規(guī)范90（2）圖片的分類及命名規(guī)則☆名稱分為頭尾兩部分，用下劃線隔開?！铑^部分表示此圖片的大類性質(zhì)，例如廣告、標(biāo)志、菜單、按鈕等?！罘胖迷陧撁骓敳康膹V告、裝飾圖案等長(zhǎng)方形的圖片取名為banner?！顦?biāo)志性的圖片取名為：logo?！钤陧撁嫔衔恢貌还潭ú⑶?guī)в墟溄拥男D片取名為button?！钤陧撁嫔夏骋粋€(gè)位置連續(xù)出現(xiàn)，性質(zhì)相同的鏈接欄目的圖片取名為：menu?！钛b飾用的照片取名：pic?！畈粠ф溄颖硎緲?biāo)題的圖片取名：title；依照此原則類推?！钗膊糠钟脕肀硎緢D片的具體含義，如果有類似圖片就用數(shù)字區(qū)別?！钚?biāo)一定做成透明的。（2）圖片的分類及命名規(guī)則91（3）Banner制作要求大Banner(468×60Pixel)容量盡量限制在15K內(nèi)，格式盡量選用GIF及動(dòng)態(tài)格式。幀切換時(shí)盡量半靜半動(dòng)。少用滿底256色以上的圖像。閃切變化主要體現(xiàn)在文字上。廣告條的border設(shè)為0，并要求加上alt說明。（3）Banner制作要求92（4）圖標(biāo)和圖片圖標(biāo)的制作應(yīng)簡(jiǎn)捷、色彩明快，在選用單色圖標(biāo)時(shí)應(yīng)根據(jù)本欄目的色彩進(jìn)行搭配。圖標(biāo)存儲(chǔ)為GIF格式（個(gè)別情況除外），盡量采用16色、填充色或單色。圖片依情況存成GIF或JPEG格式，原則上色調(diào)單一的圖片存為GIF格式，色彩復(fù)雜、層次豐富的存為JPEG格式。設(shè)計(jì)時(shí)不得用15K以上的圖片，如圖片過大可以考慮采用圖片分割的辦法。內(nèi)容圖片、導(dǎo)航圖片的border設(shè)為0，并要求加上alt說明。普通圖片不必加alt說明，但如果有鏈接要把border設(shè)為0。公用圖片或有可能更換的圖片不要指定圖片的尺寸大?。╳idth,height）。（4）圖標(biāo)和圖片933.名稱約定（1）路徑/文件名設(shè)定：路徑/文件命名時(shí)一律采用小寫英文字母、數(shù)字、下劃線的組合，其中不得包含漢字、空格和特殊字符；目錄的命名請(qǐng)盡量以英文翻譯為優(yōu)先，盡量避免使用拼音作為目錄名稱。（2）路徑/文件名稱需與欄目菜單名稱具有相關(guān)性。（3）各路徑下的開始文件，命名為index.*。靜態(tài)文件為index.html，動(dòng)態(tài)文件為index.asp，index.aspx，index.php，index.jsp。（4）文件名中用“_”下劃線作為連接符。3.名稱約定94（5）如頁面文件過長(zhǎng)需要拆分，建議多個(gè)文件按順序依次命名為filename01.*、filename02.*…。（6）內(nèi)容不同但屬于同類的，且需定期更新的頁面文件或文本采用：名稱縮寫＋(年份)＋月份＋日期＋序號(hào)，如=news081508.*。（7）大流量網(wǎng)站的首頁和各欄目首頁盡量使用以html為文件后綴名的靜態(tài)頁面。其他經(jīng)常訪問的動(dòng)態(tài)頁面也建議模擬為靜態(tài)頁面。（5）如頁面文件過長(zhǎng)需要拆分，建議多個(gè)文件按順序依次命名為f954.目錄結(jié)構(gòu)規(guī)范目錄建立的原則：以