1、共二十四頁共二十四頁第一節 人才(rnci)的重要性學習目標了解與客戶的業務溝通了解網站素材收集了解測試并上傳網站了解網站的更新與維護理解網站的需求分析理解確定網站類型理解確定網站的目標群體理解網站風格定位理解確定網站內容理解制作網頁效果。理解優化和切割網頁掌握書寫網站策劃書掌握簽訂網站合同掌握網站的業務流程設計掌握規劃網站欄目與目錄結構網站版式與布局設計的創新網頁的色彩搭配的創新共二十四頁（一）與客戶(k h)的業務溝通一、前期(qinq)業務工作獲得業務在比較正規的網絡公司一般是由專門的業務員去完成的，確認訂單后就由網頁設計人員去設計網站，再由網頁制作人員完成網頁編程。這也不表示網頁設計人

2、員不和客戶進行溝通，實際上，小規模的公司往往是設計人員就是兼職業務人員。而且，設計人員參與用戶的溝通往往能夠提出更專業意見，容易讓客戶取得信任，也比較容易把握客戶的真正意圖。共二十四頁一、前期(qinq)業務工作（二）書寫網站(wn zhn)策劃書1、背景介紹背景介紹寫在網站策劃書的開頭，有時也寫作“前言”或“概述”，一般是介紹互聯網情況、本公司背景、實力等內容。開頭應該簡練、醒目，給閱讀者氣勢恢宏和誠懇的感覺。2、市場分析：市場分析部分常寫明相關行業的市場特點、現狀、前景，自己與競爭對手相比自我剖析和市場優勢等。網站策劃書3、建站目的及網站定位這部分應該說明為什么要建立網站，以及根據網站的功

3、能，確定網站應達到的目的和作用等內容。網站的基本項目也可以在這部分給予介紹，如域名、網址、往后咱的標志、網站的口號等。而網站目標用戶分析如果不放在市場分析部分也可以放在這里。4、技術解決方案網站的技術解決方案是由它預計的網站功能決定的，大型網站的技術實現描述是非常重要的問題，小型網站可以寫的簡略些。網站的技術解決方案主要包括網站開發使用的軟硬件環境、網站運營方式、采用的程序開發語言種類、網站的安全措施等。共二十四頁一、前期(qinq)業務工作（二）書寫(shxi)網站策劃書5、內容規劃網站的內容規劃主要有欄目安排和網站結構設計兩方面。不同性質的客戶有不同的內容設置。網站的內容規劃將密切的關系到

4、今后網站的設計與制作，尤其與網站導航規劃、欄目劃分、分頁設置等內容聯系緊密。6、頁面設計頁面設計很大程度上意味著目標網頁的美術設計，一般要寫明頁面信息分部、格局規劃、VIS系統、廣告規范等。網站策劃書7、流程及人工流程即網頁的開發實踐進度表，包括網站建設實踐的計劃、網站所需崗位及崗位設置等，這一部分內容使客戶能夠方便的判斷此項目的資金投入及可行性。8、網站維護網站維護包括軟硬件維護、內容維護、廣告維護等內容。9、發布與推廣網站的后期工作，如網站宣傳、推廣方案，還包括公關、廣告活動及費用等內容。共二十四頁一、前期(qinq)業務工作（三）簽訂(qindng)網站合同1、合同雙方的權利義務要明確要

5、確定哪些是承建方的義務、哪些是委托方的義務，以及雙方要求對方提供哪些相應的協助的權利。而且對于雙方各自的義務部分，必須相當明確地作出說明，以免在履行合同時產生不必要的糾紛。2、網站建設的完成如需要合作完成時，則需對合作的相關內容作出約定如果承建方在工作中需要和委托方或者第三方進行合作，就必須清晰說明這種合作的流程，方式和要求。3、對項目建設工作流程與時間進度需作出說明 合同必須說明項目開展的工作流程，對每個流程環節的完成時間要說明。4、網站建設的質量要求盡量具體與細化 網站建設質量主要指網站頁面設計，制作與網站程序的質量；對于網站功能性程序來說，應對功能作出詳細的說明。5、制訂出合適的網站承建

6、費用支付標準和支付方式支付標準、支付方式共二十四頁二、網站設計(shj)流程需求分析素材收集確定網站類型確定目標群體設計業務流程定位網站風格確定網站內容規劃網站欄目設計版式與布局確定色彩搭配共二十四頁網站需求(xqi)分析是網站制作整個流程的第一步，也是非常重要的一步，只有先明確網站的需求(xqi)才能進行下一步工作。網站需求分析主要來源于市場調研、準確的說是需求調研。需求調研就是需求的采集過程，需要充分了解用戶需求、業務內容和業務流程，是進一步進行需求分析的前提條件。二、網站設計(shj)流程（一）網站的需求分析小提示：需求分析不是設計師自己的揣測和決定，它是一個循序漸進的過程，不會一步到位

7、。期間設計師應該不斷和客戶溝通，并且能夠把客戶凌亂不完整，甚至不正確的需求進行正確的分析、歸納、總結。共二十四頁（1）是客戶提供（2）設計師主動(zhdng)索要（3）搜索引擎網站上尋找二、網站設計(shj)流程（二）網站素材收集小提示：規模比較大或者資質比較深的客戶一般會提供相關素材，如網站Logo、標準色、相關文字檔案、電子資料等，資料收集比較方便。但一些小公司，幾乎沒有什么自己特色的素材，反而還會要求設計師幫助設計Logo、標準色，一旦網站運行成功，也許就直接沿用設計師的成果了。小知識：什么是Logo和標準色？Logo和標準色是企業“CIS （Corporate Identity Sys

8、tem）企業形象識別系統”設計的一部分。共二十四頁按語種(y zhn)分類，主要有：簡體（繁體）中文網站、英文網站、其他語言網站等。按所有者分類，主要有：政府網站、企業網站、個人網站、學校網站等。按行業分類，主要有：農林牧副漁等（太多了，呵呵）。按網站作用分類，主要有：咨詢信息網站、搜索引擎網站、電子商務網站、交友聊天網站、軟件下載網站、娛樂游戲網站。按開發語言分類，主要有：靜態（HTML）網站 、動態（ASP、JSP、PHP、.NET、XML等）網站。按網站規模分類，主要有：大型網站、中型網站、小型網站。按網站運行的操作系統分類，主要有：Windows平臺、Linux平臺、Unix網站等二、

9、網站(wn zhn)設計流程（三）確定網站類型共二十四頁用戶(yngh)習慣和特點，他們的需求二、網站(wn zhn)設計流程（四）確定網站的目標群體共二十四頁網站的業務流程是指各類業務角色通過網站完成某項任務的一系列行為活動。不同的網站、網站不同頁面都會有不同的角色，因此也會有相應的業務流程，每一類角色參與活動時的入口和流程都有所不同，網站設計人員可以通過邏輯圖與示意圖簡要明確 進行描述，而各類業務角色則需要通過網站上具體功能與導航來完成。網站業務流程設計是否完善與合理，直接影響網站功能的發揮與工作效率，所以(suy)網站業務流程也是網站建設成功與否的一個重要因素。二、網站(wn zhn)設

10、計流程（五）網站的業務流程設計共二十四頁網站風格是指網站的藝術格調和藝術形式給訪問者的綜合感受(gnshu)。網站風格能夠讓瀏覽者區別不同類型的網站、同類型的不同網站區別開來。優秀的網站風格設計能夠讓人眼前一亮，并且銘記在心。因此在設計網頁的時候，要根據網站的定位設計出具有獨特風格的頁面。還要注意的是網站頁面的風格要統一，切忌雜亂無章，二、網站設計(shj)流程（六）網站風格定位共二十四頁通常網站的內容直接來源于客戶提供的資料，如果資料不夠豐富也可以參考同類網站，但切忌不能抄襲、切忌雷同。同時，不管多與少，客戶提供的內容素材是需要設計師去整理和選擇的，但要把握一個(y )原則：網站的內容并不是

11、越多越好，而要精挑細選、恰到好處，突出重點、簡潔明了的表現主題思想。二、網站設計(shj)流程（七）確定網站內容共二十四頁網站的欄目其實就是網站內容的大綱索引，因此規劃網站欄目的規程(guchng)實際上是細化網站內容的過程，一個網站欄目一般就是一個專欄網站。設置網站欄目和目錄時要注意網站重點內容要突出，有輕重緩急之分，方便訪問者瀏覽方便。同時，規劃網站欄目還為在設計過程中文件目錄的設置提供了參考，也是導航欄的設計依據，還可以作為日后網站導航圖。為了使日后網站的設計和建設有法可依，開可以制定一個網站的結構示意圖。在機構示意圖中需要明確每一級欄目及其相應的子目錄（二級目錄）和分支，并去定其相關內

12、容。二、網站設計(shj)流程（八）規劃網站欄目與目錄結構共二十四頁頁面尺寸受顯示器大小及顯示器分辨率限制，頁面無法(wf)突破顯示器的顯示，而其瀏覽器也將占去不少空間，因此，網頁的橫向寬度一般是固定的，而縱向高度卻不是固定的，因為用戶瀏覽器的工具欄數量是可以增減的。二、網站(wn zhn)設計流程（九）網站版式與布局設計小知識：第一屏第一屏是指，打開一個網站頁面，在不拖動瀏覽器的滾動條的情況下，能夠看到的網頁頁面部分。一般分辨率為800600時網頁顯示尺寸為780428；分辨率為1024768時網頁顯示尺寸為1007600；小知識：網頁設計一般不推薦頁面橫向延伸，而是縱向延伸，即橫向不出現滾

13、動條。需要注意的是，第一屏是吸引瀏覽者的“第一面”，除非網站內容能夠吸引瀏覽者繼續向下滾動網頁繼續觀看，否則頁面長度不要超過三屏。1、頁面尺寸：共二十四頁矩形代表穩定、正式、規則，是很多正式的政府、學校、咨詢類網站頁面結構的首選，也是最常用的；圓形代表團結(tunji)、安全、和諧、溫軟等，大多使用于時尚網站；三角形有著力量、權威、穩固等含義，一些商業網網站喜歡采用這種頁面結構；菱形代表這平衡、和諧、公平，是交友、娛樂網站的常見布局。二、網站設計(shj)流程（九）網站版式與布局設計2、頁面結構：共二十四頁網頁版式就是將網頁大致分為幾個區域。網頁版式有以下幾種叫法：（1）按“上下左右”分：左右

14、型、左中右型、上下、上中下等；（2）按“欄式”分：通欄、兩欄、三欄、四欄等；（3）按“字形”分：“同字形”“廠字形”“口字形”等（4）其他類型(lixng)：標題正文型、封面型、Flash型二、網站(wn zhn)設計流程（九）網站版式與布局設計3、網頁版式：共二十四頁也稱為頁眉，是頁面最頂端的位置，是最容易吸引瀏覽者注意力的部分，因此常常(chngchng)放置網站的名稱、標志、代表性圖片、廣告語等。其中，標志通常放在頁頭的左端，當然同時也是頁面的左上方。二、網站設計(shj)流程（九）網站版式與布局設計4、頁頭與頁頭呼應，頁腳是在頁面的最低端，通常放置版權信息和聯系方式，有的還出現制作信息

15、和簡單的導航條。5、頁腳：導航是網站重要的信息目錄鏈接， 相當于書籍的目錄，一般是細細內容的核心項目。網站導航通常有橫向和縱向兩種，表現形式上有文字、圖像、動畫等，也可以是多種表現形式的組合。導航通常在頁面頂端或左側。6、導航形式：共二十四頁利用色彩的本身的特質，色塊的面積、形狀、色彩間的比例關系，產生視覺的對比、落差，使瀏覽者產生心理(xnl)變化和反應。討論網頁色彩要從以下幾個概念入手：標準色： 企業CIS中，代表企業形象的標準色彩。主色：網頁中面積最大的、出現次數最多的顏色，在整個網頁的色彩配置中起主導作用，掌控著整個頁面的色彩氛圍。主色通常就是標準色。輔色：面積較小，是主色的搭配，起強

16、調或俯沖、調和作用，通常是比較醒目突出的顏色背景色：背景色的主要作用是烘托頁面的主體，也是增加網頁空間感的重要手段。二、網站設計(shj)流程（十）確定網頁的色彩搭配共二十四頁任務(rn wu)小結共二十四頁謝謝(xi xie)！共二十四頁內容摘要第一節 人才的重要性。網站(wn zhn)的內容規劃主要有欄目安排和網站(wn zhn)結構設計兩方面。網站(wn zhn)建設質量主要指網站(wn zhn)頁面設計，制作與網站(wn zhn)程序的質量。支付標準、支付方式。按語種分類，主要有：簡體（繁體）中文網站(wn zhn)、英文網站(wn zhn)、其他語言網站(wn zhn)等。按所有者分類，主要有：政府網站(wn zhn)、企業網站(wn zhn)、個人網站(wn zhn)、學校網站(wn zhn)等。按網站(wn zhn)作用分類，主要有：咨詢信息網站(w