在進行網(wǎng)站制作前，首先要進行網(wǎng)站頁面的整體設(shè)計。一個網(wǎng)站是由若干個網(wǎng)頁構(gòu)成的，網(wǎng)頁是用戶訪問網(wǎng)站的界面。因此，通常意義上的網(wǎng)站設(shè)計，即指的是網(wǎng)站中各個頁面的設(shè)計。而網(wǎng)頁設(shè)計中，最先提到的就是網(wǎng)頁的布局。布局是否合理、美觀，將直接影響到用戶的閱讀體驗及訪問時間。

在互聯(lián)網(wǎng)高速發(fā)展的今天，網(wǎng)絡(luò)已成為人們生活的一部分，成為人們獲取信息資源的重要途徑。信息的呈現(xiàn)離不開網(wǎng)頁這個重要的界面，網(wǎng)頁的主要作用是將用戶需要的信息與資源采用一定的手段進行組織，通過網(wǎng)絡(luò)呈現(xiàn)給用戶。

隨著網(wǎng)絡(luò)技術(shù)及其帶寬的提高，網(wǎng)頁的組成元素也發(fā)生了很大的變化。在90年代末，網(wǎng)頁的構(gòu)成元素主要就是大量的文本、表格、超鏈接和極少數(shù)量的靜態(tài)圖像和gif動圖。現(xiàn)在的網(wǎng)頁除了以上的組成元素外又增加了大量的圖像、動畫、視頻、音樂、橫幅廣告以及多種動態(tài)效果。 [1] 

網(wǎng)站伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常的重要。由于企業(yè)需要通過網(wǎng)站呈現(xiàn)產(chǎn)品、服務(wù)、理念、文化，或向大眾提供某種功能服務(wù)。因此網(wǎng)頁設(shè)計必須首先明確設(shè)計站點的目的和用戶的需求，從而做出切實可行的設(shè)計方案。

專業(yè)的網(wǎng)頁設(shè)計，需要經(jīng)歷以下幾個階段：

主題明確

在目標明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計方案。對網(wǎng)站的整體風格和特色作出定位，規(guī)劃網(wǎng)站
的組織結(jié)構(gòu)。

Web站點應(yīng)針對所服務(wù)對象（機構(gòu)或人）的不同而具有不同的形式。有些站點只提供簡潔文本信息；有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面布置，甚至可以下載聲音和錄像片段。好的Web站點把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來。

為了做到主題鮮明突出，要點明確，應(yīng)該使配色和圖片圍繞預(yù)定的主題；調(diào)動一切手段充分表現(xiàn)網(wǎng)站點的個性和情趣，辦出網(wǎng)站的特點。

充分利用已有信息，如客戶手冊．公共關(guān)系文檔．技術(shù)手冊和數(shù)據(jù)庫等。

設(shè)計思路

版式設(shè)計

網(wǎng)頁設(shè)計作為一種視覺語言，特別講究編排和布局，雖然主頁的設(shè)計不等同于平面設(shè)計，但它們有許多相近之處。

版式設(shè)計通過文字圖形的空間組合，表達出和諧與美。

多頁面站點頁面的編排設(shè)計要求把頁面之間的有機聯(lián)系反映出來，特別要求處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達到最佳的視覺表現(xiàn)效果，反復(fù)推敲整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。

色彩作用

色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計中，設(shè)計師根據(jù)和諧、均衡和重點突出的原則，將不同的色彩進行組合．搭配來構(gòu)成美麗的頁面。 根據(jù)色彩對人們心理的影響，合理地加以運用。如果企業(yè)有CIS（企業(yè)形象識別系統(tǒng)），應(yīng)按照其中的VI進行色彩運用。

形式內(nèi)容

為了將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)，形式語言必須符合頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。

靈活運用對比與調(diào)和、對稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。

三維空間的構(gòu)成

網(wǎng)絡(luò)上的三維空間是一個假想空間，這種空間關(guān)系需借助動靜變化．圖像的比例關(guān)系等空間因素表現(xiàn)出來。 在頁面中，圖片、文字位置前后疊壓，或頁面位置變化所產(chǎn)生的視覺效果都各不相同。通過圖片、文字前后疊壓所構(gòu)成的空間層次不太適合網(wǎng)頁設(shè)計，根據(jù)現(xiàn)有瀏覽器的特點，網(wǎng)頁設(shè)計適合比較規(guī)范、簡明的頁面，盡管這種疊壓排列能產(chǎn)生強節(jié)奏的空間層次，視覺效果強烈。

網(wǎng)頁上常見的是頁面上、下、左、右、中位置所產(chǎn)生的空間關(guān)系，以及疏密的位置關(guān)系所產(chǎn)生的空間層次，這兩種位置關(guān)系使產(chǎn)生的空間層次富有彈性，同時也讓人產(chǎn)生輕松或緊迫的心理感受。

虛擬現(xiàn)實

人們已不滿足于HTML（標準通用標記語言下的一個應(yīng)用）編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現(xiàn)實要在Web網(wǎng)上展示其迷人的風采，于是VRML語言出現(xiàn)了。VRML是一種面向?qū)ο蟮恼Z言，它類似Web超級鏈接所使用的HTML語言，也是一種基于文本的語言，并可以運行在多種平臺之上，只不過能夠更多地為虛擬現(xiàn)實環(huán)境服務(wù)。

多媒體

網(wǎng)絡(luò)資源的優(yōu)勢之一是多媒體功能。要吸引瀏覽者注意力，網(wǎng)頁的內(nèi)容可以用三維動畫、FLASH等來表現(xiàn)。但要由于網(wǎng)絡(luò)寬帶的限制，在使用多媒體的形式表現(xiàn)網(wǎng)頁的內(nèi)容時不得不考慮客戶端的傳輸速度。

便于使用

如果人們看不懂或很難看懂您的網(wǎng)站，那么，他如何了解你的企業(yè)信息和服務(wù)項目呢？使用一些醒目的標題或文字來突出您的產(chǎn)品與服務(wù)。并且即使您擁有最棒的產(chǎn)品，如果客戶從您的網(wǎng)站上看不清楚您在介紹什么或不清楚如何受益的話，他們是不會喜歡您的網(wǎng)站的，這對于網(wǎng)頁設(shè)計而言是失敗的。

導(dǎo)向清晰

網(wǎng)頁設(shè)計中導(dǎo)航使用超文本鏈接或圖片鏈接，使人們能夠在您的網(wǎng)站上自由前進或后退，而不必讓他們使用瀏覽器上的前進或后退。我們在所有的圖片上使用“ALT”標識符注明圖片名稱或解釋，以便那些不愿意自動加載圖片的觀眾能夠了解圖片的含義。

快速下載時間

很多的瀏覽者不會進入需要等待5分鐘下載時間才能進入的網(wǎng)站，在互聯(lián)網(wǎng)上30秒的等待時間與我們平常10分鐘等待時間的感覺相同。因此，建議在網(wǎng)頁設(shè)計中盡量避免使用過多的圖片及體積過大的圖片。主要頁面的容量應(yīng)確保普通瀏覽者頁面等待時間不超過10秒。

非圖形內(nèi)容

在必要時適當使用動態(tài)“Gif”圖片，為減少動畫容量，應(yīng)用巧妙設(shè)計的Java動畫可以用很小的容量使圖形或文字產(chǎn)生動態(tài)的效果。但是，由于在互聯(lián)網(wǎng)瀏覽的大多是一些尋找信息的人們，仍然建議您要確定您的網(wǎng)站將為他們提供的是有價值的內(nèi)容，而不是過度的裝飾。

反饋與溝通

讓客戶明確您所能提供的產(chǎn)品或服務(wù)并讓他們非常方便地訂購是您獲得成功的重要因素。如果客戶在您的網(wǎng)站上產(chǎn)生了購買產(chǎn)品或服務(wù)的欲望，您是否能夠讓他們盡快實現(xiàn)嗎？是在線還是離線？

因此，如果是產(chǎn)品或服務(wù)介紹網(wǎng)站，應(yīng)該有留言、電話、在線咨詢等功能或信息呈現(xiàn)。

在企業(yè)的Web站點上，要認真回復(fù)用戶的電子郵件和傳統(tǒng)的聯(lián)系方式如信件．電話垂詢和傳真，做到有問必答。最好將用戶的用意進行分類，如售前一般了解．售后服務(wù)等，由相關(guān)部門處理，使網(wǎng)站訪問者感受到企業(yè)的真實存在并由此產(chǎn)生信任感。

測試改進

測試實際上是模擬用戶詢問網(wǎng)站的過程，用以發(fā)現(xiàn)問題并改進網(wǎng)頁設(shè)計。應(yīng)該與用戶共同安排網(wǎng)站測試。

內(nèi)容更新

企業(yè)Web站點建立后，要不斷更新網(wǎng)頁內(nèi)容。站點信息的不斷更新，讓瀏覽者了解企業(yè)的發(fā)展動態(tài)和網(wǎng)上職務(wù)等，同時也會幫助企業(yè)建立良好的形象。

注意不要許諾你實現(xiàn)不了的東西，在你真正有能力處理回復(fù)之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時答復(fù)的電話號碼。 如果要求訪問者自愿提供其個人信息，應(yīng)公布并認真履行個人隱私保承諾。

在網(wǎng)頁設(shè)計中，總是有傾向的特定技術(shù)來觀察，或跟蹤的網(wǎng)頁設(shè)計師加強的趨勢。這里有專有和開源和免費的技術(shù)專用的支持者。然而，近些年來，又增加自由和開放源碼技術(shù)，包括由W3C和WHATWG進行監(jiān)控和批準，監(jiān)督和實施增加。

趨勢可以發(fā)現(xiàn)，不僅在看在時尚領(lǐng)域的使用的技術(shù)，如網(wǎng)站和匹配的標志是清晰的喜好確定。著名的藝術(shù)字Web 2.0至今的重要作用的幫助。

網(wǎng)頁設(shè)計是一個不斷更新?lián)Q代、推陳出新的行業(yè)，它要求設(shè)計師們必須隨時把握最新的設(shè)計趨勢，從而確保自己不被這個行業(yè)所淘汰。2013年，網(wǎng)頁設(shè)計主要流行響應(yīng)式設(shè)計、扁平化設(shè)計、無限滾動、單頁、固定標頭、大膽的顏色、更少的按鈕和更大的網(wǎng)頁寬度。

1、頁面內(nèi)容要新穎

網(wǎng)頁內(nèi)容的選擇要不落俗套，要重點突出一個“新”字，這個原則要求我們在設(shè)計網(wǎng)站內(nèi)容時不能照抄別人的內(nèi)容，要結(jié)合自身的實際情況創(chuàng)作出一個獨一無二的網(wǎng)站。 放眼望去，網(wǎng)上的許多個人主頁簡直就是"雜貨店"，內(nèi)容包羅萬象,題材千篇一律，人人都是"軟件下載",個個都有"網(wǎng)絡(luò)導(dǎo)航"，從頭到尾找不出一絲“鮮”意。所以，我們在設(shè)計網(wǎng)頁時，要把功夫下在選材上。選材要盡量做到“少”而“精”,又必須突出“新”，如能堅持天天更新的話,我相信這樣的網(wǎng)頁一定會受到大家的歡迎。

2、要及時更新網(wǎng)頁

網(wǎng)頁制作好后，不能說萬事大吉了，其實事后的工作量更大。因為網(wǎng)頁制作是一時的，而維護更新的工作是每天都要做的。要及時把網(wǎng)頁上已經(jīng)作廢的連接應(yīng)該立即刪除掉，比如用戶無意中點擊了頁面中的一個連接，在苦苦的等待之后，換來的是無法訪問的結(jié)果，那么他們會對你的網(wǎng)頁大失所望，可能以后再也不會光顧你的網(wǎng)頁了。若不能及時更新，也最好在主頁上發(fā)布信息，告訴前來訪問的朋友，因有特殊情況需要離開一段時間，未能及時更新主頁，希望各位見諒，這樣就能給人一種對別人負責的感覺，同時能得到網(wǎng)友的信任。

3、注意視覺效果

設(shè)計Web頁面時，一定要用1024*768的分辨率來 分別觀察。許多瀏覽器使用1024*768的分辨率，盡管在1280*1024高分辨率下一 些Web頁面看上去很具吸引力，但在1024*768的模式下可能會黯然失色。作一點小小的努力，設(shè)計一個在不同分辨率下都能正常顯示的網(wǎng)頁

4、隨時注意網(wǎng)站升級

時刻注意網(wǎng)站的運行狀況。性能很好的主機隨著訪問人數(shù)的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計劃好你的升級計劃。

5、善用表格來布局

不要把一個網(wǎng)站的內(nèi)容象作報告似的一二三四地羅列出來，要注意多用表格把網(wǎng)站內(nèi)容的層次性和空間性突出顯示出來，使人一眼就能看出你的網(wǎng)站重點突出，結(jié)構(gòu)分明。

6、多學(xué)習(xí)和使用超文本標記語言（標準通用標記語言下的一個應(yīng)用）

為了成功地設(shè)計網(wǎng)站，你必須理解HTML（標準通用標記語言下的一個應(yīng)用）是如何工作的。大多數(shù)的網(wǎng)站設(shè)計者建議網(wǎng)絡(luò)新手應(yīng)從有關(guān)HTML的書中去尋找答案，用Notepad制作網(wǎng)頁。因為用HTML設(shè)計網(wǎng)站，可以控制設(shè)計的整個過程。但是，如果你僅僅是網(wǎng)站設(shè)計的新手，你應(yīng)該尋找一個允許修改HTML的軟件包。HomeSite4是一個很好的Web設(shè)計工具。在設(shè)計過程中，HomeSite4能幫助你學(xué)習(xí)HTML。它還允許你切換到所見即所得的模式，以便你在把網(wǎng)站發(fā)送到Web之前，預(yù)覽你的網(wǎng)站。

7、做個網(wǎng)站介紹

一個簡單明了的網(wǎng)站介紹，不僅能讓別人對你的網(wǎng)站能夠提供些什么有個了解，引發(fā)共鳴或是表達你的誠意，常常最能打動讀者，而且還能使訪問者能快速找到想要的東西。但是，許多設(shè)計者都沒有這樣做。有效的導(dǎo)航條和搜索工具使人們很容易找到有用的信息，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。

8、考慮瀏覽器的兼容性

當然IE所占的市場份額越來越大，但是我們?nèi)匀恍枰紤]到Netscape以及Opera這些瀏覽器用戶。設(shè)計風格的考慮，如色彩的搭配，圖形、線條的使用等等。要時刻為用戶著想，必須最少在幾種不同類型的瀏覽器下測試網(wǎng)站，看看兼容性如何。

9、 網(wǎng)頁風格要統(tǒng)一

你網(wǎng)頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標題、注腳什么的，要統(tǒng)一風格，貫穿全站。這樣子讀者看起來舒服、順暢，會對你的網(wǎng)站留下一個“很專業(yè)”的印象。

10、使網(wǎng)站具有交互功能

一個靜態(tài)網(wǎng)頁始終給人一種呆板的感覺，缺少一種活力和生氣。最好在網(wǎng)站上提供一些回答問題的工具以及其他具有交互性能的設(shè)計，使得訪問者能從網(wǎng)站上獲得交互的信息，從而使訪問者有一種參與網(wǎng)絡(luò)建設(shè)的新鮮感和成就感。 [2] 

網(wǎng)頁可以說是網(wǎng)站構(gòu)成的基本元素。當我們輕點鼠標，在網(wǎng)海中遨游，一副副精彩的網(wǎng)頁會呈現(xiàn)在我們面
前，那么，網(wǎng)頁的精彩與否的因素是什么呢？色彩的搭配、文字的變化、圖片的處理等，這些當然是不可忽略的因素，除了這些，還有一個非常重要的因素——網(wǎng)頁的布局。下面，我們就有關(guān)網(wǎng)頁布局談?wù)撘幌隆?/div> 來源：http://curryupcaters.com，網(wǎng)站建設(shè)★網(wǎng)站設(shè)計★網(wǎng)站制作★網(wǎng)頁設(shè)計-599元全包;企業(yè)網(wǎng)絡(luò)推廣☆網(wǎng)站優(yōu)化☆seo☆關(guān)鍵詞排名☆百度快照-2200元全年展示;做網(wǎng)站優(yōu)化排名-網(wǎng)站建設(shè)公司