網站規(guī)劃設計基礎

網頁設計第二章網站規(guī)劃設計基礎一、網站設計流程

1、網站設計的分工

隨著技術的發(fā)展和用戶對網站功能需求提高，網站已不能再利用HTML文件來實現?？梢哉f現在的網頁設計是一個軟件與藝術加工工程，它的設計和開發(fā)需要強調流程和分工。網頁設計的主要任務有：

（1）網頁架構設計（2）以瀏覽器為客戶端的Web應用程序開發(fā)（新聞中心，網上商店等）（3）系統(tǒng)測試、發(fā)布及維護

2、網頁設計的流程（1）編寫網頁設計計劃書（2）確定網頁設計總體思想（如何能夠實現網頁規(guī)劃中提出的目標，網頁的風格和特點，網頁外觀與使用性）（3）確定網頁提供的內容（4）網頁交互設計，如信息反饋、意見調查等（5）對網頁內容進行分類（6）設計網頁必有的內容，如LOGO、聯(lián)系方式、導航條等（7）討論并確定方案（8）制作網頁的模板（9）制作網頁并在不同平臺的瀏覽器上測試網頁

（10）檢查網頁的鏈接（11）讓部分顧客或內部人員試用網頁，并提出反饋意見（12）根據需要修改不當之處（13）正式發(fā)布網頁(申請域名、空間、上傳、備案）第二章網站規(guī)劃設計基礎二、確定網站類型現今的網站花樣百出，數量非常大，種類繁多，但是按照其功能和結構形式大致可以分為6類：

1、門戶網站門戶網站集合了眾多內容、信息，提供多樣服務，并使其盡可能地稱為網絡用戶的首選。這種網站分為3類：（1）國內網絡公司經營的網站，例如國內的搜狐、網易、新浪等，其主要特點是提供搜索引擎、涵蓋新聞、娛樂、游戲、文化、體育、健康、科技、財經、教育等若干版塊，以及個人主頁（博客）、免費郵箱等服務項目。（2）境外投資網站，例如雅虎、美國在線等。（3）國內傳統(tǒng)媒體網站，以人民網、新華網、央視國際等為代表，提供新聞與時事評論為主。第二章網站規(guī)劃設計基礎二、確定網站類型2、普及型網站企事業(yè)單位或個人根據自身需要建立和發(fā)布的以介紹其基本情況、產品和服務信息、供求信息、人員招聘、合作信息以及聯(lián)系方式的網站。該類網站向客戶、供應商、公眾和其它一切對該網站感興趣的人進行宣傳、推介自身。并樹立網上形象。此類網站包括企業(yè)網站、大學網站、政府網站以及個人主頁。第二章網站規(guī)劃設計基礎二、確定網站類型3、電子商務類網站企子商務類網站分為B2B（商家對商家）和B2C（商家對個人客戶）兩種，按照交易過程分為商品檢索、商品采購、訂單支付三個階段。其功能主要有：（1）商品發(fā)布功能（2）商品選購功能（3）具有個性化的采購訂單模板，顧客可以進行購物組合比較（4）購物車內置的價格計算模型可以根據商家的價格體系靈活定制

（5）在線交易功能（6）商品交接、資金結算功能第二章網站規(guī)劃設計基礎二、確定網站類型4、媒體信息服務類網站媒體信息服務類網站是報社、雜志社、廣播電臺、電視臺、視頻播客等媒體為樹立自身形象或提供視頻共享等而建立的網站。5、辦公事務管理網站辦公事務管理網站是企業(yè)事業(yè)單位圍欄實現辦公自動化而建立的內部網站，包括以下主要功能模塊：辦公事務管理、人力資源管理、財務資產管理和內部其它事務管理的網站。6、商務管理網站商務管理網站是企業(yè)內部為了進行廣告及商品管理、客戶管理、合同管理、營銷管理等目的而建立的網上辦公平臺。第二章網站規(guī)劃設計基礎三、確定網站的主題和名稱

1、網站主題的確定

網站的主題即網站的題材。網站使用的主要題材有：商業(yè)、個人、網上求職、網上聊天、網絡社區(qū)、網絡郵件、計算機技術、網頁/網站開發(fā)、娛樂網站、旅行、參考/資訊、家庭/教育、生活/時尚等等。選擇網站主題時注意以下三點：（1）主題小而內容精（2）題材最好是自己擅長的內容（量體裁衣，做好本份）（3）題材不要太濫、目標不要過高（新題材、近目標）第二章網站規(guī)劃設計基礎三、確定網站的主題和名稱

2、網站名稱的確定

網站名稱是網站設計的關鍵一部分，在確定時要注意：（1）名稱要端正合法、合情、合理，不能用反動、色情、迷信或危害社會安全的詞語（2）易記如無特別需要，最好用中文名稱，不要用英文或者中英文混合的名稱，其字數最好控制在6字以內。（3）特色能體現一定的內涵，能體現網站特色，給瀏覽者更多的視覺沖擊和空間想象力。如，音樂前衛(wèi)、網頁陶吧、天籟絕音等。第二章網站規(guī)劃設計基礎四、確定網站CI形象

CI（英文全稱CorporateIdentity,企業(yè)形象），是指通過強化視覺效果的手段來加深用戶對企業(yè)的印象。一個杰出的網站，需要整體的形象包裝和設計。

1、設計網站的標志（Logo）如同商標一樣，LOGO是網站特色和內涵的集中體現。它可以是中文、英文字母、符號、圖案，也可以是動物或人物。LG的設計創(chuàng)意一般來源于網站的名稱和內容。設計方法：（1）網站有代表性的人物、動物、花草，以它們作為設計藍本，加以藝術化。（2）專業(yè)性網站可以以本專業(yè)有代表性的物品作為LOGO.

（3）最常用和最簡單的是用自己網站的英文名稱作為L0G0，采用不同的字體、字母的變形、字母的組合做成LOGO.第二章網站規(guī)劃設計基礎四、確定網站CI形象2、網站的標準色彩網站給人的第一印象來源于視覺沖擊，因此確定網站的標準色彩非常重要。標準色彩是指能體現網站形象和延伸內涵的色彩。標準色彩要用于網站的LOGO、標題、主菜單和主色塊，要給人以整體統(tǒng)一的感覺。其它的色彩主要用于點綴和襯托。3、設計網站的標準字體標準字體是指用于LOGO、標題和主菜單的特有字體。默認的字體一般是宋體。為了體現網站的特色，可以根據自己的需要選擇一些特別的字體。4、設計網站的宣傳標語網站的宣傳標語最好用一句話概括，表明網站精神和目標。第二章網站規(guī)劃設計基礎五、確定網站的欄目和版塊初學者最容易犯的錯誤是確定題材后立刻開始制作，弊端在于，容易造成網頁結構不清晰，目錄龐大，層次不明顯，不便于擴充和維護。

1、設計網站的欄目（1）緊扣網站主題將主題按一定的方法分類，并將它們作為網站的主欄目。例如動畫素材網站，可以將欄目分為動畫動畫、FLASH動畫、三位動畫、卡通動畫等。

（2）設計一個可以互動交流的欄目互動交流欄目一般需要設置，例如論壇、留言本等。（3）設計一個最近更新或網站指南欄目（4）設計一個下載或常見問題回答欄目第二章網站規(guī)劃設計基礎五、確定網站的欄目和版塊2、設計網站的版塊版塊的概念要欄目大一些，每個版塊可以有自己的欄目。例如設置新聞、體育、財經、娛樂等版塊，每個版塊下面有自己的主欄目。個人主頁由于內容較少，一般不用設置版塊，只用設置欄目就行了。注意：各版塊要有相對的獨立性各版塊要相互關聯(lián)版塊的內容要圍繞站點主題第二章網站規(guī)劃設計基礎六、確定網站的整體風格網站的整體風格及其創(chuàng)意設計是最希望有的，也是最難的部分，沒有固定的模式參照或模仿。風格是個抽象的概念，是指網站的整體形象給瀏覽者的綜合感受?！罢w形象”包括了網站的CI、版面布局、瀏覽方式、交互性、文子、內容價值、存在意義等。設計網站風格時要注意：

（1）風格是建立在有價值的內容之上的（2）LOGO一般放在每個頁面最顯眼的位置（3）使用統(tǒng)一的圖片處理效果（4）宣傳標語的位置第二章網站規(guī)劃設計基礎七、確定網站的目錄結構及鏈接結構

1、設計網站的目錄結構目錄結構影響網站的上傳維護，以及內容的擴充和移植。因此，應該首先規(guī)劃，防止隨意創(chuàng)建子目錄。（1）不要將所有文件都存放在根目錄下，容易造成文件管理混亂，不易管理（2）按欄目內容建立子目錄（3）主目錄下建立獨立的images目錄，用戶存放圖片類文件（4）目錄層次不要太深，一般不超過3層（5）不要使用中文目錄名稱，可能影響網址的正確性（6）不要使用過長的目錄名第二章網站規(guī)劃設計基礎七、確定網站的目錄結構及鏈接結構

2、設計網站的鏈接結構網站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構的基礎之上，可以跨越目錄。每一個頁面都是一個固定