標(biāo)題:字體:微軟雅黑粗體字號(hào):32-36pt顏色:主題藍(lán)色副標(biāo)題:字體:微軟雅黑字號(hào):24pt顏色:主題灰色網(wǎng)頁設(shè)計(jì)：從界面布局到視覺表現(xiàn)基礎(chǔ)篇界面交互篇視覺表現(xiàn)篇綜合案例篇基礎(chǔ)篇網(wǎng)頁設(shè)計(jì)的概述網(wǎng)頁界面設(shè)計(jì)的內(nèi)容1.網(wǎng)頁設(shè)計(jì)的概述1.1認(rèn)識(shí)網(wǎng)站1.2網(wǎng)頁界面空間的影響要素1.3

網(wǎng)站開發(fā)的團(tuán)隊(duì)與協(xié)作1.4網(wǎng)頁的制作流程1.1認(rèn)識(shí)網(wǎng)站基礎(chǔ)篇

本章中首先帶領(lǐng)大家認(rèn)識(shí)了網(wǎng)站的一些基本概念、了解網(wǎng)頁界面空間的影響要素，接著走進(jìn)網(wǎng)站開發(fā)團(tuán)隊(duì)知曉各個(gè)職責(zé)間如何協(xié)作，然后介紹了網(wǎng)站制作的工作流程，讓大家在設(shè)計(jì)網(wǎng)站的過程中做到知己知彼，百戰(zhàn)不殆。1.1.1網(wǎng)站的基本概念基礎(chǔ)篇

網(wǎng)站是由多個(gè)網(wǎng)頁用超鏈接的方式組成的有機(jī)整體。網(wǎng)站被儲(chǔ)存在指定的網(wǎng)站空間（服務(wù)器或虛擬主機(jī)），通過域名（網(wǎng)址）進(jìn)行訪問。一個(gè)網(wǎng)站至少包含一個(gè)網(wǎng)頁，上不封頂。網(wǎng)頁是以提供人機(jī)交流便利為目的的中間媒體。它是超文本標(biāo)記的語言格式（.html或.htm）,是一種可以在WWW（WorldWideWeb的縮寫）網(wǎng)上傳輸，經(jīng)由網(wǎng)址（URL）被瀏覽器識(shí)別并翻譯成頁面顯示出來的文件。

主頁也稱首頁，是用戶訪問一個(gè)網(wǎng)站時(shí)看到的第一個(gè)頁面，就像一本書的封面或目錄，對(duì)整個(gè)網(wǎng)站的風(fēng)格定位、框架結(jié)構(gòu)起到指導(dǎo)作用。一屏指的是用戶不拉動(dòng)右側(cè)滾動(dòng)條或者鼠標(biāo)的就能在瀏覽器中看到的有效可視區(qū)，第一屏就是指打開頁面后在瀏覽器中默認(rèn)看到的第一個(gè)有效可視區(qū)，相當(dāng)于一張報(bào)紙的頭版?；A(chǔ)篇

靜態(tài)網(wǎng)頁是指不用程序（如Asp,Jsp,PHP等）而直接制作成HTML頁面。每個(gè)靜態(tài)網(wǎng)頁都有一個(gè)固定的網(wǎng)址，一般以htm、html、shtml等形式結(jié)尾，且不帶有“？”。這種網(wǎng)頁不能識(shí)別用戶的不同身份而呈現(xiàn)出不同的內(nèi)容。此靜態(tài)頁面并非絕對(duì)的靜止，也可以出現(xiàn)各種動(dòng)態(tài)效果，如Gif格式動(dòng)畫，F(xiàn)lash動(dòng)畫，滾動(dòng)字幕，這些只是視覺上的“動(dòng)態(tài)效果”，而不是動(dòng)態(tài)網(wǎng)頁?；A(chǔ)篇

動(dòng)態(tài)網(wǎng)頁是指使用網(wǎng)頁程序語言，如Asp，Jsp,PHP等，通過程序講網(wǎng)站內(nèi)容動(dòng)態(tài)儲(chǔ)存到數(shù)據(jù)庫(kù)。用戶訪問網(wǎng)站時(shí)再通過讀取數(shù)據(jù)庫(kù)來動(dòng)態(tài)生成網(wǎng)頁的方法。對(duì)用戶不具備可見性?；A(chǔ)篇

網(wǎng)頁界面是用戶與網(wǎng)站的一個(gè)中間媒介。較之傳統(tǒng)的平面設(shè)計(jì)，網(wǎng)頁界面設(shè)計(jì)的特點(diǎn)在于它的交互性、持續(xù)性、多維性、多媒體性，其目標(biāo)是優(yōu)化信息與通信系統(tǒng)以滿足用戶的需求。網(wǎng)頁界面設(shè)計(jì)必須以科學(xué)技術(shù)與藝術(shù)審美的結(jié)合為基礎(chǔ)，以視覺為手段，始終遵循藝術(shù)與功能高度統(tǒng)一的原則，讓用戶在“動(dòng)態(tài)的”瀏覽操作中感受網(wǎng)頁界面設(shè)計(jì)之美。基礎(chǔ)篇1.1.2網(wǎng)站的分類

網(wǎng)站的種類樣式繁多，目前尚無一個(gè)嚴(yán)謹(jǐn)?shù)姆诸惙绞?。將網(wǎng)站按照主體性質(zhì)不同，可大概分為：門戶類、垂直類、電子商務(wù)類、社交類、企業(yè)類和個(gè)人類。門戶類網(wǎng)站是以提供信息資訊為主要目的，類似于網(wǎng)絡(luò)世界的“超市”的綜合網(wǎng)站。其特點(diǎn)是信息量大、內(nèi)容豐富、多為分欄結(jié)構(gòu)。這類網(wǎng)站用戶群廣，因具有較高的訪問量，很容易得到較多的廣告投放量。典型的門戶網(wǎng)站有搜狐、網(wǎng)易和新浪等。門戶網(wǎng)站涉及的領(lǐng)域非常廣泛，如搜狐網(wǎng)包括提供各類新聞、搜索引擎、娛樂視頻、功能鏈接、免費(fèi)郵箱等，整個(gè)界面中有多處廣告區(qū)域?；A(chǔ)篇

垂直類網(wǎng)站是聚焦于某些特定的領(lǐng)域，提供該領(lǐng)域的深度信息和相關(guān)服務(wù)的網(wǎng)站。相對(duì)傳統(tǒng)門戶類網(wǎng)站而言更像是一個(gè)網(wǎng)絡(luò)“專賣店”。垂直類網(wǎng)站的用戶一般是該領(lǐng)域或行業(yè)的愛好者、關(guān)注者和消費(fèi)者，所以吸引該網(wǎng)站用戶的方法就是將網(wǎng)站內(nèi)的信息整理的更具深度，更加精彩。全球最大的WEB技術(shù)資源網(wǎng)站W(wǎng)3School，網(wǎng)頁面布局簡(jiǎn)潔大氣。從基礎(chǔ)的HTML到CSS，乃至進(jìn)階的XML、SQL、JS、PHP和ASP.NET，提供全面的教程、完善的參考手冊(cè)以及龐大的代碼庫(kù)?；A(chǔ)篇

電子商務(wù)類網(wǎng)站是企業(yè)、機(jī)構(gòu)或者個(gè)人實(shí)施電商服務(wù)或交易的窗口。它的用戶為供應(yīng)商、客戶或者企業(yè)產(chǎn)品的消費(fèi)群體。隨著互聯(lián)網(wǎng)技術(shù)的迅速發(fā)展，電子商務(wù)逐漸滲透現(xiàn)代商業(yè)的各個(gè)領(lǐng)域，最常見的為用戶提供一種新的購(gòu)物方式——網(wǎng)上虛擬商城，如亞馬遜網(wǎng)站、淘寶商城、一號(hào)店、唯品會(huì)等。

如果垂直網(wǎng)站加上專業(yè)化的購(gòu)物服務(wù)就形成更加專業(yè)化的電子商務(wù)，就能以權(quán)威、專業(yè)的內(nèi)容吸引、刺激和帶動(dòng)顧客消費(fèi)。聚美優(yōu)品網(wǎng)，專注于女性化妝品正品折扣網(wǎng)店，具有強(qiáng)烈的產(chǎn)品特色和專業(yè)性。在設(shè)計(jì)電子商務(wù)類網(wǎng)站時(shí)，要充分考慮到網(wǎng)站有高質(zhì)量且豐富的內(nèi)容，更新及時(shí)，網(wǎng)站響應(yīng)時(shí)間短，易于操作等因素。基礎(chǔ)篇社交類網(wǎng)站也稱為SNS（SocialNetworkSite）是幫助用戶建立社會(huì)性網(wǎng)絡(luò)關(guān)系的互聯(lián)網(wǎng)平臺(tái)。在這個(gè)平臺(tái)上，人們可以實(shí)現(xiàn)娛樂共享、展現(xiàn)自我觀點(diǎn)以及分享自身經(jīng)歷等功能，最具代表性的有Facebook、人人網(wǎng)、新浪微博等。企業(yè)類網(wǎng)站是企業(yè)向用戶宣傳產(chǎn)品和服務(wù)的互聯(lián)網(wǎng)平臺(tái)，是當(dāng)今時(shí)代企業(yè)對(duì)外的窗口。有的企業(yè)網(wǎng)站還開展了電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，方便用戶直接購(gòu)買企業(yè)本身的產(chǎn)品及服務(wù)?；A(chǔ)篇

個(gè)人網(wǎng)站可以說是個(gè)人在網(wǎng)絡(luò)上的家，可以存放個(gè)人信息資料，讓更多的網(wǎng)頁瀏覽者了解你，相互結(jié)識(shí)成為網(wǎng)絡(luò)中的朋友。一般在個(gè)人網(wǎng)站中會(huì)存放一些個(gè)人收藏整理的資料并不斷更新，這也為網(wǎng)絡(luò)瀏覽者們提供了資訊服務(wù)，使個(gè)人站點(diǎn)發(fā)揮了更強(qiáng)大的功能?；A(chǔ)篇攝影師JulianAbrams的個(gè)人網(wǎng)站為單頁設(shè)計(jì)，頁面兩欄布局，大膽的留白。當(dāng)你向下滑動(dòng)鼠標(biāo)滾軸，便可切換菜單選項(xiàng)，而點(diǎn)擊左右方向圖標(biāo)即可觀看攝影作品。1.1.3網(wǎng)站的商業(yè)模式

網(wǎng)站的商業(yè)模式是依據(jù)網(wǎng)站類型而具體設(shè)置的。其盈利內(nèi)容主要是賣服務(wù)和賣產(chǎn)品，具體的盈利途徑可分為以下四種類型?；A(chǔ)篇1.流量變現(xiàn)模式2.傭金與分成3.增值服務(wù)收費(fèi)4.直銷模式1.流量變現(xiàn)模式基礎(chǔ)篇

流量變現(xiàn)模式是一種先獲得大量的流量，然后在此基礎(chǔ)上通過廣告、流量分發(fā)等的賺錢方式，它也是最基礎(chǔ)的盈利模式。具體的落地方案有：（1）banner廣告

banner廣告是網(wǎng)站通過出租廣告位、展示廣告圖來盈利。無論用戶是否點(diǎn)擊廣告圖，網(wǎng)站都需要向廣告商家收取費(fèi)用。騰訊大申網(wǎng)（2）匹配廣告搜索引擎網(wǎng)站/電子商務(wù)中的搜索功能都是靠搜索關(guān)鍵詞來匹配廣告的一種形式。此類搜索廣告一般按照CPC（CostPerClick，每次點(diǎn)擊價(jià)格）的方式計(jì)價(jià)，展現(xiàn)免費(fèi)，產(chǎn)生有效點(diǎn)擊才會(huì)收費(fèi)?；A(chǔ)篇百度網(wǎng)搜索結(jié)果頁面（3）社交廣告社交廣告模式是將廣告跟社交元素結(jié)合，最大的特點(diǎn)憑借“他人推薦”而對(duì)廣告產(chǎn)生信任感。例如喜馬拉雅網(wǎng)站中，頭條推薦欄目中的播放、點(diǎn)贊、留言數(shù)量，凡是有很多人關(guān)注與點(diǎn)贊的質(zhì)量都不會(huì)差。基礎(chǔ)篇（4）流量分發(fā)流量分發(fā)模式主要是用于一些門戶網(wǎng)站或者瀏覽器入口，其利用其獨(dú)特的網(wǎng)站定位和運(yùn)營(yíng)模式，爭(zhēng)奪用戶的上網(wǎng)入口，從而獲得大量的流量，最后，再把這些流量分發(fā)到各種網(wǎng)站上，向網(wǎng)站收費(fèi)。如hao123網(wǎng)就提供了大量網(wǎng)站的入口，最后向這些網(wǎng)站收費(fèi)。基礎(chǔ)篇2.傭金與分成傭金與分成模式是借助網(wǎng)站這一平臺(tái)直接為客戶提供服務(wù)，收取一定的提成。最常見的是B2C電商平臺(tái)，如天貓商城網(wǎng)（見圖1.13），它就是按賣出商品的價(jià)格向店鋪?zhàn)鈶羰杖√岢??；A(chǔ)篇3.增值服務(wù)收費(fèi)增值服務(wù)收費(fèi)模式是指基礎(chǔ)服務(wù)功能免費(fèi)，高級(jí)服務(wù)功能收費(fèi)。這種模式常見于一些社交網(wǎng)站的會(huì)員制度及游戲網(wǎng)站中的道具。如在QQ本身免費(fèi)，但是你要想享受更多服務(wù)就得付費(fèi)升級(jí)會(huì)員?；A(chǔ)篇4.直銷模式直銷模式是利用互聯(lián)網(wǎng)平臺(tái)本身來賣自營(yíng)商品，這種模式實(shí)際上就是減少中間環(huán)節(jié)，把商品直接銷售到用戶手中。典型方式如當(dāng)當(dāng)網(wǎng)的自營(yíng)部分基礎(chǔ)篇即便大家打開同一個(gè)網(wǎng)頁時(shí)，各自看到的界面效果可能大不相同，這是由于網(wǎng)頁的顯示媒介的特性所決定的。即網(wǎng)頁界面空間顯示依賴于顯示器的分辨率與瀏覽器這兩大因素。1.2網(wǎng)頁界面空間的影響要素基礎(chǔ)篇

分辨率是屏幕上圖片所呈現(xiàn)的精細(xì)度。一般而言，較高的分辨率的圖片所呈現(xiàn)出來的細(xì)節(jié)越多、效果越好。像素是屏幕分辨率的單位，是一個(gè)相對(duì)單位，即物理設(shè)備上的1像素。一般以縱向像素*橫向像素來表示一個(gè)終端設(shè)備的分辨率。如當(dāng)前顯示器的屏幕分辨率是1920*1080px,即每一條水平線上包含有1920個(gè)像素點(diǎn)，共有1080根水平線。1.2.1分辨率與顯示器基礎(chǔ)篇

一顯示器看一個(gè)網(wǎng)站，高分辨率與低分辨率看到視覺效果會(huì)有一定差別。如同樣打開美食節(jié)網(wǎng)站，左圖分辨率為1920*1080px能看到的圖文信息更小巧豐富，右圖分辨率為1366*768px感覺上略顯粗糙，視覺信息展示的較少?；A(chǔ)篇基礎(chǔ)篇需要特別強(qiáng)調(diào)的是屏幕像素密度不是像素分辨率。屏幕像素密度是指屏幕上每英寸可以顯示的像素點(diǎn)的數(shù)量，單位是ppi（pixelsperinch）。如大多數(shù)網(wǎng)站制作常用圖片ppi為72，即每英寸像素為72，因此我們?cè)谠O(shè)計(jì)網(wǎng)頁的時(shí)候需要將ppi設(shè)置為72。網(wǎng)頁設(shè)計(jì)中的ppi設(shè)置1.2.2瀏覽器基礎(chǔ)篇瀏覽器是指可以顯示網(wǎng)頁服務(wù)器或文件系統(tǒng)的HMTL內(nèi)容，并讓用戶與這些文件交互的一種軟件。常用的瀏覽器有Chrome,IE，Safari，火狐，UC等。用戶可以根據(jù)自己的喜好及瀏覽器特性來選擇使用。從左至右分別是Chrome,IE，Safari，火狐，UC瀏覽器

不同品牌的瀏覽器所用內(nèi)核不一，其渲染機(jī)制也不相同，所以同一網(wǎng)頁用不同瀏覽器訪問的視覺效果和響應(yīng)時(shí)間也會(huì)略有區(qū)別。如對(duì)比一下用IE（9.0版）和Chrome（45.0版本）瀏覽器瀏覽器打開微軟的網(wǎng)站的區(qū)別。不同瀏覽器下的微軟網(wǎng)站，左圖為IE9.0瀏覽器，右圖為Chrome45.0瀏覽基礎(chǔ)篇IE瀏覽器比Chrome展示的內(nèi)容略少，信息顯示的更大；然后，細(xì)節(jié)上IE瀏覽器下的字體較大且顏色為黑色、藍(lán)色，廣告區(qū)域的文字信息置于圖片之下，菜單欄高度較高；再然后，IE瀏覽器頭部的高度略要低于Chrome瀏覽器，這樣會(huì)導(dǎo)致在瀏覽器容器內(nèi)看到的一屏信息的高度會(huì)更高。不同瀏覽器的頭部高度不一基礎(chǔ)篇

然而就算是同一品牌的瀏覽器，不同版本所呈現(xiàn)出來的界面效果也不盡相同。如IE11.0、IE9.0和IE8.0打開餓了么網(wǎng)站，IE9.0以上版本瀏覽器屬于高級(jí)瀏覽器，所以9.0與11.0版本效果較為接近，11.0版默認(rèn)狀態(tài)下輸入框有默認(rèn)文字區(qū)域位置選項(xiàng)，而10.0版本輸入框內(nèi)為空。而8.0版本的效果相差較遠(yuǎn)，8.0版的界面僅為一個(gè)二維碼。實(shí)際上，高版本瀏覽器與一般瀏覽器的不同主要表現(xiàn)在如圓角、陰影、動(dòng)畫、文字陰影、背景漸變等方面。我們難以讓網(wǎng)頁100%兼容所有瀏覽器，這就要求我們?cè)谠O(shè)計(jì)界面時(shí)，需要針對(duì)當(dāng)前主流用戶群來選擇測(cè)試的瀏覽器?；A(chǔ)篇

相同瀏覽器不同版本，從左至右瀏覽器為IE11.0、IE9.0和IE8.0

高版本瀏覽器與一般瀏覽器的不同主要表現(xiàn)在如圓角、陰影、動(dòng)畫、文字陰影、背景漸變等方面。我們難以讓網(wǎng)頁100%兼容所有瀏覽器，這就要求我們?cè)谠O(shè)計(jì)界面時(shí)，需要針對(duì)當(dāng)前主流用戶群來選擇測(cè)試的瀏覽器。了解當(dāng)前主流瀏覽器的方式有查看相關(guān)的統(tǒng)計(jì)平臺(tái)，如百度統(tǒng)計(jì)——流量研究院基礎(chǔ)篇1.3網(wǎng)站開發(fā)的團(tuán)隊(duì)與協(xié)作基礎(chǔ)篇

從整體上看，一個(gè)小型網(wǎng)站的設(shè)計(jì)團(tuán)隊(duì)起碼應(yīng)該具有產(chǎn)品策劃人員、開發(fā)人員、設(shè)計(jì)人員及運(yùn)維人員四個(gè)角色，而在一些較為大型的公司則細(xì)分為產(chǎn)品經(jīng)理、架構(gòu)師、交互設(shè)計(jì)師、UI設(shè)計(jì)師、前端開發(fā)工程師、后端開發(fā)工程師、測(cè)試工程師、運(yùn)維工程師等職位。

產(chǎn)品經(jīng)理是對(duì)網(wǎng)站從策劃到上線都了如指掌的角色。他們負(fù)責(zé)分析項(xiàng)目、分析市場(chǎng)、分析用戶，分析競(jìng)品，產(chǎn)品線規(guī)劃，原型、PRD，產(chǎn)品宣講，進(jìn)度推進(jìn)。架構(gòu)師是既掌控網(wǎng)站整體開發(fā)技術(shù)又能洞悉技術(shù)局部瓶頸并依據(jù)具體的業(yè)務(wù)場(chǎng)景給出解決方案的團(tuán)隊(duì)技術(shù)領(lǐng)導(dǎo)型人物。他們主要著眼于系統(tǒng)的“技術(shù)實(shí)現(xiàn)”，負(fù)責(zé)確認(rèn)和評(píng)估系統(tǒng)需求，給出開發(fā)規(guī)范，搭建網(wǎng)站實(shí)現(xiàn)的核心系統(tǒng)構(gòu)架，并澄清技術(shù)細(xì)節(jié)、掃清主要難點(diǎn)。交互設(shè)計(jì)師是秉承以用戶為中心的設(shè)計(jì)理念，以用戶體驗(yàn)度為原則，對(duì)交互過程進(jìn)行研究并開展設(shè)計(jì)的工作人員。他們一邊要協(xié)調(diào)信息、技術(shù)部門協(xié)調(diào)相關(guān)的頁面邏輯，數(shù)據(jù)承載方式等，平衡多方利弊，一邊還要梳理用戶與網(wǎng)站間的交互關(guān)系，并將交互流程轉(zhuǎn)換為流程圖、線框圖，可視化展現(xiàn)網(wǎng)站的低保真原型（也稱交互原型），確保設(shè)計(jì)人員與開發(fā)人員的有效溝通。UI設(shè)計(jì)師（也稱用戶界面設(shè)計(jì)師）負(fù)責(zé)界面設(shè)計(jì)。他們具備較強(qiáng)的圖形設(shè)計(jì)能力，了解各平臺(tái)的設(shè)計(jì)規(guī)范，掌握一定前端開發(fā)的知識(shí)，能將模糊的“需求”直接轉(zhuǎn)化為富有創(chuàng)意與視覺表現(xiàn)力的界面。基礎(chǔ)篇前端開發(fā)工程師和后臺(tái)開發(fā)工程師都是隨著web技術(shù)發(fā)展，從開發(fā)工程師中細(xì)分出來的職業(yè)。前端開發(fā)工程師熟知前端開發(fā)技術(shù)（如HTML、CSS、JavaScript等），負(fù)責(zé)網(wǎng)站前端代碼的修改調(diào)試和開發(fā)工作。后端開發(fā)工程師負(fù)責(zé)數(shù)據(jù)邏輯存儲(chǔ)（數(shù)據(jù)庫(kù)、redis等），復(fù)雜邏輯的設(shè)計(jì)（如權(quán)限控制、前端數(shù)據(jù)交互、配置信息、路由等等），讓用戶不僅體驗(yàn)到了視覺和炫酷的風(fēng)格，而且還要能夠起到實(shí)用的功能。測(cè)試工程師負(fù)責(zé)內(nèi)容包括編寫測(cè)試計(jì)劃、規(guī)劃詳細(xì)的測(cè)試方案、編寫測(cè)試用例，接著根據(jù)測(cè)試計(jì)劃搭建和維護(hù)測(cè)試環(huán)境，然后執(zhí)行測(cè)試工作，提交測(cè)試報(bào)告，最后對(duì)測(cè)試中發(fā)現(xiàn)的問題進(jìn)行詳細(xì)分析和準(zhǔn)確定位，與開發(fā)人員討論缺陷解決方案?；A(chǔ)篇運(yùn)維工程師負(fù)責(zé)響應(yīng)及解決客戶的技術(shù)要求、疑問以及系統(tǒng)使用過程中遇到的各種問題。他們會(huì)收集并撰寫服務(wù)過程中問題現(xiàn)象和處理方案，形成知識(shí)庫(kù)，并且及時(shí)反饋技術(shù)處理過程中的異常情況，聯(lián)系相關(guān)部門負(fù)責(zé)人，主動(dòng)協(xié)調(diào)資源推動(dòng)問題解決。網(wǎng)站開發(fā)團(tuán)隊(duì)示意圖基礎(chǔ)篇1.4網(wǎng)頁的制作流程

網(wǎng)頁的制作是一個(gè)循環(huán)往復(fù)的過程，大致要經(jīng)歷前期策劃、規(guī)劃框架、整理相關(guān)素材、設(shè)計(jì)與制作網(wǎng)頁、測(cè)試完善及推廣維護(hù)創(chuàng)新這六個(gè)步驟，若有一天需要對(duì)網(wǎng)站大型改版則又會(huì)跳轉(zhuǎn)到第一個(gè)步驟。對(duì)網(wǎng)頁的制作流程清楚地認(rèn)知有利于把控網(wǎng)頁設(shè)計(jì)與開發(fā)的進(jìn)程，下面將一一詳述這六個(gè)步驟所包含的內(nèi)容。基礎(chǔ)篇基礎(chǔ)篇

首先是由產(chǎn)品經(jīng)理組織策劃網(wǎng)站主題，明確網(wǎng)站建設(shè)的目的意義，進(jìn)行前期調(diào)查。網(wǎng)站主題是網(wǎng)站的中心內(nèi)容,前期調(diào)查是緊緊圍繞這一主題展開的。前期調(diào)查包括：一、了解目前同類型網(wǎng)站的發(fā)展趨勢(shì)，了解目標(biāo)用戶的需求，分析其優(yōu)劣勢(shì)；二、根據(jù)調(diào)查結(jié)果，結(jié)合自身特點(diǎn)，確定網(wǎng)站的產(chǎn)品和服務(wù)方向；三、考慮網(wǎng)站所用技術(shù)?；A(chǔ)篇

在前期策劃的基礎(chǔ)上，我們需要分析消費(fèi)者的需求和市場(chǎng)狀態(tài)，以用戶為中心，規(guī)劃網(wǎng)站的內(nèi)容框架。這里的框架是指網(wǎng)站的服務(wù)范圍，即提供那些服務(wù)，擁有那些功能。明確網(wǎng)站各個(gè)頁面之間的關(guān)系，知曉每個(gè)頁面上的功能及欄目劃分?；A(chǔ)篇