網(wǎng)頁(yè)設(shè)計(jì)與制作的具體流程

1、目 錄TOC o 1-3 h z u HYPERLINK l _Toc293061231 摘要 PAGEREF _Toc293061231 h 2 HYPERLINK l _Toc293061232 關(guān)鍵詞 PAGEREF _Toc293061232 h 22 HYPERLINK l _Toc293061233 Absttracct PAGEREF _Toc293061233 h 2 HYPERLINK l _Toc293061234 Key Worrds PAGEREF _Toc293061234 h 22 HYPERLINK l _Toc293061235 一、網(wǎng)頁(yè)頁(yè)設(shè)計(jì)的的原則 PAGE

2、REF _Toc293061235 h 33 HYPERLINK l _Toc293061236 （一）明明確網(wǎng)站站主題 PAGEREF _Toc293061236 h 33 HYPERLINK l _Toc293061237 （二）總總體設(shè)計(jì)計(jì)方案主主題鮮明明 PAGEREF _Toc293061237 h 3 HYPERLINK l _Toc293061238 （三）網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)計(jì)形式與與內(nèi)容相相統(tǒng)一 PAGEREF _Toc293061238 h 33 HYPERLINK l _Toc293061239 二、網(wǎng)頁(yè)頁(yè)設(shè)計(jì)與與制作的的具體流流程 PAGEREF _Toc293061239 h

3、3 HYPERLINK l _Toc293061240 （一）網(wǎng)網(wǎng)站策劃劃 PAGEREF _Toc293061240 h 4 HYPERLINK l _Toc293061241 （二）網(wǎng)網(wǎng)頁(yè)布局局版式設(shè)設(shè)計(jì) PAGEREF _Toc293061241 h 5 HYPERLINK l _Toc293061242 （三）網(wǎng)網(wǎng)頁(yè)色彩彩搭配 PAGEREF _Toc293061242 h 66 HYPERLINK l _Toc293061243 （四）網(wǎng)網(wǎng)站后臺(tái)臺(tái)設(shè)計(jì) PAGEREF _Toc293061243 h 77 HYPERLINK l _Toc293061244 三、網(wǎng)頁(yè)頁(yè)制作工工具的學(xué)學(xué)

4、習(xí)與應(yīng)用 PAGEREF _Toc293061244 h 8 HYPERLINK l _Toc293061245 （一）DDreaamweeaveer PAGEREF _Toc293061245 h 8 HYPERLINK l _Toc293061246 （二）FFlassh PAGEREF _Toc293061246 h 9 HYPERLINK l _Toc293061247 (三) Phootosshopp PAGEREF _Toc293061247 h 9 HYPERLINK l _Toc293061248 四、網(wǎng)頁(yè)頁(yè)優(yōu)化 PAGEREF _Toc293061248 h 110 HYPE

5、RLINK l _Toc293061249 （一）網(wǎng)網(wǎng)頁(yè)技術(shù)術(shù)優(yōu)化 PAGEREF _Toc293061249 h 111 HYPERLINK l _Toc293061250 （二）人人文優(yōu)化化 PAGEREF _Toc293061250 h 12 HYPERLINK l _Toc293061251 參考文獻(xiàn)獻(xiàn)13淺談網(wǎng)頁(yè)頁(yè)的設(shè)計(jì)計(jì)與制作作學(xué)生姓名名：林永永俊 學(xué)學(xué)號(hào)：220077517710330美術(shù)學(xué)院院 美術(shù)術(shù)學(xué)專(zhuān)業(yè)業(yè)指導(dǎo)教師師：張睿睿 職稱(chēng)稱(chēng)：講師師摘 要要：隨著中中國(guó)互聯(lián)聯(lián)網(wǎng)的高高速發(fā)展展，相關(guān)關(guān)的網(wǎng)絡(luò)絡(luò)應(yīng)用技技術(shù)將會(huì)會(huì)得到更更多的應(yīng)應(yīng)用，做做為互聯(lián)聯(lián)網(wǎng)信息息表述和和傳遞基基礎(chǔ)載體體

6、的網(wǎng)頁(yè)頁(yè)也越來(lái)來(lái)越受到到人們的的關(guān)注。本文從從網(wǎng)頁(yè)設(shè)設(shè)計(jì)的要要素、原則及及相關(guān)技技巧等對(duì)對(duì)網(wǎng)頁(yè)設(shè)設(shè)計(jì)與制制作進(jìn)行行了介紹紹和說(shuō)明明。通過(guò)過(guò)對(duì)網(wǎng)頁(yè)頁(yè)的設(shè)計(jì)計(jì)與制作作的研究究,探求求符合時(shí)時(shí)代特色色的網(wǎng)頁(yè)頁(yè)制作原原理和行行之有效效的設(shè)計(jì)計(jì)方法,提高網(wǎng)網(wǎng)頁(yè)的用戶(hù)體體驗(yàn)和視視覺(jué)沖擊擊力,增增強(qiáng)網(wǎng)站站與網(wǎng)民民的互動(dòng)動(dòng)，促進(jìn)進(jìn)企業(yè)開(kāi)開(kāi)展電子子商務(wù)，信息平平臺(tái)等基基礎(chǔ)設(shè)施施，創(chuàng)造造更高的的經(jīng)濟(jì)效效益。關(guān)鍵詞：網(wǎng)頁(yè)設(shè)設(shè)計(jì)；網(wǎng)網(wǎng)頁(yè)制作作；色彩彩搭配Absttracct: Witth tthe rappid devveloopmeent of Chiinas IInteerneet wweb apppliccat

7、iionss, rrelaatedd teechnnoloogy willl gget morre aappllicaatioons, ass Innterrnett innforrmattionn reepreesenntattionn annd ttrannsfeer oof wweb bassed carrrieer hhas beccomee thhe cconccernn off thhe ppubllic. Thhis artticlle ffromm thhe wweb pagge ddesiign eleemennts andd prrincciplles andd reela

8、tted skiillss onn weeb ddesiign andd prroduuctiion aree inntrooducced andd illlusstraatedd. TThrooughh thhe ddesiign andd maanuffactturee off weeb ppagee, wwhicch ccan acccordd wiith thee sppeciial agee weeb pprodducttionn prrincciplle aand efffecttivee deesiggn mmethhodss, iimprrovee weeb uuserr ex

9、xperriennce andd viisuaal iimpaact, ennhannce thee innterracttionn wiith Intternnet webbsitte, proomotte eenteerprrisee inn deevellopiing eleectrroniic ccommmercce, infformmatiion plaatfoorm andd ottherr innfraastrructturee, aand creeatee moore ecoonommic bennefiits. Key Worrds: web dessignn；web pag

10、ges；coloour collloccatiion一個(gè)成功功抓住用用戶(hù)“眼眼球”并并最終帶帶來(lái)經(jīng)濟(jì)濟(jì)效益的的網(wǎng)站首首先需要要一個(gè)優(yōu)優(yōu)秀的設(shè)設(shè)計(jì)，然然后加上上優(yōu)秀的的制作。設(shè)計(jì)是是網(wǎng)站的的核心和和靈魂，是一個(gè)個(gè)感性思思考與理理性分析析相結(jié)合合的復(fù)雜雜的過(guò)程程，它的的方向取取決于設(shè)設(shè)計(jì)的任任務(wù)，它它的實(shí)現(xiàn)現(xiàn)依賴(lài)于于網(wǎng)頁(yè)的的制作。把網(wǎng)頁(yè)藝藝術(shù)設(shè)計(jì)計(jì)與其他他藝術(shù)設(shè)設(shè)計(jì)形式式進(jìn)行比比較，嘗嘗試從網(wǎng)網(wǎng)頁(yè)藝術(shù)術(shù)設(shè)計(jì)的的內(nèi)容、原則、制作技技巧、制制作流程程等幾個(gè)個(gè)方面對(duì)對(duì)這個(gè)新新的藝術(shù)術(shù)設(shè)計(jì)領(lǐng)領(lǐng)域進(jìn)行行初步的的歸納總總結(jié)和理理論探討討，網(wǎng)頁(yè)藝藝術(shù)設(shè)計(jì)計(jì)是藝術(shù)術(shù)與技術(shù)術(shù)的高度度統(tǒng)一。一、網(wǎng)頁(yè)頁(yè)設(shè)計(jì)的的原則（一

11、）明明確網(wǎng)站站主題優(yōu)秀的網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)計(jì)必然服服務(wù)于網(wǎng)網(wǎng)站的主主題，就就是說(shuō)要要建設(shè)一一個(gè)網(wǎng)站站，首先先需要定定位，既既要清楚楚建設(shè)網(wǎng)網(wǎng)站的目目的和面面向?yàn)g覽覽的對(duì)象象，只有有定位準(zhǔn)準(zhǔn)確的網(wǎng)網(wǎng)站才會(huì)會(huì)有可觀觀性和應(yīng)應(yīng)用性。因此我我們必須須明確設(shè)設(shè)計(jì)站點(diǎn)點(diǎn)的目的的和用戶(hù)戶(hù)需求，從而做做出切實(shí)實(shí)可行的的設(shè)計(jì)計(jì)計(jì)劃。（二）總總體設(shè)計(jì)計(jì)方案主主題鮮明明在目標(biāo)明明確的基基礎(chǔ)上，完成網(wǎng)網(wǎng)站的構(gòu)構(gòu)思創(chuàng)意意即總體體設(shè)計(jì)方方案。對(duì)對(duì)網(wǎng)站的的整體風(fēng)風(fēng)格和特特色作出出定位，規(guī)劃網(wǎng)網(wǎng)站的組組織結(jié)構(gòu)構(gòu)。做到到主題鮮鮮明突出出，要點(diǎn)點(diǎn)明確，以簡(jiǎn)單單明確的的語(yǔ)言和和畫(huà)面體體現(xiàn)站點(diǎn)點(diǎn)的主題題；調(diào)動(dòng)動(dòng)一切手手段充分分表現(xiàn)網(wǎng)網(wǎng)站的個(gè)

12、個(gè)性和情情趣。（三）網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)計(jì)形式與與內(nèi)容相相統(tǒng)一內(nèi)容是構(gòu)構(gòu)成設(shè)計(jì)計(jì)的一切切內(nèi)在要要素的總總和，是是設(shè)計(jì)存存在的基基礎(chǔ)，被被稱(chēng)為“設(shè)計(jì)的的靈魂”；形式式是構(gòu)成成內(nèi)容諸諸要素的的內(nèi)部結(jié)結(jié)構(gòu)或內(nèi)內(nèi)容的外外部表現(xiàn)現(xiàn)方式。為了將將豐富的的意義和和多樣的的形式組組織成統(tǒng)統(tǒng)一的頁(yè)頁(yè)面結(jié)構(gòu)構(gòu)，形式式語(yǔ)言必必須符合合頁(yè)面的的內(nèi)容，體現(xiàn)內(nèi)內(nèi)容的豐豐富含義義。靈活活運(yùn)用對(duì)對(duì)比與調(diào)調(diào)和、對(duì)對(duì)稱(chēng)與平平衡、節(jié)節(jié)奏與韻韻律以及及留白等等手法，通過(guò)過(guò)空間、文字、圖形之之間的相相互關(guān)系系建立整整體的均均衡狀態(tài)態(tài)，產(chǎn)生生和諧的的美感。如對(duì)稱(chēng)稱(chēng)原則在在頁(yè)面設(shè)設(shè)計(jì)中，它的均均衡有時(shí)時(shí)會(huì)使頁(yè)頁(yè)面顯得得呆板，但如果果加入一一些富有有

13、動(dòng)感的的文字、圖案，或采用用夸張的的手法來(lái)來(lái)表現(xiàn)內(nèi)內(nèi)容往往往會(huì)達(dá)到到比較好好的效果果。 點(diǎn)點(diǎn)、線(xiàn)、面作為為視覺(jué)語(yǔ)語(yǔ)言中的的基本元元素，巧巧妙地互互相穿插插、互相相襯托、互相補(bǔ)補(bǔ)充構(gòu)成成最佳的的頁(yè)面效效果，充充分表達(dá)達(dá)完美的的設(shè)計(jì)意意境。一一個(gè)優(yōu)秀秀的設(shè)計(jì)計(jì)必定是是形式對(duì)對(duì)內(nèi)容的的完美表表現(xiàn)。正正如黑格格爾所說(shuō)說(shuō)：“工工藝的美美就不在在于要求求實(shí)用品品的外部部造型、色彩、紋樣去去摹擬事事物，再再現(xiàn)現(xiàn)實(shí)實(shí)，而在在于使其其外部形形式傳達(dá)達(dá)和表現(xiàn)現(xiàn)出一定定的情緒緒、氣氛氛、格調(diào)調(diào)、風(fēng)尚尚、趣味味，使物物質(zhì)經(jīng)由由象征變變成相似似于精神神生活的的有關(guān)環(huán)環(huán)境?！标慁i，走出藝術(shù)哲學(xué)迷宮黑格爾美學(xué)筆記，文化藝術(shù)

14、出版社，2007年第7期，第201頁(yè)。二、網(wǎng)頁(yè)頁(yè)設(shè)計(jì)與與制作的的具體流流程網(wǎng)頁(yè)設(shè)計(jì)計(jì)是一個(gè)個(gè)綜合性性極強(qiáng)的的工作，涉及到到商業(yè)策策劃、平平面設(shè)計(jì)計(jì)、人機(jī)機(jī)界面、程序語(yǔ)語(yǔ)言和數(shù)數(shù)據(jù)庫(kù)等等。網(wǎng)頁(yè)設(shè)設(shè)計(jì)從總體上上可大致致分為策策劃、前前臺(tái)頁(yè)面面設(shè)計(jì)和和后臺(tái)三三部分，本文主主要從AAZE設(shè)設(shè)計(jì)工作作室的網(wǎng)網(wǎng)站實(shí)例例來(lái)論述述網(wǎng)頁(yè)設(shè)設(shè)計(jì)與制制作的流流程。（一）網(wǎng)網(wǎng)站策劃劃策劃是指指網(wǎng)站的的整體定定位、功功能規(guī)劃劃、應(yīng)用用分析、流程設(shè)設(shè)計(jì)和內(nèi)內(nèi)容架構(gòu)構(gòu)組織，網(wǎng)站策策劃是網(wǎng)網(wǎng)站平臺(tái)臺(tái)建設(shè)成成敗的關(guān)關(guān)鍵內(nèi)容容之一。網(wǎng)站策策劃重點(diǎn)點(diǎn)闡述了了解決方方案能給給客戶(hù)帶帶來(lái)什么么價(jià)值，以及通通過(guò)何種種方法去去實(shí)現(xiàn)這這種價(jià)

15、值值。在策策劃的同同時(shí)要以以人為本本，迎合合網(wǎng)民需需求、找找到了市市場(chǎng)需求求的點(diǎn)，才能把把整體定定位策劃劃做到位位。對(duì)網(wǎng)網(wǎng)站內(nèi)容容功能規(guī)規(guī)劃，做做到讓搜搜索引擎擎更多的的收錄和和關(guān)注，網(wǎng)頁(yè)打打開(kāi)速度度更快。通過(guò)對(duì)AAZE設(shè)設(shè)計(jì)工作作室的分分析，主主要包涵涵動(dòng)畫(huà)設(shè)設(shè)計(jì)、網(wǎng)網(wǎng)站設(shè)計(jì)計(jì)、家裝裝設(shè)計(jì)、CG培培訓(xùn)四個(gè)個(gè)大欄目目，明確確了網(wǎng)站站定位后后來(lái)分析析相關(guān)行行業(yè)和市市場(chǎng)特點(diǎn)點(diǎn)。通過(guò)過(guò)對(duì)相關(guān)關(guān)行業(yè)和和市場(chǎng)的的分析，以及網(wǎng)網(wǎng)站內(nèi)容容和功能能的分析析，規(guī)劃劃出本次建建設(shè)的網(wǎng)網(wǎng)站主要要內(nèi)容如如下：1.進(jìn)入入頁(yè)fllashh Flassh 頁(yè)頁(yè)面的導(dǎo)導(dǎo)入網(wǎng)站站不僅生生動(dòng)形象象，還會(huì)會(huì)給人印印象深刻刻的感覺(jué)覺(jué)

16、， fflassh 頁(yè)頁(yè)面以四四個(gè)版塊塊為基準(zhǔn)準(zhǔn)，主要要分動(dòng)畫(huà)畫(huà)設(shè)計(jì)、網(wǎng)站建建設(shè)、墻墻體彩繪繪、設(shè)計(jì)計(jì)培訓(xùn)。點(diǎn)擊任任意一個(gè)個(gè)可以直直接進(jìn)入入每個(gè)小小站，具具有明確確的導(dǎo)航航性，設(shè)設(shè)置較醒醒目的進(jìn)進(jìn)入首頁(yè)頁(yè)按鈕，通過(guò)點(diǎn)點(diǎn)擊它就就可以進(jìn)進(jìn)入網(wǎng)站站首頁(yè)。2.網(wǎng)站站首頁(yè)網(wǎng)站首頁(yè)頁(yè)是整個(gè)個(gè)網(wǎng)站的的門(mén)戶(hù)，簡(jiǎn)潔、大方、加載速速度快是是網(wǎng)站首首頁(yè)的關(guān)關(guān)鍵要素素。網(wǎng)站站主要規(guī)規(guī)劃的欄欄目?jī)?nèi)容容有：首首頁(yè)、業(yè)業(yè)內(nèi)新聞聞、動(dòng)畫(huà)畫(huà)設(shè)計(jì)、網(wǎng)站建建設(shè)、家家裝設(shè)計(jì)計(jì)、CGG培訓(xùn)、精品案案例、關(guān)關(guān)于我們們、服務(wù)務(wù)范圍、聯(lián)系我我們。3.新聞聞動(dòng)態(tài)發(fā)發(fā)布系統(tǒng)統(tǒng)最新動(dòng)態(tài)態(tài)欄目主主要用來(lái)來(lái)發(fā)布企企業(yè)新聞聞，公司司動(dòng)態(tài)、最新消息息等。

17、通通過(guò)最新新動(dòng)態(tài)欄欄目可使使客戶(hù)對(duì)對(duì)公司最最新的發(fā)發(fā)展動(dòng)態(tài)態(tài)、產(chǎn)品信信息、人人文文化化、最新新消息等等信息有有一個(gè)及及時(shí)的了了解。此此欄目，可讓客客戶(hù)在線(xiàn)線(xiàn)實(shí)時(shí)管管理、發(fā)布新新聞、刪除新新聞、更改等等。4.企業(yè)業(yè)留言系系統(tǒng)企業(yè)留言言欄目在在設(shè)計(jì)方方面要美美觀、大方、與網(wǎng)站站風(fēng)格融融成一體體，更要要注重用用戶(hù)體驗(yàn)驗(yàn)。網(wǎng)民民無(wú)需注注冊(cè)，有有回復(fù)，通過(guò)相相互直接接的交流流，能夠夠?yàn)槠髽I(yè)業(yè)找到潛潛在客戶(hù)戶(hù)，和一一些市場(chǎng)場(chǎng)信息。5.人才才招聘目前很多多企業(yè)都都利用公公司網(wǎng)站站平臺(tái)發(fā)發(fā)布招聘聘信息。這樣不不但可以以充分利利用現(xiàn)有有資源，而且相相比傳統(tǒng)統(tǒng)的職業(yè)業(yè)服務(wù)中中心更具具有實(shí)時(shí)時(shí)性、互互動(dòng)性等等優(yōu)點(diǎn)。

18、（二）網(wǎng)網(wǎng)頁(yè)布局局版式設(shè)設(shè)計(jì)logo公司公告、人才招聘、網(wǎng)站地圖、論壇聯(lián)系方式/收藏本站首頁(yè)業(yè)內(nèi)新聞動(dòng)畫(huà)設(shè)計(jì)網(wǎng)站建設(shè)墻體彩繪CG培訓(xùn)精品案例關(guān)于我們服務(wù)范圍聯(lián)系我們網(wǎng)站主幻燈片公司公告動(dòng)畫(huà)設(shè)計(jì)欄目最新資訊幫助中心網(wǎng)頁(yè)設(shè)計(jì)欄目公司簡(jiǎn)介資源共享墻體手繪欄目友情鏈接CG培訓(xùn)欄目網(wǎng)頁(yè)版權(quán)權(quán)信息圖（1） AZZE設(shè)計(jì)計(jì)工作室室首頁(yè)規(guī)規(guī)劃圖頁(yè)面的整整體布局局則是網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)計(jì)的根基基。根據(jù)據(jù)現(xiàn)代網(wǎng)網(wǎng)頁(yè)的發(fā)發(fā)展趨勢(shì)勢(shì)來(lái)看，簡(jiǎn)潔、直觀、人性化化以及個(gè)個(gè)性化是是網(wǎng)站設(shè)設(shè)計(jì)的基基本要素素，所以以在做整整體布局局的時(shí)候候一定要要充分的的考慮到到這些要要素。網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)計(jì)作為一一種視覺(jué)覺(jué)語(yǔ)言，特別講講究編排排和布局局，通

19、過(guò)過(guò)文字圖圖形的空空間組合合編排，表表達(dá)出和和諧與美美。在AZEE網(wǎng)站首首頁(yè)主要要版塊設(shè)設(shè)計(jì)中，我采用用了“匡”字型布布局，給給主內(nèi)容容區(qū)釋放放了更多多空間，如圖(1)（AZEE設(shè)計(jì)工工作室網(wǎng)網(wǎng)站首頁(yè)頁(yè)）所示示：頁(yè)面面上部是是網(wǎng)頁(yè)標(biāo)標(biāo)志和導(dǎo)導(dǎo)航條，接下來(lái)來(lái)是網(wǎng)頁(yè)頁(yè)主幻燈燈片，左左邊欄目目放友情情鏈接和和網(wǎng)頁(yè)的的一些小小欄目，中間是是網(wǎng)站的的四個(gè)核核心內(nèi)容容欄目，右邊欄欄目放新新聞更新新和公司司簡(jiǎn)介，網(wǎng)頁(yè)底底部放版版權(quán)信息息。網(wǎng)頁(yè)頁(yè)內(nèi)容作作為一種種版面，既要有有文字，又要有有圖片；文字有有大小、標(biāo)題和和正文之之分等網(wǎng)網(wǎng)頁(yè)構(gòu)成成畫(huà)面的的對(duì)比，在網(wǎng)頁(yè)頁(yè)排版的的時(shí)候充充分考慮慮網(wǎng)站的的定位，突出表表現(xiàn)

20、網(wǎng)站站的主體體內(nèi)容。AZEE設(shè)計(jì)工工作室網(wǎng)網(wǎng)站是個(gè)個(gè)多頁(yè)面面站點(diǎn)，頁(yè)面的的編排設(shè)設(shè)計(jì)要求求把頁(yè)面面之間的的有機(jī)聯(lián)聯(lián)系反映映出來(lái)，特別要要處理好好頁(yè)面之之間和頁(yè)頁(yè)面內(nèi)的的秩序與與內(nèi)容的的關(guān)系。為了達(dá)達(dá)到最佳佳的視覺(jué)覺(jué)表現(xiàn)效效果，設(shè)設(shè)計(jì)中應(yīng)應(yīng)利用各各組成部部分在內(nèi)內(nèi)容上的的內(nèi)在聯(lián)聯(lián)系和表表現(xiàn)形式式上的相相互呼應(yīng)應(yīng)，并注注意整個(gè)個(gè)頁(yè)面設(shè)設(shè)計(jì)風(fēng)格格的一致致性，實(shí)實(shí)現(xiàn)視覺(jué)覺(jué)上和心心理上的的連貫，使整個(gè)個(gè)頁(yè)面設(shè)設(shè)計(jì)的各各個(gè)部分分極為融融洽，布布局的合合理，讓讓瀏覽者者有一個(gè)個(gè)流暢的的視覺(jué)體體驗(yàn)。（三）網(wǎng)網(wǎng)頁(yè)色彩彩搭配色彩是藝藝術(shù)表現(xiàn)現(xiàn)的要素素之一。在網(wǎng)頁(yè)頁(yè)設(shè)計(jì)中中，根據(jù)據(jù)和諧、均衡和和重點(diǎn)突突出的原原則，

21、將將不同的的色彩進(jìn)進(jìn)行組合合、搭配來(lái)來(lái)構(gòu)成符符合審美美要求的的頁(yè)面。根據(jù)色色彩對(duì)人人們心理理的影響響，合理理地加以以運(yùn)用。不同的的顏色也也代表著著不同的的行業(yè)訴訴求。(例如：醫(yī)院和和環(huán)保部部門(mén)會(huì)選選擇綠色色，而公公共事業(yè)業(yè)機(jī)構(gòu)則則會(huì)選擇擇藍(lán)色等等)因此此在設(shè)計(jì)計(jì)之初要要充分考考慮該網(wǎng)網(wǎng)站的性性質(zhì)及訪(fǎng)訪(fǎng)問(wèn)對(duì)象象，以此此來(lái)確認(rèn)認(rèn)網(wǎng)頁(yè)的的色彩搭搭配形式式。當(dāng)主主題色確確定好以以后，考考慮其它它配色時(shí)時(shí)，一定定要考慮慮其它配配色與主主題色的的關(guān)系，要體現(xiàn)現(xiàn)什么樣樣的效果果?！吧士偪偟膽?yīng)用用原則是是:總體體協(xié)調(diào)，局部對(duì)對(duì)比。網(wǎng)網(wǎng)頁(yè)的整整體色彩彩效果應(yīng)應(yīng)該是和和諧的，只有局局部的、小范圍圍的地方方可以有

22、有一些強(qiáng)強(qiáng)烈色彩彩的對(duì)比比?！备哂雷?、盧堅(jiān)、潘星亮著，網(wǎng)頁(yè)經(jīng)典配色與設(shè)計(jì)手冊(cè)，中國(guó)青年出版社，2006年第7期，第56頁(yè)。在色彩彩的運(yùn)用用上，可可以根據(jù)據(jù)主頁(yè)內(nèi)內(nèi)容的需需要，分分別采用用不同的的主色調(diào)調(diào)。色彩彩還具有有明顯的的心理感感覺(jué)，例例如冷、暖的感感覺(jué)，進(jìn)進(jìn)、退的的效果等等。另外外，色彩彩還有民民族性，各個(gè)民民族由于于環(huán)境、文化、傳統(tǒng)等等因素的的影響，對(duì)于色色彩的喜喜好也存存在著較較大的差差異。充充分運(yùn)用用色彩的的這些特特性，可可以使我我們的主主頁(yè)具有有深刻的的藝術(shù)內(nèi)內(nèi)涵，從從而提升升網(wǎng)頁(yè)的的文化品品位。AZE設(shè)設(shè)計(jì)工作作室網(wǎng)站站是一個(gè)個(gè)藝術(shù)設(shè)設(shè)計(jì)類(lèi)型型的網(wǎng)站站，在色色彩運(yùn)用用方面要要凸

23、顯行行業(yè)特色色的同時(shí)時(shí)更要獨(dú)獨(dú)具特色色，通過(guò)過(guò)對(duì)網(wǎng)站站的策劃劃和內(nèi)容容規(guī)劃，網(wǎng)站主主要分四四個(gè)小站站分別表表現(xiàn)四個(gè)個(gè)設(shè)計(jì)行行業(yè)，在在把握好好每個(gè)小小站色彩彩整體性性又要有有所區(qū)別別，動(dòng)畫(huà)畫(huà)設(shè)計(jì)頁(yè)頁(yè)用藍(lán)紫紫色調(diào)，網(wǎng)站設(shè)設(shè)計(jì)頁(yè)用用藍(lán)色調(diào)調(diào)，墻體體手繪頁(yè)頁(yè)用黃綠綠色調(diào)，CG培培訓(xùn)頁(yè)用用綠色調(diào)調(diào)，主頁(yè)頁(yè)采用灰灰色調(diào)把把四個(gè)小小站統(tǒng)一一起來(lái)。下面是網(wǎng)網(wǎng)站設(shè)計(jì)計(jì)中用到到的幾種種調(diào)色方方案：?jiǎn)螁紊桨赴?、相似似色方案案、?duì)比比色方案案。1.單色色方案單色方案案是指在在網(wǎng)站設(shè)設(shè)計(jì)中使使用一種種基本顏顏色，為為避免單單調(diào)，可可以通過(guò)過(guò)調(diào)整這這種基本本顏色的的灰度和和亮度來(lái)來(lái)得到更更多的顏顏色，由由于整個(gè)個(gè)顏色方

24、方案中事事實(shí)上只只有一種種基色，因此這這種方案案稱(chēng)為單單色方案案。例如如：在PPhottoshhop的的色彩選選擇窗口口中，我我們可以以這樣進(jìn)進(jìn)行建立立單色方方案。首首先調(diào)整整H（也也就是HHue的的縮寫(xiě)）后面的的值來(lái)調(diào)調(diào)整色調(diào)調(diào)。注意意，H的的單位是是度，也也就是基基本顏色色在顏色色環(huán)上所所處位置置的角度度。設(shè)置置好H的的值之后后，再調(diào)調(diào)整B后后面的數(shù)數(shù)字調(diào)整整亮度以以及S后后面的數(shù)數(shù)字調(diào)整整飽和度度。注意意，其中中B和SS的單位位是百分分比，也也就是向向基本顏顏色中添添加白色色和黑色色的百分分比。這這樣就可可以得到到一個(gè)單單色方案案了。2.相似似色方案案在色彩圓圓環(huán)上選選擇彼此此相鄰的的幾

25、種顏顏色構(gòu)成成的配色色方案就就是相似似色方案案。例如如橙色、橙紅色色以及橙橙黃色就就可以組組成一個(gè)個(gè)相似色色方案。由于相相似色方方案中包包含了多多種基色色，如果果再加上上亮度和和飽和度度的變化化，可以以構(gòu)成的的顏色就就非常多多。 相相似色配配色方案案可以給給人非常常協(xié)調(diào)的的感覺(jué)，因此在在網(wǎng)站設(shè)設(shè)計(jì)中非非常常用用。典型型的運(yùn)用用方法就就是，用用一種顏顏色作為為頁(yè)面背背景，而而另外一一種在顏顏色環(huán)中中與其相相鄰的顏顏色作為為前景色色。除了了上面介介紹的綠綠色和黃黃色之外外，藍(lán)色色和綠色色以及紅紅色和褐褐色也是是比較常常用的相相似色配配色方案案。3.對(duì)比比色方案案對(duì)比色方方案即把把色性完完全相反反的

26、色彩彩搭配在在同一個(gè)個(gè)空間里里。例如如：紅與與綠、黃黃與紫、橙與藍(lán)藍(lán)等。這這種色彩彩的搭配配，可以以產(chǎn)生強(qiáng)強(qiáng)烈的視視覺(jué)效果果，給人人亮麗、鮮艷、喜慶的的感覺(jué)。當(dāng)然，對(duì)比色色調(diào)如果果用得不不好，會(huì)會(huì)適得其其反，產(chǎn)產(chǎn)生俗氣氣、刺眼眼的不良良效果。這就要要把握“大調(diào)和和，小對(duì)對(duì)比”這一個(gè)個(gè)重要原原則，即即總體的的色調(diào)應(yīng)應(yīng)該是統(tǒng)統(tǒng)一和諧諧的，局局部的地地方可以以有一些些小的強(qiáng)強(qiáng)烈對(duì)比比。 （四）網(wǎng)網(wǎng)站后臺(tái)臺(tái)設(shè)計(jì)后臺(tái)是指指程序設(shè)設(shè)計(jì)、數(shù)數(shù)據(jù)操作作、功能能實(shí)現(xiàn)、管理界界面和管管理功能能設(shè)計(jì)等等。網(wǎng)站站后臺(tái)設(shè)設(shè)計(jì)經(jīng)常常被人們們所忽視視，好的的后臺(tái)可可以提高高編輯的的使用效效率，同同時(shí)一些些好的設(shè)設(shè)計(jì)也能能減

27、少錯(cuò)錯(cuò)誤的發(fā)發(fā)生，針對(duì)“后臺(tái)用用戶(hù)”這這一特殊殊群體提提供一些些可行的的體驗(yàn)優(yōu)優(yōu)化原則則。合理理的功能能設(shè)計(jì)和和友好設(shè)設(shè)計(jì)對(duì)于于效率和和差錯(cuò)率率均會(huì)有有非常大大的提高高，小小小的設(shè)計(jì)計(jì)可能會(huì)會(huì)起到非非凡的作作用。三、網(wǎng)頁(yè)頁(yè)制作工工具的學(xué)學(xué)習(xí)與應(yīng)應(yīng)用（一）DDreaamweeaveerDreaamweeaveer是美美國(guó)MAACROOMEDDIA公公司開(kāi)發(fā)發(fā)的集網(wǎng)網(wǎng)頁(yè)制作作和管理理網(wǎng)站于于一身的的所見(jiàn)即即所得網(wǎng)網(wǎng)頁(yè)編輯輯器，它它是第一一套針對(duì)對(duì)專(zhuān)業(yè)網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)計(jì)師特別別發(fā)展的的視覺(jué)化化網(wǎng)頁(yè)開(kāi)開(kāi)發(fā)工具具，利用用它可以以輕而易易舉地制制作出跨跨越平臺(tái)臺(tái)限制和和跨越瀏瀏覽器限限制的充充滿(mǎn)動(dòng)感感的網(wǎng)頁(yè)頁(yè)。

28、1.Drreammweaaverr的優(yōu)點(diǎn)點(diǎn)最佳的的制作效效率 “Dreeamwweavver提提供了以以CSSS為基礎(chǔ)礎(chǔ)設(shè)計(jì)與與開(kāi)發(fā)提提供支持持的革命命性功能能，CSSS將網(wǎng)網(wǎng)頁(yè)要展展示的內(nèi)內(nèi)容與樣樣式設(shè)定定分開(kāi)?！蓖跄戎珼reamweaver網(wǎng)頁(yè)制作與色彩搭配全攻略，清華大學(xué)出版社，2006年第5期，第23頁(yè)。當(dāng)要改改變網(wǎng)頁(yè)頁(yè)外觀時(shí)時(shí)，只需需更改樣樣式設(shè)定定的部分分，HTTML文文件本身身并不需需要更改改。這一一功能的的實(shí)現(xiàn)將將網(wǎng)頁(yè)設(shè)設(shè)計(jì)提升升到新的的層次。網(wǎng)站管管理 使用網(wǎng)站站地圖可可以快速速制作網(wǎng)網(wǎng)站雛形形、設(shè)計(jì)計(jì)、更新新和重組組網(wǎng)頁(yè)。改變網(wǎng)網(wǎng)頁(yè)位置置或檔案案名稱(chēng)，Dreeamwwea

29、vver 會(huì)自動(dòng)動(dòng)更新所所有連結(jié)結(jié)。使用用支援文文字、HHTMLL碼、HHTMLL屬性標(biāo)標(biāo)簽和一一般語(yǔ)法法的搜尋尋及置換換功能使使得復(fù)雜雜的網(wǎng)站站更新變變得迅速速又簡(jiǎn)單單。 2.Drreammweaaverr的缺點(diǎn)點(diǎn)難以精確確達(dá)到與與瀏覽器器完全一一致的顯顯示效果果。也就就是說(shuō)在在所見(jiàn)即即所得網(wǎng)網(wǎng)頁(yè)編輯輯器中制制作的網(wǎng)網(wǎng)頁(yè)放到到瀏覽器器中是很很難完全全達(dá)到您您真正想想要的效效果，這這一點(diǎn)在在結(jié)構(gòu)復(fù)復(fù)雜一些些的網(wǎng)頁(yè)頁(yè)（如分分幀結(jié)構(gòu)構(gòu)、動(dòng)態(tài)態(tài)網(wǎng)頁(yè)結(jié)結(jié)構(gòu)）中中便可以以體現(xiàn)出出來(lái)。頁(yè)面原始始代碼的的難以控控制性，比如您您在所見(jiàn)見(jiàn)即所得得編輯器器中制作作一張表表格也要要幾分鐘鐘，但您您要它完完全符合合您

30、要求求可能需需要幾十十分鐘，甚至更更多時(shí)間間。而相相比之下下，非所所見(jiàn)則所所得的網(wǎng)網(wǎng)頁(yè)編輯輯器，就就不存在在這個(gè)問(wèn)問(wèn)題，因因?yàn)樗杏械腍TTML代代碼 都都在您的的監(jiān)控下下產(chǎn)生，但是由由于非所所見(jiàn)則所所得編輯輯器的先先天條件件就注定定了它的的工作低低效率。如何實(shí)實(shí)現(xiàn)兩者者的完美美結(jié)合，則既產(chǎn)產(chǎn)生干凈凈、準(zhǔn)確確的HTTML代代碼，又又具備則則見(jiàn)則所所得的高高效率、直觀性性，一直直是網(wǎng)頁(yè)頁(yè)設(shè)計(jì)師師夢(mèng)想。（二）FFlassh1.Fllashh簡(jiǎn)介和和發(fā)展趨趨勢(shì)Flassh也是是由maacroomeddia公公司推出出的交互互式矢量量圖和 Webb 動(dòng)畫(huà)畫(huà)的標(biāo)準(zhǔn)準(zhǔn)，由AAdobbe公司司收購(gòu)。網(wǎng)頁(yè)設(shè)設(shè)

31、計(jì)者使使用 FFlassh 創(chuàng)創(chuàng)作出既既漂亮又又可改變變尺寸的的導(dǎo)航界界面以及及其他奇奇特的效效果。fflassh動(dòng)畫(huà)畫(huà)的好壞壞是評(píng)估估一個(gè)網(wǎng)網(wǎng)站好壞壞的重要要影響因因素之一一，動(dòng)感感絢麗的的flaash動(dòng)動(dòng)畫(huà)，能能給網(wǎng)站站受眾以以極大的的視覺(jué)沖沖擊力。2.Fllashh的優(yōu)點(diǎn)點(diǎn)Flassh的一一個(gè)很重重要的特特點(diǎn)是創(chuàng)創(chuàng)建的文文件體積積很小，F(xiàn)laash是是完全基基于矢量量的動(dòng)畫(huà)畫(huà)處理技技術(shù)，而而矢量圖圖形就是是用少量量的向量量數(shù)據(jù)來(lái)來(lái)描述一一個(gè)復(fù)雜雜的對(duì)象象，存儲(chǔ)儲(chǔ)時(shí)只占占很小的的空間，而且圖圖像的質(zhì)質(zhì)量也很很高。FFlassh使用用的是插插件的工工作方式式，用戶(hù)戶(hù)只要安安裝一次次插件，以后

32、就就可以快快速啟動(dòng)動(dòng)并觀看看動(dòng)畫(huà)，而不必必像Jaava那那樣，每每次都要要花費(fèi)大大量的時(shí)時(shí)間啟動(dòng)動(dòng)虛擬機(jī)機(jī)。Fllashh動(dòng)畫(huà)采采用的是是“流式式”的動(dòng)動(dòng)畫(huà)播放放技術(shù)，用戶(hù)不不必等到到動(dòng)畫(huà)下下載完全全再去欣欣賞動(dòng)畫(huà)畫(huà)，而是是一邊下下載一邊邊欣賞。 Fllashh功能還還是很廣廣泛的。使用內(nèi)內(nèi)置的AActiionSScriipt語(yǔ)語(yǔ)句結(jié)合合JavvaSccrippt，也也可以制制作出互互動(dòng)性很很強(qiáng)的主主頁(yè)來(lái)。3.網(wǎng)站站應(yīng)用fflassh注意意事項(xiàng)插件，F(xiàn)Flassh動(dòng)畫(huà)畫(huà)的播放放需要安安裝Addodbb公司的的播放插插件。如如果客戶(hù)戶(hù)電腦上上沒(méi)有便便不能播播放動(dòng)畫(huà)畫(huà)，而且且Flaash播播放插件

33、件的版本本有很多多種，一一些低版版本的并并不能播播放采用用高版本本制作的的flaash動(dòng)動(dòng)畫(huà)。全Flaash網(wǎng)網(wǎng)站，對(duì)于全全Flaash網(wǎng)網(wǎng)站在sseo方方面有很很多劣勢(shì)勢(shì)，因?yàn)闉樗坎康膬?nèi)容容，結(jié)構(gòu)構(gòu)都在fflassh內(nèi)部部，因此此，搜索索引擎會(huì)會(huì)全然不不知這個(gè)個(gè)網(wǎng)站是是什么內(nèi)內(nèi)容。現(xiàn)現(xiàn)在的搜搜索技術(shù)術(shù)并不能能識(shí)別到到Flaash里里面的文文本，圖圖片等信信息。因因此，在在百度、Goooglee等搜索索引擎中中無(wú)法識(shí)識(shí)別到FFlassh到底底在表達(dá)達(dá)什么信信息，影影響網(wǎng)站站的推廣廣。(三) Phootosshopp1.Phhotooshoop在網(wǎng)網(wǎng)頁(yè)布局局中規(guī)劃劃的作用用布局靈靈活。PPh

34、ottoshhop的的靈魂是是圖層，每層可可以放置置不同的的元素，圖層之之間可以以相互鏈鏈接，也也可單獨(dú)獨(dú)存放，每個(gè)圖圖層上的的圖像位位置可以以隨意挪挪動(dòng)而不不影響其其它圖層層的圖像像位置，每個(gè)圖圖層上的的圖像大大小、色色階、亮亮度、飽飽和度透透明度等等可單獨(dú)獨(dú)設(shè)置而而不影響響其它圖圖層上的的圖像。如此靈靈活的功功能，完完全可以以讓設(shè)計(jì)計(jì)者隨心心所欲設(shè)設(shè)計(jì)而不不受任何何約束。修改方方便。網(wǎng)網(wǎng)站建設(shè)設(shè)前期首首先要與與客戶(hù)簽簽定合同同，簽定定合同時(shí)時(shí)客戶(hù)最最關(guān)心的的是自己己的網(wǎng)站站是什么么樣子，這時(shí)設(shè)設(shè)計(jì)者不不可能拿拿出建好好的網(wǎng)站站給客戶(hù)戶(hù)演示，這樣成成本太高高，最好好的辦法法是拿出出在Phho

35、tooshoop中做做出的效效果圖給給客戶(hù)看看。一般般情況下下，客戶(hù)戶(hù)一次滿(mǎn)滿(mǎn)意率非非常低，總會(huì)提提出修改改意見(jiàn)，而且還還會(huì)不斷斷地提出出修改方方案。這這時(shí)我們們就可以以利用PPhottoshhop的的強(qiáng)大功功能按客客戶(hù)的要要求方便便地進(jìn)行行修改和和優(yōu)化，直到客客戶(hù)滿(mǎn)意意為止。加快瀏瀏覽進(jìn)度度。一個(gè)個(gè)設(shè)計(jì)不不美觀不不規(guī)范的的網(wǎng)站是是沒(méi)有生生命力，同樣一一個(gè)打開(kāi)開(kāi)、下載載速度慢慢的網(wǎng)站站也是沒(méi)沒(méi)有存在在的價(jià)值值。使用用Phootosshopp設(shè)計(jì)的的網(wǎng)頁(yè)經(jīng)經(jīng)過(guò)裁切切后體積積相對(duì)要要小得多多，相同同的元素素因?yàn)槠淦涓袷阶冏兓矔?huì)會(huì)大大提提高下載載速度，因此PPhottoshhop就就成了提提高速度

36、度，提高高點(diǎn)擊率率的制勝勝法寶。2.phhotooshoop與ddreaamweeaveer的配配合雖然效果果圖是用用Phootosshopp設(shè)計(jì)的的，但一一定要兼兼顧到DDreaamweeaveer對(duì)頁(yè)頁(yè)面布局局的要求求，Drreammweaaverr下網(wǎng)頁(yè)頁(yè)布局是是使用國(guó)字形，還是其其他模式式，是否否使用框框架，使使用框架架的類(lèi)型型是哪一一種，都都是在設(shè)設(shè)計(jì)前要要考慮到到的。否否則會(huì)造造成效果果圖與最最后的網(wǎng)網(wǎng)站布局局出現(xiàn)出出入，使使網(wǎng)頁(yè)的的設(shè)計(jì)過(guò)過(guò)程變得得復(fù)雜。正確切片片，只有有經(jīng)過(guò)正正確切片片后，DDreaamWeeaveer才能能對(duì)效果果圖進(jìn)行行有效的的整合，Phootosshopp

37、在網(wǎng)頁(yè)頁(yè)布局中中的積極極作用才才發(fā)揮到到了極致致。四、網(wǎng)頁(yè)頁(yè)優(yōu)化“在網(wǎng)頁(yè)頁(yè)設(shè)計(jì)中中，網(wǎng)頁(yè)頁(yè)的優(yōu)化化是較為為重要的的一個(gè)環(huán)環(huán)節(jié)。”王曉峰、焦燕著，網(wǎng)頁(yè)設(shè)計(jì)原理及實(shí)戰(zhàn)策略，清華大學(xué)出版社，2009年第3期，第68頁(yè)。它的成成功與否否會(huì)影響響頁(yè)面的的瀏覽速速度和頁(yè)頁(yè)面的適適應(yīng)性，影響觀觀者對(duì)網(wǎng)網(wǎng)站的印印象。而而網(wǎng)頁(yè)的的優(yōu)化工工作是由由很多方方面的優(yōu)優(yōu)化組成成的，一一名優(yōu)秀秀的網(wǎng)頁(yè)頁(yè)優(yōu)化工工作人員員必須具具備多方方面的知知識(shí)，不不僅僅要要掌握網(wǎng)網(wǎng)站設(shè)計(jì)計(jì)制作技技術(shù)；還還要掌握握很多計(jì)計(jì)算機(jī)其其他方面面的知識(shí)識(shí)(包括括電子商商務(wù)、人人機(jī)交互互、易用用性和一一些相關(guān)關(guān)的軟件件知識(shí)等等等)；甚至需需要掌握握

38、心理學(xué)學(xué)、商業(yè)業(yè)運(yùn)作等等相關(guān)知知識(shí)。我我在網(wǎng)頁(yè)頁(yè)制作優(yōu)優(yōu)化過(guò)程程中主要要有兩個(gè)個(gè)方面：技術(shù)優(yōu)優(yōu)化，人人文優(yōu)化化。（一）網(wǎng)網(wǎng)頁(yè)技術(shù)術(shù)優(yōu)化技術(shù)優(yōu)化化主要是是對(duì)代碼碼優(yōu)化、目錄結(jié)結(jié)構(gòu)優(yōu)化化和針對(duì)對(duì)搜索引引擎的優(yōu)優(yōu)化三個(gè)個(gè)部分。1.代碼碼優(yōu)化代碼優(yōu)化化主要解解決的問(wèn)問(wèn)題就是是頁(yè)面瀏瀏覽速度度和適應(yīng)應(yīng)性的問(wèn)問(wèn)題。文文字和圖圖片是構(gòu)構(gòu)成頁(yè)面面的兩個(gè)個(gè)主要因因素，所所以我們們的優(yōu)化化也要從從文字和和圖片開(kāi)開(kāi)始。在在一個(gè)網(wǎng)網(wǎng)站中文文字是頁(yè)頁(yè)面中準(zhǔn)準(zhǔn)確傳達(dá)達(dá)信息的的元素，因此字字體的優(yōu)優(yōu)化顯得得尤為重重要。使使用csss樣式式表指定定文字的的樣式是是必要的的，通常常我們將將字體指指定為宋宋體，大大小指定定12p

39、px，顏顏色要視視背景色色而定，原則上上以能看看清且與與整個(gè)頁(yè)頁(yè)面搭配配和諧為為準(zhǔn)。在在白色的的背景上上，我們們一般使使用黑色色，這樣樣不易產(chǎn)產(chǎn)生視覺(jué)覺(jué)疲勞，能保證證瀏覽者者較長(zhǎng)時(shí)時(shí)間地瀏瀏覽網(wǎng)頁(yè)頁(yè)。圖片是網(wǎng)網(wǎng)頁(yè)中的的重要元元素。圖圖片的優(yōu)優(yōu)化可以以在保證證瀏覽質(zhì)質(zhì)量的前前提下將將其大小小降至最最低，這這樣可以以成倍地地提高網(wǎng)網(wǎng)頁(yè)的下下載速度度。利用用Phootosshopp可以將將圖片切切成小塊塊，分別別進(jìn)行優(yōu)優(yōu)化。輸輸出的格格式可以以為giif或jjpegg，要視視具體情情況而定定。一般般我們把把有較為為復(fù)雜顏顏色變化化的小塊塊優(yōu)化為為jpeeg，而而把那種種只有單單純色塊塊的卡通通畫(huà)式的

40、的小塊優(yōu)優(yōu)化為ggif，這是由由這兩種種格式的的特點(diǎn)決決定的。DIV與與表格(tabble)是頁(yè)面面中的重重要元素素,是頁(yè)頁(yè)面排版版的主要要手段。我們可可以設(shè)定定DIVV與表格格的寬度度、高度度、邊框框、背景景色、對(duì)對(duì)齊方式式等參數(shù)數(shù)。很多多時(shí)候，我們將將表格的的邊框設(shè)設(shè)為0，以此來(lái)來(lái)定位頁(yè)頁(yè)面中的的元素，或者借借此確定定頁(yè)面中中各元素素的相對(duì)對(duì)位置?！盀g覽器器在讀取取網(wǎng)頁(yè)hhtmll原代碼碼時(shí)，是是讀完整整個(gè)taablee才將它它顯示出出來(lái)的,我們?cè)谠谠O(shè)計(jì)頁(yè)頁(yè)面表格格的時(shí)候候，應(yīng)該該盡量避避免將所所有元素素嵌套在在一個(gè)表表格里，而且表表格嵌套套層次盡盡量要少少?！焙涡惴贾W(wǎng)頁(yè)制作與網(wǎng)站建設(shè)

41、課堂實(shí)錄，人民郵電出版社，2009年第5期，第73頁(yè)。因因此在網(wǎng)網(wǎng)頁(yè)制作作過(guò)程中中可以采采用DIIV套表表格的方方式來(lái)減減少嵌套套，提高高網(wǎng)頁(yè)的的瀏覽速速度。2.目錄錄結(jié)構(gòu)優(yōu)優(yōu)化目錄結(jié)構(gòu)構(gòu)優(yōu)化主主要是對(duì)對(duì)網(wǎng)站文文件管理理，我建建議建立立一個(gè)大大文件夾夾，里邊邊包括各各個(gè)頻道道的文件件夾、網(wǎng)網(wǎng)頁(yè)頁(yè)面面圖片文文件夾、網(wǎng)頁(yè)內(nèi)內(nèi)容圖片片文件夾夾等等一一個(gè)一個(gè)個(gè)的單獨(dú)獨(dú)類(lèi)別的的文件夾夾，使得得在維護(hù)護(hù)時(shí)候可可以方便便的找到到每一個(gè)個(gè)頁(yè)面的的具體位位置，提提高工作作效率。3.針對(duì)對(duì)搜索引引擎的優(yōu)優(yōu)化搜索引擎擎優(yōu)化是是完整的的優(yōu)化工工作必不不可少的的一個(gè)步步驟。以以例舉我我對(duì)網(wǎng)站站關(guān)鍵字字的優(yōu)化化，“關(guān)關(guān)鍵字”的體現(xiàn)現(xiàn)要合理理，比如如我們可可以制作作一個(gè)“網(wǎng)站導(dǎo)導(dǎo)航”的的頁(yè)面，網(wǎng)站導(dǎo)導(dǎo)航頁(yè)面面會(huì)淋漓漓盡致的的體現(xiàn)各各個(gè)關(guān)鍵鍵字，這這個(gè)頁(yè)面面不但方方便用戶(hù)戶(hù)使用也也會(huì)更容容易的被被搜索引引擎找到到起到事事半功倍倍的作用用。隨著著搜索引引擎都有有了圖片片搜索功功能，網(wǎng)網(wǎng)頁(yè)里邊邊的圖片片也是體體現(xiàn)關(guān)鍵鍵詞的好好地