網(wǎng)頁(yè)設(shè)計(jì)過(guò)程及步驟

網(wǎng)頁(yè)設(shè)計(jì)過(guò)程及步驟網(wǎng)頁(yè)設(shè)計(jì)過(guò)程及步驟網(wǎng)頁(yè)設(shè)計(jì)過(guò)程網(wǎng)頁(yè)是信息傳播的媒體，但又不同于傳統(tǒng)媒體，有自己的特殊性。網(wǎng)頁(yè)具有交互性、多維性、整合性、多維性、不確定性等特點(diǎn)，它與技術(shù)的結(jié)合更為密切，網(wǎng)頁(yè)的超級(jí)鏈接功能也使它比傳統(tǒng)媒體更具吸引力。正是因?yàn)檫@些特殊性，網(wǎng)頁(yè)的設(shè)計(jì)與發(fā)布也有一個(gè)特殊的流程。1．項(xiàng)目規(guī)劃馬克思將做事的計(jì)劃性看成是人區(qū)別于動(dòng)物的本質(zhì)特征之一。如果把一個(gè)網(wǎng)站比喻為一所房子，那么，沒(méi)有事先規(guī)劃和設(shè)計(jì)建造起來(lái)的“房子”是不會(huì)漂亮、牢固的。設(shè)計(jì)者必須認(rèn)真對(duì)待站點(diǎn)開(kāi)發(fā)計(jì)劃，這樣才能使網(wǎng)站的建設(shè)經(jīng)得起時(shí)間的考驗(yàn)。這一階段可稱為項(xiàng)目規(guī)劃階段。本階段，首先要明確建立站點(diǎn)的目的，也就是先搞清楚要建一座什么樣的“房子”。這座“房子”可能有以下用途：●個(gè)人主頁(yè)：發(fā)布個(gè)人信息，提供個(gè)人服務(wù)，展示個(gè)性，同別人廣泛地交流，比如共享業(yè)余愛(ài)好等。●電子商務(wù)：首先，有利于樹(shù)立企業(yè)的形象。目前國(guó)內(nèi)很多大企業(yè)都非常重視企業(yè)形象這種無(wú)形資產(chǎn)，建立企業(yè)網(wǎng)頁(yè)是宣傳自己的重要手段。擁有國(guó)際域名和主頁(yè)代表了企業(yè)的實(shí)力、規(guī)模和品位?！耠娮映霭鎯?nèi)容的更新、傳遞的速度都比傳統(tǒng)報(bào)刊雜志更快捷，影響更廣泛?！裆鐓^(qū)服務(wù)：可以通過(guò)郵件列表、新聞組、聊天室和電子公告牌促進(jìn)社區(qū)人員的信息交流，為背景和地址各不相同的人提供活動(dòng)的場(chǎng)所。網(wǎng)頁(yè)設(shè)計(jì)過(guò)程及步驟全文共6頁(yè)，當(dāng)前為第1頁(yè)。●網(wǎng)上教育：遠(yuǎn)程教育、終身教育和開(kāi)放式教育都因此而變?yōu)楝F(xiàn)實(shí)。這樣的站點(diǎn)主要靠?jī)?nèi)容來(lái)吸引瀏覽者，而不是華而不實(shí)的設(shè)計(jì)技巧。網(wǎng)頁(yè)設(shè)計(jì)過(guò)程及步驟全文共6頁(yè)，當(dāng)前為第1頁(yè)。●休閑娛樂(lè)：包括影視站點(diǎn)、音樂(lè)站點(diǎn)、旅游站點(diǎn)、游戲站點(diǎn)等，都為瀏覽者提供了休閑娛樂(lè)的場(chǎng)所。要求設(shè)計(jì)者能夠提供各種多媒體信息，具有很強(qiáng)的編程能力和靈活的設(shè)計(jì)思想?！袼囆g(shù)欣賞：如何把作品的含義表達(dá)給瀏覽者，是藝術(shù)站點(diǎn)應(yīng)該考慮的問(wèn)題。因此，設(shè)計(jì)者應(yīng)該與藝術(shù)家保持良好的溝通。另外，準(zhǔn)確地運(yùn)用多媒體也是設(shè)計(jì)好藝術(shù)站點(diǎn)的關(guān)鍵。網(wǎng)頁(yè)設(shè)計(jì)的目的，就是滿足瀏覽者的需求。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，設(shè)計(jì)者應(yīng)該明確知道來(lái)這座“房子”訪問(wèn)的人都想得到什么。首先必須考慮到服務(wù)對(duì)象的技術(shù)背景、受教育程度、閱讀能力、興趣愛(ài)好、消費(fèi)習(xí)慣、上網(wǎng)方式等，然后選擇相應(yīng)的網(wǎng)頁(yè)內(nèi)容和形式。每一個(gè)網(wǎng)頁(yè)都是一次機(jī)遇和挑戰(zhàn)，設(shè)計(jì)者必須在溯rJ階段就認(rèn)真考慮該為瀏覽者提供哪些適宜而有趣的服務(wù)，以便迎來(lái)“回頭客”。2．內(nèi)容組織無(wú)論設(shè)計(jì)一個(gè)什么樣的站點(diǎn)，三個(gè)方面的工作：①搜集篩選將要發(fā)布的內(nèi)容組織都將是最大的挑戰(zhàn)。這包括組織內(nèi)容、編寫(xiě)腳本。②組織內(nèi)容。梳理清楚上述問(wèn)題以后，就可以進(jìn)行第二步工作了。組織內(nèi)容這一階段，要求設(shè)計(jì)者把搜集到的信息，用清晰明確的文字表達(dá)出來(lái)。設(shè)計(jì)人員可以運(yùn)用一些語(yǔ)言技巧，確保瀏覽者能夠準(zhǔn)確且迅速地理解網(wǎng)頁(yè)所要傳達(dá)的意圖。③導(dǎo)航。導(dǎo)航，是為了讓瀏覽者在網(wǎng)頁(yè)上迅速找到所需的信息。因此，網(wǎng)頁(yè)應(yīng)提供目錄索引、在線幫助、站內(nèi)搜索等服務(wù)。印刷品中導(dǎo)航問(wèn)題不是那么突出。如果一個(gè)句子在頁(yè)尾突然終止，讀者會(huì)很自然地翻到下一頁(yè)查找剩余部分。網(wǎng)頁(yè)設(shè)計(jì)過(guò)程及步驟全文共6頁(yè)，當(dāng)前為第2頁(yè)。在組織內(nèi)容時(shí)還應(yīng)注意以下問(wèn)題：網(wǎng)頁(yè)設(shè)計(jì)過(guò)程及步驟全文共6頁(yè)，當(dāng)前為第2頁(yè)。a.建立可信度b.減少商業(yè)味道c.采用倒金字塔形式用超級(jí)鏈接縮短長(zhǎng)度d.去掉不必要的圖形e.并不是信息越多越爍真正重要的不是為瀏覽者提供更多信息，而是為他們提供更有用的信息。④編寫(xiě)腳本。確定內(nèi)容后，就要編寫(xiě)腳本。在大型網(wǎng)頁(yè)設(shè)計(jì)中，腳本有助于設(shè)計(jì)人員之間的交流。它通常包含這樣幾個(gè)方面：首先將內(nèi)容分類列表，把各個(gè)項(xiàng)目分成邏輯組，形成網(wǎng)頁(yè)的總體結(jié)構(gòu)(樹(shù)形結(jié)構(gòu))；其次確定各頁(yè)的主題、包含的內(nèi)容以及各頁(yè)之間的層次結(jié)構(gòu)和隸屬關(guān)系最后設(shè)計(jì)者還要考慮樹(shù)形結(jié)構(gòu)之外的交叉鏈接關(guān)系。3.頁(yè)面設(shè)計(jì)有些優(yōu)秀的繪畫(huà)作品，是在畫(huà)家們強(qiáng)烈的創(chuàng)作欲望驅(qū)使下，沒(méi)有計(jì)劃、沒(méi)有尺度，僅僅靠著巨大的熱情和無(wú)法抑制的創(chuàng)作渴望，瘋狂地涂抹畫(huà)布來(lái)完成的。這種方法對(duì)網(wǎng)頁(yè)設(shè)計(jì)者來(lái)說(shuō)，可以作為一種有趣的創(chuàng)作方法偶爾一試；但對(duì)商業(yè)設(shè)計(jì)來(lái)說(shuō)，缺乏計(jì)劃性、準(zhǔn)確性、整體性，將是設(shè)計(jì)師通往成功道路上的一大障礙。4．測(cè)試發(fā)布測(cè)試發(fā)布，包括完整性測(cè)試和可用性測(cè)試兩部分。完整性測(cè)試，確保技術(shù)上的正確性。例如，頁(yè)面顯示是否無(wú)誤，鏈接指向的地址是否正確等?？捎眯詼y(cè)試，確保頁(yè)面內(nèi)容是瀏覽者所需的，符合最初的設(shè)計(jì)目標(biāo)。經(jīng)測(cè)試滿意后，就可以上傳到Web服務(wù)器發(fā)布了。網(wǎng)頁(yè)設(shè)計(jì)過(guò)程及步驟全文共6頁(yè)，當(dāng)前為第3頁(yè)。5．站點(diǎn)推廣設(shè)計(jì)師或許認(rèn)為，站點(diǎn)的推廣不是設(shè)計(jì)人員的工作。為什么要在一本討論網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的書(shū)中介紹站點(diǎn)推廣的內(nèi)容呢?答案很簡(jiǎn)單，Web的動(dòng)態(tài)發(fā)布和即時(shí)交互性，使網(wǎng)頁(yè)設(shè)計(jì)成為一個(gè)循環(huán)的過(guò)程，站點(diǎn)推廣，也是網(wǎng)頁(yè)設(shè)計(jì)整個(gè)過(guò)程中的一個(gè)環(huán)節(jié)。它拓寬了你獲得反饋信息的渠道，并將打開(kāi)瀏覽者通往你的站點(diǎn)的大門。網(wǎng)頁(yè)設(shè)計(jì)過(guò)程及步驟全文共6頁(yè)，當(dāng)前為第3頁(yè)。網(wǎng)頁(yè)設(shè)計(jì)步驟——個(gè)人主頁(yè)設(shè)計(jì)四步走第一步：掌握主頁(yè)制作常識(shí)及常用軟件1．主頁(yè)制作常識(shí)超文本編程語(yǔ)言———HTM是制作個(gè)人主頁(yè)的基礎(chǔ)掌握其概念和用法是非常必要的。2．主頁(yè)制作常用軟件主頁(yè)編輯軟件：選擇一種好的主頁(yè)制作軟件是首當(dāng)其沖的事情。第二步：申請(qǐng)免費(fèi)豐頁(yè)空間目前，網(wǎng)上提供免費(fèi)主頁(yè)存放服務(wù)的公司已有很多。申請(qǐng)方法比較簡(jiǎn)單，接受協(xié)議，然后填寫(xiě)表格即可。第三步：上傳個(gè)人主頁(yè)檢查主頁(yè)的所有內(nèi)容及鏈接，確認(rèn)無(wú)誤后，你就可以上傳主頁(yè)了。正式開(kāi)始上傳主頁(yè)，對(duì)軟件進(jìn)行簡(jiǎn)單的設(shè)置：填寫(xiě)網(wǎng)址，登錄的用戶名和密碼，上傳到服務(wù)器的默認(rèn)目錄(一般的默認(rèn)目錄名為／public)等內(nèi)容。最后，主頁(yè)上傳完成后，聯(lián)入個(gè)人生頁(yè)，再次檢查一下主頁(yè)內(nèi)容是否正確或完整。第四步：申請(qǐng)免費(fèi)域名并推廣主頁(yè)二、總結(jié)體會(huì)經(jīng)過(guò)一個(gè)簡(jiǎn)單網(wǎng)頁(yè)制作之后，我發(fā)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)挺有意思的，可以做你想做的個(gè)人主頁(yè)，想做你想要的主頁(yè)風(fēng)格等等。現(xiàn)將我在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中的一些體會(huì)說(shuō)說(shuō)吧。網(wǎng)頁(yè)設(shè)計(jì)過(guò)程及步驟全文共6頁(yè)，當(dāng)前為第4頁(yè)。做個(gè)網(wǎng)站介紹一個(gè)簡(jiǎn)單明了的網(wǎng)站介紹，不僅能讓別人對(duì)你的網(wǎng)站能夠提供些什么有個(gè)了解，引發(fā)共鳴或是表達(dá)你的誠(chéng)意，常常最能打動(dòng)讀者，而且還能使訪問(wèn)者能快速找到想要的東西。但是，許多設(shè)計(jì)者都沒(méi)有這樣做。有效的導(dǎo)航條和搜索工具使人們很容易找到有用的信息，這對(duì)訪問(wèn)者很重要。告訴訪問(wèn)者你所提供的正是他們想要的信息。網(wǎng)頁(yè)設(shè)計(jì)過(guò)程及步驟全文共6頁(yè)，當(dāng)前為第4頁(yè)。網(wǎng)站設(shè)計(jì)最重要的訣竅，恐怕就是網(wǎng)頁(yè)要易讀。這就意味著，我們必須花點(diǎn)心思來(lái)規(guī)劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺(jué)效果，別用花里胡哨的色彩組合，讓人看起來(lái)自己的網(wǎng)頁(yè)來(lái)很費(fèi)勁。一般來(lái)說(shuō)，淺色背景下的深色文字為佳。這個(gè)要點(diǎn)要求你最好別把文字的規(guī)格設(shè)得太小、也不能太大。文字太小，人家讀起來(lái)難受；文字太大，或者文字視覺(jué)效果變化頻繁，像是沖著人大喊大叫，看起來(lái)不舒服。有的設(shè)計(jì)者想通過(guò)閃爍的文字來(lái)引起訪問(wèn)者的注意是可以被人理解的，但一個(gè)頁(yè)面中最多不能有三處閃爍文字，太多了給用戶一種眼花繚亂的感覺(jué)，反而會(huì)影響用戶去訪問(wèn)該網(wǎng)站的其他內(nèi)容。另外，最好讓文本左對(duì)齊，而不是居中。按當(dāng)代中文的閱讀習(xí)慣，文本大都居左的。當(dāng)然，標(biāo)題一般應(yīng)該居中，因?yàn)檫@符合讀者的閱讀習(xí)慣。每個(gè)頁(yè)面都要有導(dǎo)航按鈕應(yīng)當(dāng)避免強(qiáng)迫用戶使用工具欄中的向前和向后按鈕。設(shè)計(jì)時(shí)應(yīng)當(dāng)使用戶能夠很快地找到他們所要的東西。絕大多數(shù)好的站點(diǎn)在每一頁(yè)同樣的位置上都有相同的導(dǎo)航條，使瀏覽者能夠從每一頁(yè)上訪問(wèn)網(wǎng)站的任何部分。網(wǎng)頁(yè)上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的，要統(tǒng)一風(fēng)格，貫穿全站。這樣子讀者看起來(lái)舒服、順暢，會(huì)對(duì)你的網(wǎng)站留下一個(gè)“很專業(yè)”的印象。網(wǎng)頁(yè)設(shè)計(jì)過(guò)程及步驟全文共6頁(yè)，當(dāng)前為第5頁(yè)。用戶在網(wǎng)上四處漫游，必須設(shè)法吸引和維護(hù)他們對(duì)我們主頁(yè)的注意力。萬(wàn)維網(wǎng)的其中一個(gè)最重大資源是其多媒體能力，所以我們無(wú)論如何要善加利用。主頁(yè)上最好有醒目的圖像、新穎的畫(huà)面、美觀的字款，使其別具特色，令人過(guò)目不忘。圖像的內(nèi)容應(yīng)有一定的實(shí)際作用，切忌虛飾浮夸。注意圖畫(huà)可以彌補(bǔ)文字之不足，但并不能夠完全取代文字。很多用戶把瀏覽軟件設(shè)定為略去圖像，以求節(jié)省時(shí)間他們只看文字。因此，制作主頁(yè)時(shí)，必須注意將圖像所連接的重要信息或聯(lián)接其他頁(yè)面的指示用文字重復(fù)表達(dá)幾次，同時(shí)要注意避免使用過(guò)大的圖像，如果不得不放置大的圖像在網(wǎng)站上，就最好使用Thumbnailsy等簡(jiǎn)便的影像縮圖制作工具軟件，把圖像的縮小版本的預(yù)覽效果顯示出來(lái)，這樣用戶就不必浪費(fèi)金錢和時(shí)間去下載他們根本不想看的大圖像。網(wǎng)頁(yè)設(shè)計(jì)過(guò)程及步驟全文共6頁(yè)，當(dāng)前為第5頁(yè)。給每個(gè)圖形加上文字的說(shuō)明，在出現(xiàn)之前就可以看到相關(guān)內(nèi)容，尤其是導(dǎo)航按鈕和大圖片更應(yīng)如此。簡(jiǎn)明易讀網(wǎng)頁(yè)設(shè)計(jì)最重要的技巧，就是網(wǎng)站風(fēng)格整體清新、簡(jiǎn)明、易讀?？瓷先ゾ兔靼资鞘裁磧?nèi)容，信息間相互干擾程度降到最低。這就意味著我們必須花點(diǎn)心思來(lái)規(guī)劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺(jué)效果，一般來(lái)說(shuō)，淺色背景下的深色文字為佳。這個(gè)原則也意味著，你最好別把文字的規(guī)格設(shè)得太小、也不能太大。文字太小，人家讀起來(lái)難受；文字太大，或者文字視覺(jué)效果變化頻繁，像是沖著人大喊大叫，看起來(lái)不舒服。網(wǎng)頁(yè)風(fēng)格要統(tǒng)一其實(shí)，這個(gè)原則和傳統(tǒng)的印刷出版物沒(méi)什么區(qū)別。我們網(wǎng)頁(yè)上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的，要統(tǒng)一風(fēng)格，貫穿全站。頁(yè)面容量越小