網(wǎng)站策劃與設(shè)計(jì)概述

網(wǎng)站策劃與設(shè)計(jì)廣州科技職業(yè)技術(shù)學(xué)院第2章網(wǎng)網(wǎng)站站策劃基基礎(chǔ)2.1什什么是是網(wǎng)站策策劃本節(jié)課程程學(xué)習(xí)目目標(biāo)：網(wǎng)站策劃劃的定義;網(wǎng)站策劃劃的原則；網(wǎng)站策劃劃流程；2.1什什么么是網(wǎng)站站策劃1、網(wǎng)站策劃劃2、網(wǎng)站策劃劃要明確確的原則3、網(wǎng)站建設(shè)設(shè)的目的網(wǎng)站建設(shè)設(shè)者需要要具備的的相關(guān)知知識(shí)：（6）具具備網(wǎng)絡(luò)營(yíng)銷銷的知識(shí)（1）熟熟悉互聯(lián)網(wǎng)經(jīng)濟(jì)（2）具具備良好好的分析能力和邏輯思維維能力（3）良良好的文案能力（4）具具有一定定的UI設(shè)計(jì)計(jì)基礎(chǔ)（5）具具有一定定的程序設(shè)計(jì)計(jì)能力構(gòu)成傳播播的5種種基本要要素：5W模式式WhoSaysWhatInWhichChannelToWhomWithWhatEffect誰(shuí)？主題題？！說(shuō)什么？？意欲傳傳播？??！通過(guò)什么么渠道？？媒介？？！向誰(shuí)說(shuō)？？對(duì)象？？有什么效效果？反反饋？2.1..1網(wǎng)網(wǎng)站策劃劃P33定義網(wǎng)站站目標(biāo)定義訪問(wèn)者確定網(wǎng)站站的風(fēng)格及導(dǎo)航系統(tǒng)、網(wǎng)網(wǎng)站的可視性設(shè)計(jì)、網(wǎng)網(wǎng)站的推廣方案………確定網(wǎng)站站的內(nèi)容及功功能信息角度2.1..1網(wǎng)網(wǎng)站策劃劃服務(wù)器選擇域名選擇服務(wù)器平平臺(tái)及程序語(yǔ)言言的選擇欄目分類結(jié)構(gòu)構(gòu)、文件結(jié)構(gòu)、鏈接結(jié)構(gòu)技術(shù)角度2網(wǎng)站策劃劃原則1、熟熟悉網(wǎng)絡(luò)絡(luò)競(jìng)爭(zhēng)環(huán)境境2、內(nèi)容與形形式相統(tǒng)一3、確定定未來(lái)網(wǎng)網(wǎng)站的核心價(jià)值值鏈4、主題鮮明5、風(fēng)格統(tǒng)一6、重視視一級(jí)菜單7、兼顧顧下載速度度與美觀觀2.1..2網(wǎng)網(wǎng)站策劃劃要明確確的原則則P338、導(dǎo)航清晰晰9、良好好的兼容性1、熟熟悉網(wǎng)絡(luò)絡(luò)競(jìng)爭(zhēng)環(huán)境境發(fā)展方向向；商業(yè)模式式；專業(yè)應(yīng)用用。2、內(nèi)容與形形式相統(tǒng)一有效的信信息及文文字布局、色色彩、圖圖形內(nèi)容形式3、確定定未來(lái)網(wǎng)網(wǎng)站的核心價(jià)值值鏈網(wǎng)站服務(wù)誰(shuí)？？如何服務(wù)務(wù)？服務(wù)的價(jià)價(jià)值？?jī)?yōu)勢(shì)？4、主題鮮明聞道有先先后，術(shù)術(shù)業(yè)有專專攻。在自己擅擅長(zhǎng)的領(lǐng)領(lǐng)域做好好就行5.風(fēng)格格統(tǒng)一專業(yè)的網(wǎng)網(wǎng)站需要要有統(tǒng)一一的風(fēng)格格。IBM6、重視視一級(jí)菜單強(qiáng)調(diào)平行性，切勿勿重復(fù)、、交疊；；分類合理、精精確；7、兼顧顧下載速度度與美觀觀文字、圖圖片、視視頻……的選選擇要慎慎重，找找到一個(gè)個(gè)最佳的的平衡點(diǎn)點(diǎn)。8、導(dǎo)航清晰晰清楚目前所處處位置方便快捷的轉(zhuǎn)轉(zhuǎn)到其它頁(yè)面面9、良好好的兼容性常規(guī)字體體主流瀏覽覽器課前回顧顧：（理理論部分分）服務(wù)器接接入互聯(lián)網(wǎng)的的方式？ P25用戶接入入互聯(lián)網(wǎng)網(wǎng)的方式式中，以以下幾種種分別是是？P27ADSLDDNLAN如何來(lái)理理解網(wǎng)站策劃劃？P33網(wǎng)站策劃劃應(yīng)遵循循的基本本原則包括？P33--35課前回顧顧：（操操作部分分）{$showchannelmenu(channelid))}美化一級(jí)級(jí)版塊：：1、將版版塊做鏈接：2、使導(dǎo)導(dǎo)航寬度度與整個(gè)個(gè)頁(yè)面寬度一致致?{$webdir}gsjj/Index.asp{$webdir}cpfw/Index.asp2.1..3網(wǎng)網(wǎng)站建設(shè)設(shè)的目的的欲速而不不達(dá)，凡凡事預(yù)則立，不不預(yù)則廢！宏觀：人力、、物力、、財(cái)力………微觀：欄目、、板塊、、功能、、布局、、風(fēng)格………預(yù)先調(diào)查查與定位位：列出網(wǎng)上上銷售的的20種商品精選最最有潛力力的5種并排序圖書(shū)、CD、錄錄像帶、、計(jì)算機(jī)機(jī)硬件、、計(jì)算機(jī)機(jī)軟件我們的客客戶：請(qǐng)做一個(gè)個(gè)對(duì)外貿(mào)易易網(wǎng)站、公司企業(yè)業(yè)網(wǎng)站??？網(wǎng)站整體體設(shè)計(jì)??功能設(shè)計(jì)計(jì)?目標(biāo)訪客客?信息結(jié)構(gòu)構(gòu)設(shè)計(jì)??導(dǎo)航設(shè)計(jì)計(jì)?欄目設(shè)置置……??2.2網(wǎng)網(wǎng)站站策劃的的流程1、流程簡(jiǎn)介2、調(diào)查需求3、分析信息4、制定網(wǎng)站策劃劃書(shū)5、網(wǎng)站策劃劃書(shū)案例2.2..1流流程簡(jiǎn)介介“流程””：做事的的先后順順序。2.2..1流流程簡(jiǎn)介介流程三階階段調(diào)查階段段分析階段段策劃書(shū)制定策劃劃2.2..2調(diào)調(diào)查需求求階段流程程圖網(wǎng)站建設(shè)設(shè)立項(xiàng)了解網(wǎng)站站需求用戶需求求調(diào)查市場(chǎng)調(diào)研研需求分析析調(diào)整需求求網(wǎng)站功能能描述書(shū)書(shū)進(jìn)入下一一階段用戶需求求調(diào)查：：網(wǎng)站將出出現(xiàn)的功能：網(wǎng)站的性能要求和可靠性的要求：：網(wǎng)站的維護(hù)要求：網(wǎng)站的實(shí)實(shí)際運(yùn)行環(huán)境境：網(wǎng)站頁(yè)面面總體風(fēng)格格以及視覺(jué)效果果（用戶可可提供參參考站點(diǎn)點(diǎn)）文章、圖圖片、下下載、論論壇、購(gòu)購(gòu)物車速度、服服務(wù)器、、數(shù)據(jù)庫(kù)庫(kù)、語(yǔ)句句簡(jiǎn)單的錄錄入維護(hù)護(hù)虛擬主機(jī)機(jī)、主機(jī)機(jī)托管、、DDN色彩：紅紅白、藍(lán)藍(lán)白、酷酷黑懷舊、卡卡通、浪浪漫………!用戶需求求調(diào)查：：主頁(yè)面和次頁(yè)面數(shù)量，是是否需要要多種語(yǔ)言版本本等。內(nèi)容管理理及錄入入任務(wù)的的分配：：各種頁(yè)面面程序的應(yīng)應(yīng)用與效效果：項(xiàng)目完成成的時(shí)間及進(jìn)進(jìn)度：明確項(xiàng)目目完成后后的維護(hù)責(zé)任任：中文、英英文？公司提供供資料，，專人錄錄入Java.Flash效果圖、、需求分分析、功功能實(shí)現(xiàn)現(xiàn)……信息維護(hù)護(hù)、功能能擴(kuò)展、、正常使使用編寫《用用戶調(diào)查查報(bào)告》》1、調(diào)查查概要說(shuō)明2、調(diào)查查內(nèi)容說(shuō)明3、調(diào)查查資料匯編編用戶基本本情況、、主要業(yè)業(yè)務(wù)、網(wǎng)網(wǎng)站潛在在功能、、性能、、可靠性性需求、、實(shí)際運(yùn)運(yùn)行環(huán)境境、對(duì)網(wǎng)網(wǎng)站的期期望。網(wǎng)站項(xiàng)目目名稱、、用戶單單位、參參與調(diào)查查人員、、調(diào)查開(kāi)開(kāi)始與終終止時(shí)間間、調(diào)查查工作安安排原始資料料匯總：：調(diào)查問(wèn)問(wèn)卷、會(huì)會(huì)議記錄錄……..市場(chǎng)調(diào)研研：同類網(wǎng)站站作品的確確定：使用范圍和訪問(wèn)人群：功能設(shè)計(jì)：網(wǎng)站情況：相關(guān)行業(yè)市場(chǎng)場(chǎng)：主要競(jìng)爭(zhēng)者：：公司自身?xiàng)l件件：一般按產(chǎn)品類型型：超市市、化妝妝品、塑塑料、服服裝……學(xué)生、婦婦女、老老人………風(fēng)格、功功能………簡(jiǎn)單評(píng)價(jià)價(jià)行業(yè)發(fā)展展前景同行業(yè)財(cái)力、物物力、人人力………編寫《市市場(chǎng)調(diào)研研報(bào)告》》1、調(diào)研研概要說(shuō)明2、調(diào)研研內(nèi)容說(shuō)明3、可借借鑒和不不可借鑒鑒4、競(jìng)爭(zhēng)爭(zhēng)對(duì)手的的弱點(diǎn)和和缺陷及及本公司司的優(yōu)勢(shì)勢(shì)5、調(diào)查查資料匯編編課前回顧顧（理論論部分））網(wǎng)站策劃劃流程包包括？P37作為網(wǎng)站站設(shè)計(jì)者者，主要要從那個(gè)個(gè)方面對(duì)對(duì)用戶進(jìn)進(jìn)行調(diào)查查分析？？P38作為網(wǎng)站站設(shè)計(jì)者者，主要要從那個(gè)個(gè)方面進(jìn)進(jìn)行市場(chǎng)場(chǎng)調(diào)研？？P38課前回顧顧（操作作部分））韓秋陽(yáng)蔡欣倩幾點(diǎn)建議議：1、PPT設(shè)計(jì)計(jì)引用模模板要得當(dāng)，統(tǒng)統(tǒng)一；2、一個(gè)個(gè)PPT中動(dòng)畫畫定義不不要超過(guò)過(guò)三種模式式；3、合理理運(yùn)用項(xiàng)項(xiàng)目符號(hào)和編編號(hào)；4、動(dòng)畫畫速度設(shè)設(shè)計(jì)要合合理。技術(shù)分析析階段流程程圖網(wǎng)站技術(shù)術(shù)手段服務(wù)器編程語(yǔ)言言技術(shù)分析析網(wǎng)站技術(shù)解決決方案進(jìn)入下一一階段上一階段段操作系統(tǒng)統(tǒng)接入方式式數(shù)據(jù)庫(kù)設(shè)計(jì)軟件件編寫《功功能描述述書(shū)》P39對(duì)前期不明確的需求逐逐一清晰化，是網(wǎng)網(wǎng)站策劃劃和設(shè)計(jì)計(jì)的主要依據(jù)據(jù)。功能？軟、硬環(huán)環(huán)境？人和時(shí)間間？規(guī)則與標(biāo)標(biāo)準(zhǔn)？欄目和版版塊？鏈接結(jié)構(gòu)構(gòu)？數(shù)據(jù)庫(kù)概概要設(shè)計(jì)計(jì)？用戶界面面友好設(shè)設(shè)計(jì)？頁(yè)面策劃劃階段流程圖網(wǎng)站頁(yè)面面策劃策劃分析網(wǎng)站頁(yè)面面策劃方案案進(jìn)入下一一階段上一階段段CI策劃創(chuàng)意策劃樣式風(fēng)格色彩策劃?rùn)谀坎邉澆季植邉澞夸浗Y(jié)構(gòu)鏈接結(jié)構(gòu)基本項(xiàng)目目包括1、背景介紹2、市場(chǎng)分析3、建設(shè)設(shè)目的及網(wǎng)站定位4、技術(shù)解決決方案5、域名策略6、網(wǎng)站站信息結(jié)構(gòu)構(gòu)和內(nèi)容規(guī)劃劃7、頁(yè)面設(shè)計(jì)計(jì)2.2..4制制定網(wǎng)站站策劃書(shū)書(shū)8、流程及人人員分配9、網(wǎng)站站維護(hù)10、發(fā)布與推推廣互聯(lián)網(wǎng)概概況及公公司背景景或網(wǎng)站站改版原原因市場(chǎng)調(diào)研研報(bào)告網(wǎng)站基本本項(xiàng)目或或《功能能描述書(shū)書(shū)》易記、易易找欄目版塊塊和結(jié)構(gòu)構(gòu)效果圖開(kāi)發(fā)進(jìn)度度表職責(zé)明確確、規(guī)范范公關(guān)及廣廣告投入入課堂討論論：選擇一個(gè)個(gè)網(wǎng)站建設(shè)設(shè)主題，全班分分成10組，每組四四個(gè)人，，每個(gè)人人扮演一一個(gè)角色色：項(xiàng)目經(jīng)理理客戶市場(chǎng)調(diào)查查員網(wǎng)站設(shè)計(jì)計(jì)師編寫《用用戶調(diào)查查報(bào)告》》編寫《市市場(chǎng)調(diào)研研報(bào)告》》編寫《功功能描述述書(shū)》網(wǎng)站建設(shè)設(shè)主題綜合門戶戶類網(wǎng)站站(網(wǎng)易易、搜狐狐……))新聞?lì)惥W(wǎng)網(wǎng)站（新新浪、千千龍網(wǎng)、、人民網(wǎng)網(wǎng)……))電子商務(wù)務(wù)網(wǎng)站((ebay,,亞馬遜遜……))IT類網(wǎng)網(wǎng)站教育類網(wǎng)網(wǎng)站生活?yuàn)蕵?lè)樂(lè)網(wǎng)站政府網(wǎng)站站其他行業(yè)業(yè)（醫(yī)藥藥、設(shè)計(jì)計(jì)類………)個(gè)人網(wǎng)站站（充分分體現(xiàn)個(gè)個(gè)人的觀觀點(diǎn)和趣趣味）2.2..5網(wǎng)網(wǎng)站策劃劃書(shū)案例例分析：：目錄一、項(xiàng)目目簡(jiǎn)介二、市場(chǎng)場(chǎng)目標(biāo)概概述三、項(xiàng)目目?jī)?yōu)勢(shì)及及特點(diǎn)簡(jiǎn)簡(jiǎn)介四、項(xiàng)目目運(yùn)作的的可行性性五、網(wǎng)站站建設(shè)宗宗旨及商商業(yè)模式式六、網(wǎng)站站發(fā)展規(guī)規(guī)劃與建建設(shè)進(jìn)度度七、市場(chǎng)場(chǎng)與銷售售背景市場(chǎng)需求求與分析析建設(shè)目的的及定位位、人員員分配發(fā)布與推推廣實(shí)際案例例分析2.3域域名策策略1、域名的故事2、域名商標(biāo)與域名級(jí)別3、取名的方法4、如何申請(qǐng)域名5、ISP及相關(guān)站站點(diǎn)認(rèn)識(shí)域名名：在互聯(lián)網(wǎng)網(wǎng)上注冊(cè)冊(cè)的名稱產(chǎn)品商標(biāo)標(biāo)和企業(yè)業(yè)標(biāo)識(shí)姓名身身份份證號(hào)域名IP地地址2.3..1域域名的的故事2.3..2域域名商標(biāo)標(biāo)與域名名級(jí)別域名頂級(jí)域名名二級(jí)域名名國(guó)家頂級(jí)級(jí)域名中國(guó)“cn”美國(guó)“us”日本“jp”國(guó)際頂級(jí)級(jí)域名工商企業(yè)業(yè)“com”網(wǎng)絡(luò)提供供商“net”非贏利組組織“org”網(wǎng)上名稱稱：IBM、、yahoo、、microsoft2.3..2域域名商標(biāo)標(biāo)與域名名級(jí)別我國(guó)域名名類別域名名科研機(jī)構(gòu)構(gòu)“ac”工商企業(yè)業(yè)“com”教育機(jī)構(gòu)構(gòu)“edu”行域區(qū)域域名(34個(gè)))北京市“BJ”上海市“SH”天津市“TJ”…………2.3..3取取名方法法：1、域名名是一種種有限資源（24億個(gè)個(gè)域名））；2、域名名具有專屬性和唯一性。選擇域名名應(yīng)遵循循的原則則1、短短而順口，便于輸入入與記憶憶；2、具有有一定的的意義；3、公司司名（英文或全全稱）；4、公司司名（英文或全全拼縮寫寫）；5、給公公司名加加與網(wǎng)絡(luò)絡(luò)相關(guān)的的前綴或后后綴；6、相關(guān)聯(lián)的詞或詞詞組；7、不提倡注冊(cè).net域域名；8、不要要注冊(cè)其其他公司司獨(dú)特的商商標(biāo)名和和國(guó)際知知名企業(yè)業(yè)的商標(biāo)名名；9、避免免被CGI腳腳本程序序或其他動(dòng)動(dòng)態(tài)頁(yè)面面產(chǎn)生的的長(zhǎng)而不便便的URL.2.3..3取取名方法法：IBM、、HP、、163Greatwall、、chinatelecomhongta、