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

目錄摘要 2關(guān)鍵詞 2Abstract 2KeyWords 2一、網(wǎng)頁設(shè)計(jì)標(biāo)準(zhǔn) 3（一）明確網(wǎng)站專題 3（二）總體設(shè)計(jì)方案專題鮮明 3（三）網(wǎng)頁設(shè)計(jì)形式和內(nèi)容相統(tǒng)一 3二、網(wǎng)頁設(shè)計(jì)和制作具體步驟 3（一）網(wǎng)站策劃 4（二）網(wǎng)頁布局版式設(shè)計(jì) 5（三）網(wǎng)頁色彩搭配 6（四）網(wǎng)站后臺設(shè)計(jì) 7三、網(wǎng)頁制作工具學(xué)習(xí)和應(yīng)用 8（一）Dreamweaver 8（二）Flash 9(三)Photoshop 9四、網(wǎng)頁優(yōu)化 10（一）網(wǎng)頁技術(shù)優(yōu)化 11（二）人文優(yōu)化 12參考文件 13淺談網(wǎng)頁設(shè)計(jì)和制作學(xué)生姓名：林永俊學(xué)號：5171030美術(shù)學(xué)院美術(shù)學(xué)專業(yè)指導(dǎo)老師：張睿職稱：講師摘要：伴隨中國互聯(lián)網(wǎng)高速發(fā)展，相關(guān)網(wǎng)絡(luò)應(yīng)用技術(shù)將會得到更多應(yīng)用，做為互聯(lián)網(wǎng)信息表述和傳輸基礎(chǔ)載體網(wǎng)頁也越來越受到大家關(guān)注。本文從網(wǎng)頁設(shè)計(jì)要素、標(biāo)準(zhǔn)及相關(guān)技巧等對網(wǎng)頁設(shè)計(jì)和制作進(jìn)行了介紹和說明。經(jīng)過對網(wǎng)頁設(shè)計(jì)和制作研究,探求符合時代特色網(wǎng)頁制作原理和行之有效設(shè)計(jì)方法,提升網(wǎng)頁用戶體驗(yàn)和視覺沖擊力,增強(qiáng)網(wǎng)站和網(wǎng)民互動，促進(jìn)企業(yè)開展電子商務(wù)，信息平臺等基礎(chǔ)設(shè)施，發(fā)明更高經(jīng)濟(jì)效益。關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；網(wǎng)頁制作；色彩搭配Abstract:WiththerapiddevelopmentofChina'sInternetwebapplications,relatedtechnologywillgetmoreapplications,asInternetinformationrepresentationandtransferofwebbasedcarrierhasbecometheconcernofthepublic.Thisarticlefromthewebpagedesignelementsandprinciplesandrelatedskillsonwebdesignandproductionareintroducedandillustrated.Throughthedesignandmanufactureofwebpage,whichcanaccordwiththespecialagewebproductionprincipleandeffectivedesignmethods,improvewebuserexperienceandvisualimpact,enhancetheinteractionwithInternetwebsite,promoteenterpriseindevelopingelectroniccommerce,informationplatformandotherinfrastructure,andcreatemoreeconomicbenefits.KeyWords:webdesign；webpages；colourcollocation一個成功抓住用戶“眼球”并最終帶來經(jīng)濟(jì)效益網(wǎng)站首先需要一個優(yōu)異設(shè)計(jì)，然后加上優(yōu)異制作。設(shè)計(jì)是網(wǎng)站關(guān)鍵和靈魂，是一個感性思索和理性分析相結(jié)合復(fù)雜過程，它方向取決于設(shè)計(jì)任務(wù)，它實(shí)現(xiàn)依靠于網(wǎng)頁制作。把網(wǎng)頁藝術(shù)設(shè)計(jì)和其它藝術(shù)設(shè)計(jì)形式進(jìn)行比較，嘗試從網(wǎng)頁藝術(shù)設(shè)計(jì)內(nèi)容、標(biāo)準(zhǔn)、制作技巧、制作步驟等多個方面對這個新藝術(shù)設(shè)計(jì)領(lǐng)域進(jìn)行初步歸納總結(jié)和理論探討，網(wǎng)頁藝術(shù)設(shè)計(jì)是藝術(shù)和技術(shù)高度統(tǒng)一。一、網(wǎng)頁設(shè)計(jì)標(biāo)準(zhǔn)（一）明確網(wǎng)站專題優(yōu)異網(wǎng)頁設(shè)計(jì)肯定服務(wù)于網(wǎng)站專題，就是說要建設(shè)一個網(wǎng)站，首先需要定位，既要清楚建設(shè)網(wǎng)站目標(biāo)和面向?yàn)g覽對象，只有定位正確網(wǎng)站才會有可觀性和應(yīng)用性。所以我們必需明確設(shè)計(jì)站點(diǎn)目標(biāo)和用戶需求，從而做出切實(shí)可行設(shè)計(jì)計(jì)劃。（二）總體設(shè)計(jì)方案專題鮮明在目標(biāo)明確基礎(chǔ)上，完成網(wǎng)站構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對網(wǎng)站整體風(fēng)格和特色作出定位，計(jì)劃網(wǎng)站組織結(jié)構(gòu)。做到專題鮮明突出，關(guān)鍵點(diǎn)明確，以簡單明確語言和畫面表現(xiàn)站點(diǎn)專題；調(diào)動一切手段充足表現(xiàn)網(wǎng)站個性和情趣。（三）網(wǎng)頁設(shè)計(jì)形式和內(nèi)容相統(tǒng)一內(nèi)容是組成設(shè)計(jì)一切內(nèi)在要素總和，是設(shè)計(jì)存在基礎(chǔ)，被稱為“設(shè)計(jì)靈魂”；形式是組成內(nèi)容諸要素內(nèi)部結(jié)構(gòu)或內(nèi)容外部表現(xiàn)方法。為了將豐富意義和多樣形式組織成統(tǒng)一頁面結(jié)構(gòu)，形式語言必需符合頁面內(nèi)容，表現(xiàn)內(nèi)容豐富含義。靈活利用對比和調(diào)和、對稱和平衡、節(jié)奏和韻律和留白等手法，經(jīng)過空間、文字、圖形之間相互關(guān)系建立整體均衡狀態(tài)，產(chǎn)生友好美感。如對稱標(biāo)準(zhǔn)在頁面設(shè)計(jì)中，它均衡有時會使頁面顯得呆板，但假如加入部分富有動感文字、圖案，或采取夸張手法來表現(xiàn)內(nèi)容往往會達(dá)成比很好效果。點(diǎn)、線、面作為視覺語言中基礎(chǔ)元素，巧妙地相互穿插、相互襯托、相互補(bǔ)充組成最好頁面效果，充足表示完美設(shè)計(jì)意境。一個優(yōu)異設(shè)計(jì)肯定是形式對內(nèi)容完美表現(xiàn)。正如黑格爾所說：“工藝美就不在于要求實(shí)用具外部造型、色彩、紋樣去摹擬事物，再現(xiàn)現(xiàn)實(shí)，而在于使其外部形式傳達(dá)和表現(xiàn)出一定情緒、氣氛、格調(diào)、風(fēng)尚、趣味，使物質(zhì)經(jīng)由象征變成相同于精神生活相關(guān)環(huán)境?！雹訇慁i，《走出藝術(shù)哲學(xué)迷宮—①陳鵬，《走出藝術(shù)哲學(xué)迷宮—黑格爾《美學(xué)》筆記》，文化藝術(shù)出版社，第7期，第201頁。二、網(wǎng)頁設(shè)計(jì)和制作具體步驟網(wǎng)頁設(shè)計(jì)是一個綜合性極強(qiáng)工作，包含到商業(yè)策劃、平面設(shè)計(jì)、人機(jī)界面、程序語言和數(shù)據(jù)庫等。網(wǎng)頁設(shè)計(jì)從總體上可大致分為策劃、前臺頁面設(shè)計(jì)和后臺三部分，本文關(guān)鍵從AZE設(shè)計(jì)工作室網(wǎng)站實(shí)例來敘述網(wǎng)頁設(shè)計(jì)和制作步驟。（一）網(wǎng)站策劃策劃是指網(wǎng)站整體定位、功效計(jì)劃、應(yīng)用分析、步驟設(shè)計(jì)和內(nèi)容架構(gòu)組織，網(wǎng)站策劃是網(wǎng)站平臺建設(shè)成敗關(guān)鍵內(nèi)容之一。網(wǎng)站策劃關(guān)鍵敘述了處理方案能給用戶帶來什么價值，和經(jīng)過何種方法去實(shí)現(xiàn)這種價值。在策劃同時要以人為本，迎合網(wǎng)民需求、找到了市場需求點(diǎn)，才能把整體定位策劃做到位。對網(wǎng)站內(nèi)容功效計(jì)劃，做到讓搜索引擎更多收錄和關(guān)注，網(wǎng)頁打開速度愈加快。經(jīng)過對AZE設(shè)計(jì)工作室分析，關(guān)鍵包涵動畫設(shè)計(jì)、網(wǎng)站設(shè)計(jì)、家裝設(shè)計(jì)、CG培訓(xùn)四個大欄目，明確了網(wǎng)站定位以后分析相關(guān)行業(yè)和市場特點(diǎn)。經(jīng)過對相關(guān)行業(yè)和市場分析，和網(wǎng)站內(nèi)容和功效分析，計(jì)劃出此次建設(shè)網(wǎng)站關(guān)鍵內(nèi)容以下：1.進(jìn)入頁flashFlash頁面導(dǎo)入網(wǎng)站不僅生動形象，還會給人印象深刻感覺，flash頁面以四個版塊為基準(zhǔn)，關(guān)鍵分動畫設(shè)計(jì)、網(wǎng)站建設(shè)、墻體彩繪、設(shè)計(jì)培訓(xùn)。點(diǎn)擊任意一個能夠直接進(jìn)入每個小站，含有明確導(dǎo)航性，設(shè)置較醒目標(biāo)進(jìn)入首頁按鈕，經(jīng)過點(diǎn)擊它就能夠進(jìn)入網(wǎng)站首頁。2.網(wǎng)站首頁網(wǎng)站首頁是整個網(wǎng)站門戶，簡練、大方、加載速度快是網(wǎng)站首頁關(guān)鍵要素。網(wǎng)站關(guān)鍵計(jì)劃欄目內(nèi)容有：首頁、業(yè)內(nèi)新聞、動畫設(shè)計(jì)、網(wǎng)站建設(shè)、家裝設(shè)計(jì)、CG培訓(xùn)、精品案例、相關(guān)我們、服務(wù)范圍、聯(lián)絡(luò)我們。3.新聞動態(tài)公布系統(tǒng)最新動態(tài)欄目關(guān)鍵用來公布企業(yè)新聞，企業(yè)動態(tài)、最新消息等。經(jīng)過最新動態(tài)欄目可使用戶對企業(yè)最新發(fā)展動態(tài)、產(chǎn)品信息、人文文化、最新消息等信息有一個立即了解。此欄目，可讓用戶在線實(shí)時管理、公布新聞、刪除新聞、更改等。4.企業(yè)留言系統(tǒng)企業(yè)留言欄目在設(shè)計(jì)方面要美觀、大方、和網(wǎng)站風(fēng)格融成一體，更要重視用戶體驗(yàn)。網(wǎng)民無需注冊，有回復(fù)，經(jīng)過相互直接交流，能夠?yàn)槠髽I(yè)找到潛在用戶，和部分市場信息。5.人才招聘現(xiàn)在很多企業(yè)全部利用企業(yè)網(wǎng)站平臺公布招聘信息。這么不僅能夠充足利用現(xiàn)有資源，而且相比傳統(tǒng)職業(yè)服務(wù)中心更含有實(shí)時性、互動性等優(yōu)點(diǎn)。（二）網(wǎng)頁布局版式設(shè)計(jì)logo企業(yè)公告、人才招聘、網(wǎng)站地圖、論壇聯(lián)絡(luò)方法/收藏本站首頁業(yè)內(nèi)新聞動畫設(shè)計(jì)網(wǎng)站建設(shè)墻體彩繪CG培訓(xùn)精品案例相關(guān)我們服務(wù)范圍聯(lián)絡(luò)我們網(wǎng)站主幻燈片企業(yè)公告動畫設(shè)計(jì)欄目最新資訊幫助中心網(wǎng)頁設(shè)計(jì)欄目企業(yè)介紹資源共享墻體手繪欄目友誼鏈接CG培訓(xùn)欄目網(wǎng)頁版權(quán)信息圖（1）AZE設(shè)計(jì)工作室首頁計(jì)劃圖頁面整體布局則是網(wǎng)頁設(shè)計(jì)根基。依據(jù)現(xiàn)代網(wǎng)頁發(fā)展趨勢來看，簡練、直觀、人性化和個性化是網(wǎng)站設(shè)計(jì)基礎(chǔ)要素，所以在做整體布局時候一定要充足考慮到這些要素。網(wǎng)頁設(shè)計(jì)作為一個視覺語言，尤其講究編排和布局，經(jīng)過文字圖形空間組合編排，表示出友好和美。在AZE網(wǎng)站首頁關(guān)鍵版塊設(shè)計(jì)中，我采取了“匡”字型布局，給主內(nèi)容區(qū)釋放了更多空間，圖(1)（AZE設(shè)計(jì)工作室網(wǎng)站首頁）所表示：頁面上部是網(wǎng)頁標(biāo)志和導(dǎo)航條，接下來是網(wǎng)頁主幻燈片，左邊欄目放友誼鏈接和網(wǎng)頁部分小欄目，中間是網(wǎng)站四個關(guān)鍵內(nèi)容欄目，右邊欄目放新聞更新和企業(yè)介紹，網(wǎng)頁底部放版權(quán)信息。網(wǎng)頁內(nèi)容作為一個版面，既要有文字，又要有圖片；文字有大小、標(biāo)題和正文之分等網(wǎng)頁組成畫面對比，在網(wǎng)頁排版時候充足考慮網(wǎng)站定位，突出表現(xiàn)網(wǎng)站主體內(nèi)容。AZE設(shè)計(jì)工作室網(wǎng)站是個多頁面站點(diǎn)，頁面編排設(shè)計(jì)要求把頁面之間有機(jī)聯(lián)絡(luò)反應(yīng)出來，尤其要處理好頁面之間和頁面內(nèi)秩序和內(nèi)容關(guān)系。為了達(dá)成最好視覺表現(xiàn)效果，設(shè)計(jì)中應(yīng)利用各組成部分在內(nèi)容上內(nèi)在聯(lián)絡(luò)和表現(xiàn)形式上相互呼應(yīng)，并注意整個頁面設(shè)計(jì)風(fēng)格一致性，實(shí)現(xiàn)視覺上和心理上連貫，使整個頁面設(shè)計(jì)各個部分極為融洽，布局合理，讓瀏覽者有一個流暢視覺體驗(yàn)。（三）網(wǎng)頁色彩搭配色彩是藝術(shù)表現(xiàn)要素之一。在網(wǎng)頁設(shè)計(jì)中，依據(jù)友好、均衡和關(guān)鍵突出標(biāo)準(zhǔn)，將不一樣色彩進(jìn)行組合、搭配來組成符合審美要求頁面。依據(jù)色彩對大家心理影響，合理地加以利用。不一樣顏色也代表著不一樣行業(yè)訴求。(比如：醫(yī)院和環(huán)境保護(hù)部門會選擇綠色，而公共事業(yè)機(jī)構(gòu)則會選擇藍(lán)色等)所以在設(shè)計(jì)之初要充足考慮該網(wǎng)站性質(zhì)及訪問對象，以此來確定網(wǎng)頁色彩搭配形式。當(dāng)專題色確定好以后，考慮其它配色時，一定要考慮其它配色和專題色關(guān)系，要表現(xiàn)什么樣效果?！吧士倯?yīng)用標(biāo)準(zhǔn)是:總體協(xié)調(diào)，局部對比。網(wǎng)頁整體色彩效果應(yīng)該是友好，只有局部、小范圍地方能夠有部分強(qiáng)烈色彩對比?！备哂雷?、盧堅(jiān)、潘星亮著，《網(wǎng)頁經(jīng)典配色和設(shè)計(jì)手冊》，中國青年出版社，第7期，第56頁。在色彩利用上，能夠依據(jù)主頁內(nèi)容需要，分別采取不一樣主色調(diào)。色彩還含有顯著心理感覺，比如冷、暖感覺，進(jìn)、退效果等。另外，色彩還有民族性，各個民族因?yàn)榄h(huán)境、文化、傳統(tǒng)等原因影響，對于色彩喜好也存在著較大差異。充足利用色彩這些特征，能夠使我們主頁含有深刻藝術(shù)內(nèi)涵，從而提升網(wǎng)頁文化品位。高永子、盧堅(jiān)、潘星亮著，《網(wǎng)頁經(jīng)典配色和設(shè)計(jì)手冊》，中國青年出版社，第7期，第56頁。AZE設(shè)計(jì)工作室網(wǎng)站是一個藝術(shù)設(shè)計(jì)類型網(wǎng)站，在色彩利用方面要凸顯行業(yè)特色同時更要獨(dú)具特色，經(jīng)過對網(wǎng)站策劃和內(nèi)容計(jì)劃，網(wǎng)站關(guān)鍵分四個小站分別表現(xiàn)四個設(shè)計(jì)行業(yè)，在把握好每個小站色彩整體性又要有所區(qū)分，動畫設(shè)計(jì)頁用藍(lán)紫色調(diào)，網(wǎng)站設(shè)計(jì)頁用藍(lán)色調(diào)，墻體手繪頁用黃綠色調(diào)，CG培訓(xùn)頁用綠色調(diào)，主頁采取灰色調(diào)把四個小站統(tǒng)一起來。下面是網(wǎng)站設(shè)計(jì)中用到多個調(diào)色方案：單色方案、相同色方案、對比色方案。1.單色方案單色方案是指在網(wǎng)站設(shè)計(jì)中使用一個基礎(chǔ)顏色，為避免單調(diào)，能夠經(jīng)過調(diào)整這種基礎(chǔ)顏色灰度和亮度來得到更多顏色，因?yàn)檎麄€顏色方案中實(shí)際上只有一個基色，所以這種方案稱為單色方案。比如：在Photoshop色彩選擇窗口中，我們能夠這么進(jìn)行建立單色方案。首先調(diào)整H（也就是Hue縮寫）后面值來調(diào)整色調(diào)。注意，H單位是度，也就是基礎(chǔ)顏色在顏色環(huán)上所處位置角度。設(shè)置好H值以后，再調(diào)整B后面數(shù)字調(diào)整亮度和S后面數(shù)字調(diào)整飽和度。注意，其中B和S單位是百分比，也就是向基礎(chǔ)顏色中添加白色和黑色百分比。這么就能夠得到一個單色方案了。2.相同色方案在色彩圓環(huán)上選擇相互相鄰多個顏色組成配色方案就是相同色方案。比如橙色、橙紅色和橙黃色就能夠組成一個相同色方案。因?yàn)橄嗤桨钢邪硕鄠€基色，假如再加上亮度和飽和度改變，能夠組成顏色就很多。相同色配色方案能夠給人很協(xié)調(diào)感覺，所以在網(wǎng)站設(shè)計(jì)中很常見。經(jīng)典利用方法就是，用一個顏色作為頁面背景，而另外一個在顏色環(huán)中和其相鄰顏色作為前景色。除了上面介紹綠色和黃色之外，藍(lán)色和綠色和紅色和褐色也是比較常見相同色配色方案。3.對比色方案對比色方案即把色性完全相反色彩搭配在同一個空間里。比如：紅和綠、黃和紫、橙和藍(lán)等。這種色彩搭配，能夠產(chǎn)生強(qiáng)烈視覺效果，給人亮麗、鮮艷、喜慶感覺。當(dāng)然，對比色調(diào)假如用得不好，會適得其反，產(chǎn)生俗氣、刺眼不良效果。這就要把握“大調(diào)和，小對比”這一個關(guān)鍵標(biāo)準(zhǔn)，即總體色調(diào)應(yīng)該是統(tǒng)一友好，局部地方能夠有部分小強(qiáng)烈對比。（四）網(wǎng)站后臺設(shè)計(jì)后臺是指程序設(shè)計(jì)、數(shù)據(jù)操作、功效實(shí)現(xiàn)、管理界面和管理功效設(shè)計(jì)等。網(wǎng)站后臺設(shè)計(jì)常常被大家所忽略，好后臺能夠提升編輯使用效率，同時部分好設(shè)計(jì)也能降低錯誤發(fā)生，針對“后臺用戶”這一特殊群體提供部分可行體驗(yàn)優(yōu)化標(biāo)準(zhǔn)。合理功效設(shè)計(jì)和友好設(shè)計(jì)對于效率和差錯率均會有很大提升，小小設(shè)計(jì)可能會起到非凡作用。三、網(wǎng)頁制作工具學(xué)習(xí)和應(yīng)用（一）DreamweaverDreamweaver是美國MACROMEDIA企業(yè)開發(fā)集網(wǎng)頁制作和管理網(wǎng)站于一身所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計(jì)師尤其發(fā)展視覺化網(wǎng)頁開發(fā)工具，利用它能夠輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制充滿動感網(wǎng)頁。1.Dreamweaver優(yōu)點(diǎn)①最好制作效率“Dreamweaver提供了以CSS為基礎(chǔ)設(shè)計(jì)和開發(fā)提供支持革命性功效，CSS將網(wǎng)頁要展示內(nèi)容和樣式設(shè)定分開。”王娜著，《Dreamweaver網(wǎng)頁制作和色彩搭配全攻略》，清華大學(xué)出版社，第5期，第23頁。當(dāng)要改變網(wǎng)頁外觀時，只需更改樣式設(shè)定部分，HTML文件本身并不需要更改。王娜著，《Dreamweaver網(wǎng)頁制作和色彩搭配全攻略》，清華大學(xué)出版社，第5期，第23頁。②網(wǎng)站管理使用網(wǎng)站地圖能夠快速制作網(wǎng)站雛形、設(shè)計(jì)、更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱，Dreamweaver會自動更新全部連結(jié)。使用支援文字、HTML碼、HTML屬性標(biāo)簽和通常語法搜尋及置換功效使得復(fù)雜網(wǎng)站更新變得快速又簡單。2.Dreamweaver缺點(diǎn)難以正確達(dá)成和瀏覽器完全一致顯示效果。也就是說在所見即所得網(wǎng)頁編輯器中制作網(wǎng)頁放到瀏覽器中是極難完全達(dá)成您真正想要效果，這一點(diǎn)在結(jié)構(gòu)復(fù)雜部分網(wǎng)頁（如分幀結(jié)構(gòu)、動態(tài)網(wǎng)頁結(jié)構(gòu)）中便能夠表現(xiàn)出來。頁面原始代碼難以控制性，比如您在所見即所得編輯器中制作一張表格也要幾分鐘，但您要它完全符合您要求可能需要幾十分鐘，甚至更多時間。而相比之下，非所見則所得網(wǎng)頁編輯器，就不存在這個問題，因?yàn)槿縃TML代碼全部在您監(jiān)控下產(chǎn)生，不過因?yàn)榉撬妱t所得編輯器先天條件就注定了它工作低效率。怎樣實(shí)現(xiàn)二者完美結(jié)合，則既產(chǎn)生潔凈、正確HTML代碼，又含有則見則所得高效率、直觀性，一直是網(wǎng)頁設(shè)計(jì)師夢想。（二）Flash1.Flash介紹和發(fā)展趨勢Flash也是由macromedia企業(yè)推出交互式矢量圖和Web動畫標(biāo)準(zhǔn)，由Adobe企業(yè)收購。網(wǎng)頁設(shè)計(jì)者使用Flash創(chuàng)作出既漂亮又可改變尺寸導(dǎo)航界面和其它奇特效果。flash動畫好壞是評定一個網(wǎng)站好壞關(guān)鍵影響原因之一，動感絢麗flash動畫，能給網(wǎng)站受眾以極大視覺沖擊力。2.Flash優(yōu)點(diǎn)Flash一個很關(guān)鍵特點(diǎn)是創(chuàng)建文件體積很小，F(xiàn)lash是完全基于矢量動畫處理技術(shù)，而矢量圖形就是用少許向量數(shù)據(jù)來描述一個復(fù)雜對象，存放時只占很小空間，而且圖像質(zhì)量也很高。Flash使用是插件工作方法，用戶只要安裝一次插件，以后就能夠快速開啟并觀看動畫，而無須像Java那樣，每次全部要花費(fèi)大量時間開啟虛擬機(jī)。Flash動畫采取是“流式”動畫播放技術(shù)，用戶無須等到動畫下載完全再去欣賞動畫，而是一邊下載一邊欣賞。Flash功效還是很廣泛。使用內(nèi)置ActionScript語句結(jié)合JavaScript，也能夠制作出互動性很強(qiáng)主頁來。3.網(wǎng)站應(yīng)用flash注意事項(xiàng)插件，F(xiàn)lash動畫播放需要安裝Adodb企業(yè)播放插件。假如用戶電腦上沒有便不能播放動畫，而且Flash播放插件版本有很多個，部分低版本并不能播放采取高版本制作flash動畫。全Flash網(wǎng)站，對于全Flash網(wǎng)站在seo方面有很多劣勢，因?yàn)樗績?nèi)容，結(jié)構(gòu)全部在flash內(nèi)部，所以，搜索引擎會全然不知這個網(wǎng)站是什么內(nèi)容?，F(xiàn)在搜索技術(shù)并不能識別到Flash里面文本，圖片等信息。所以，在baidu、谷歌等搜索引擎中無法識別到Flash到底在表示什么信息，影響網(wǎng)站推廣。(三)Photoshop1.Photoshop在網(wǎng)頁布局中計(jì)劃作用①布局靈活。Photoshop靈魂是圖層，每層能夠放置不一樣元素，圖層之間能夠相互鏈接，也可單獨(dú)存放，每個圖層上圖像位置能夠隨意挪動而不影響其它圖層圖像位置，每個圖層上圖像大小、色階、亮度、飽和度透明度等可單獨(dú)設(shè)置而不影響其它圖層上圖像。如此靈活功效，完全能夠讓設(shè)計(jì)者隨心所欲設(shè)計(jì)而不受任何約束。②修改方便。網(wǎng)站建設(shè)前期首先要和用戶簽定協(xié)議，簽定協(xié)議時用戶最關(guān)心是自己網(wǎng)站是什么樣子，這時設(shè)計(jì)者不可能拿出建好網(wǎng)站給用戶演示，這么成本太高，最好措施是拿出在Photoshop中做出效果圖給用戶看。通常情況下，用戶一次滿意率很低，總會提出修改意見，而且還會不停地提出修改方案。這時我們就能夠利用Photoshop強(qiáng)大功效按用戶要求方便地進(jìn)行修改和優(yōu)化，直到用戶滿意為止。③加緊瀏覽進(jìn)度。一個設(shè)計(jì)不美觀不規(guī)范網(wǎng)站是沒有生命力，一樣一個打開、下載速度慢網(wǎng)站也是沒有存在價值。使用Photoshop設(shè)計(jì)網(wǎng)頁經(jīng)過裁切后體積相對要小得多，相同元素因?yàn)槠涓袷礁淖円矔蟠筇嵘螺d速度，所以Photoshop就成了提升速度，提升點(diǎn)擊率制勝法寶。2.photoshop和dreamweaver配合即使效果圖是用Photoshop設(shè)計(jì)，但一定要兼顧到Dreamweaver對頁面布局要求，Dreamweaver下網(wǎng)頁布局是使用‘國’字形，還是其它模式，是否使用框架，使用框架類型是哪一個，全部是在設(shè)計(jì)前要考慮到。不然會造成效果圖和最終網(wǎng)站布局出現(xiàn)出入，使網(wǎng)頁設(shè)計(jì)過程變得復(fù)雜。正確切片，只有經(jīng)過正確切片后，DreamWeaver才能對效果圖進(jìn)行有效整合，Photoshop在網(wǎng)頁布局中主動作用才發(fā)揮到了極致。四、網(wǎng)頁優(yōu)化“在網(wǎng)頁設(shè)計(jì)中，網(wǎng)頁優(yōu)化是較為關(guān)鍵一個步驟?！蓖鯐苑濉⒔寡嘀?，《網(wǎng)頁設(shè)計(jì)原理及實(shí)戰(zhàn)策略》，清華大學(xué)出版社，第3期，第68頁。它成功是否會影響頁面瀏覽速度和頁面適應(yīng)性，影響觀者對網(wǎng)站印象。而網(wǎng)頁優(yōu)化工作是由很多方面優(yōu)化組成，一名優(yōu)異網(wǎng)頁優(yōu)化工作人員必需含有多方面知識，不僅僅要掌握網(wǎng)站設(shè)計(jì)制作技術(shù)；還要掌握很多計(jì)算機(jī)其它方面知識(包含電子商務(wù)、人機(jī)交互、易用性和部分相關(guān)軟件知識等等)；甚至需要掌握心理學(xué)、商業(yè)運(yùn)作等相關(guān)知識。我在網(wǎng)頁制作優(yōu)化過程中關(guān)鍵有兩個方面：技術(shù)優(yōu)化，人文優(yōu)化。王曉峰、焦燕著，《網(wǎng)頁設(shè)計(jì)原理及實(shí)戰(zhàn)策略》，清華大學(xué)出版社，第3期，第68頁。（一）網(wǎng)頁技術(shù)優(yōu)化技術(shù)優(yōu)化關(guān)鍵是對代碼優(yōu)化、目錄結(jié)構(gòu)優(yōu)化和針對搜索引擎優(yōu)化三個部分。1.代碼優(yōu)化代碼優(yōu)化關(guān)鍵處理問題就是頁面瀏覽速度和適應(yīng)性問題。文字和圖片是組成頁面兩個關(guān)鍵原因，所以我們優(yōu)化也要從文字和圖片開始。在一個網(wǎng)站漢字字是頁面中正確傳達(dá)信息元素，所以字體優(yōu)化顯得尤為關(guān)鍵。使用css樣式表指定文字樣式是必需，通常我們將字體指定為宋體，大小指定12px，顏色要視背景色而定，標(biāo)準(zhǔn)上以能看清且和整個頁面搭配友好為準(zhǔn)。在白色背景上，我們通常使用黑色，這么不易產(chǎn)生視覺疲憊，能確保瀏覽者較長時間地瀏覽網(wǎng)頁。圖片是網(wǎng)頁中關(guān)鍵元素。圖片優(yōu)化能夠在確保瀏覽質(zhì)量前提下將其大小降至最低，這么能夠成倍地提升網(wǎng)頁下載速度。利用Photoshop能夠?qū)D片切成小塊，分別進(jìn)行優(yōu)化。輸出格式能夠?yàn)間if或jpeg，要視具體情況而定。通常我們把有較為復(fù)雜顏色改變小塊優(yōu)化為jpeg，而把那種只有單純色塊卡通畫式小塊優(yōu)化為gif，這是由這兩種格式特點(diǎn)決定。DIV和表格(table)是頁面中關(guān)鍵元素,是頁面排版關(guān)鍵手段。我們能夠設(shè)定DIV和表格寬度、高度、邊框、背景色、對齊方法等參數(shù)。很多時候，我們將表格邊框設(shè)為0，以此來定位頁面中元素，或借此確定頁面中各元素相對位置。“瀏覽器在讀取網(wǎng)頁html原代碼時，是讀完整個table才將它顯示出來,我們在設(shè)計(jì)頁面表格時候，應(yīng)該盡可能避免將全部元素嵌套在一個表格里，而且表格嵌套層次盡可能要少?！焙涡惴贾毒W(wǎng)頁制作和網(wǎng)站建設(shè)課堂實(shí)錄》，人民郵電出版社，第5期，第73頁。所以在網(wǎng)頁制作過程中能夠采取DIV套表格方法來降低嵌套，提升網(wǎng)頁瀏覽速度。何秀芳著，《網(wǎng)頁制作和網(wǎng)站建設(shè)課堂實(shí)錄》，人民郵電出版社，第5期，第73頁。2.目錄結(jié)構(gòu)優(yōu)化目錄結(jié)構(gòu)優(yōu)化關(guān)鍵是對網(wǎng)站文件管理，我提議建立一個大文件夾，里邊包含各個頻道文件夾、網(wǎng)頁頁面圖片文件夾、網(wǎng)頁內(nèi)容圖片文件夾等等一個一個單獨(dú)類別文件夾，使得在維護(hù)時候能夠方便找到每一個頁面具體位置，提升工作效率。3.針對搜索引擎優(yōu)化搜索引擎優(yōu)化是完整優(yōu)化工作必不可少一個步驟。以例舉我對網(wǎng)站關(guān)鍵字優(yōu)化，“關(guān)鍵字”表現(xiàn)要合理，比如我們能夠制作一個“網(wǎng)站導(dǎo)航”頁面，網(wǎng)站導(dǎo)航頁面會淋漓盡致表現(xiàn)各個關(guān)鍵字，這個頁面不僅方便用戶使用也會更輕易被搜索引擎找到起到事半功倍作用。伴隨搜索引擎全部有了圖片搜索功效，網(wǎng)頁里邊圖片也是表現(xiàn)關(guān)鍵詞好地方，比如我在頁面里邊加入圖片后給圖片起一個“名字”（<imgSRC="images.gif"WIDTH="100"HEIGHT="100"BORDER=0ALT="圖片名稱"/>）給圖片名稱就能夠是關(guān)鍵字。（二）人文優(yōu)化人文優(yōu)化關(guān)鍵是交互、易用性和網(wǎng)站表現(xiàn)優(yōu)化。在網(wǎng)絡(luò)發(fā)展到Web2.0時代，更重