網(wǎng)頁設(shè)計(jì)與制作主講：xxx第二章網(wǎng)站規(guī)劃與制作流程項(xiàng)目資訊2.1.1網(wǎng)站策劃的一般內(nèi)容2.1網(wǎng)站規(guī)劃的內(nèi)容及原則背景分析與網(wǎng)站定位確定網(wǎng)站目標(biāo)內(nèi)容與形象策劃推廣策略項(xiàng)目資訊2.1.2網(wǎng)站形象策劃原則2.1網(wǎng)站規(guī)劃的內(nèi)容及原則內(nèi)容與形式的統(tǒng)一網(wǎng)站的類型與風(fēng)格的定位統(tǒng)一網(wǎng)站設(shè)計(jì)風(fēng)格CIS的介入項(xiàng)目資訊關(guān)鍵知識(shí)點(diǎn)1：了解分析客戶的需求

2.1情境1：淮安旅行社網(wǎng)站項(xiàng)目規(guī)劃

網(wǎng)頁設(shè)計(jì)需要設(shè)計(jì)師綜合多方面的知識(shí)，把設(shè)計(jì)的多種元素進(jìn)行有機(jī)的組合。它與網(wǎng)絡(luò)藝術(shù)、經(jīng)濟(jì)學(xué)、心理學(xué)以及美學(xué)等領(lǐng)域都有密切的聯(lián)系。明確網(wǎng)頁設(shè)計(jì)的中心是“信息的傳達(dá)”，“美”和“功能”都是為了更好的表達(dá)主題。網(wǎng)頁設(shè)計(jì)是一個(gè)感性思考與理性分析相結(jié)合的復(fù)雜過程。它的方向取決于設(shè)計(jì)的任務(wù)，它的實(shí)現(xiàn)依賴于網(wǎng)頁的制作。

一件完美的網(wǎng)站設(shè)計(jì)作品是設(shè)計(jì)師與客戶不斷進(jìn)行溝通而設(shè)計(jì)出的結(jié)果。網(wǎng)站開始構(gòu)思的時(shí)候需要充分的了解客戶需求，要達(dá)到什么目的、效果。因此前期的投入是很有必要的，以便準(zhǔn)確、完善地滿足客戶的預(yù)期要求。制作流程2.2情境1：淮安旅行社網(wǎng)站的制作流程

網(wǎng)站頁面的設(shè)計(jì)制作

網(wǎng)站欄目模塊設(shè)計(jì)草圖設(shè)計(jì)

規(guī)劃站點(diǎn)結(jié)構(gòu)收集和整理資料網(wǎng)站效果圖的設(shè)計(jì)制作

靜態(tài)頁面的動(dòng)態(tài)化網(wǎng)站頁面的測(cè)試與發(fā)布

站點(diǎn)的更新與維護(hù)

前期策劃和內(nèi)容組織-網(wǎng)站欄目模塊設(shè)計(jì)

2.2情境1：淮安旅行社網(wǎng)站的制作流程

前期策劃和內(nèi)容組織-草圖設(shè)計(jì)2.2情境1：淮安旅行社網(wǎng)站的制作流程

旅游新聞動(dòng)態(tài)景點(diǎn)景區(qū)推薦Flash動(dòng)畫名勝景點(diǎn)展示查詢導(dǎo)航網(wǎng)站logo旅行社所獲榮譽(yù)展示首頁公司簡(jiǎn)介淮安概況景點(diǎn)簡(jiǎn)介國(guó)內(nèi)路線出境路線特色路線在線訂購(gòu)留言投票調(diào)查友情鏈接最新推薦線路精品線路金牌導(dǎo)游異域風(fēng)情旅游法規(guī)旅游情趣散客線路專欄地接線路專欄

旅游常識(shí)1）不要將所有文件都存放在根目錄下。2）按欄目?jī)?nèi)容建立子目錄。子目錄的建立，首先按主菜單欄目建立。例如：本站點(diǎn)可以根據(jù)模塊類別分別建立相應(yīng)的目錄，如Flash、CSS、Javascript等；企業(yè)站點(diǎn)可以按公司簡(jiǎn)介、產(chǎn)品介紹、價(jià)格、在線定單、反饋聯(lián)系等建立相應(yīng)目錄。3）在每個(gè)主目錄下都建立獨(dú)立的images目錄。默認(rèn)的一個(gè)站點(diǎn)根目錄下都有一個(gè)images目錄。這是最方便管理的。而根目錄下的images目錄只是用來放首頁和一些次要欄目的圖片。4）目錄的層次不要太深，目錄的層次建議不要超過3層。原因很簡(jiǎn)單，維護(hù)管理方便。前期策劃和內(nèi)容組織-規(guī)劃站點(diǎn)結(jié)構(gòu)

2.2情境1：淮安旅行社網(wǎng)站的制作流程

網(wǎng)站效果圖的設(shè)計(jì)制作2.2情境1：淮安旅行社網(wǎng)站的制作流程

網(wǎng)頁效果圖的設(shè)計(jì)與傳統(tǒng)的平面設(shè)計(jì)是相同的，但也帶有一些特殊的性質(zhì)。通常網(wǎng)頁的圖像設(shè)計(jì)會(huì)使用到圖像設(shè)計(jì)軟件和一些其他的軟件，F(xiàn)ireworks正是一種主要應(yīng)用于網(wǎng)頁圖形設(shè)計(jì)的軟件。應(yīng)用較為廣泛的還有Adode公司出品的Photoshop。Photoshop利用自身在圖像處理上的優(yōu)勢(shì)，實(shí)現(xiàn)多方面網(wǎng)絡(luò)應(yīng)用。利用圖像軟件可視化操作程度比較高的優(yōu)勢(shì)，進(jìn)行網(wǎng)頁視覺設(shè)計(jì)、排版布局，并創(chuàng)建為頁面的HTML文件。Photoshop能夠完成網(wǎng)站中各類型的的Web圖像設(shè)計(jì)和制作，還包括為適于網(wǎng)絡(luò)發(fā)布進(jìn)行的各項(xiàng)圖像優(yōu)化工作。在Photoshop中軟件的操作更加簡(jiǎn)單，效果變化更豐富，同時(shí)提供提高工作效率的解決辦法。

網(wǎng)站效果圖的設(shè)計(jì)制作2.2情境1：淮安旅行社網(wǎng)站的制作流程

網(wǎng)站頁面的設(shè)計(jì)制作2.2情境1：淮安旅行社網(wǎng)站的制作流程

靜態(tài)頁面的動(dòng)態(tài)化2.2情境1：淮安旅行社網(wǎng)站的制作流程

方式一：下載免費(fèi)的網(wǎng)站管理平臺(tái)，然后與前臺(tái)整合，稱之為代碼融合。方式二：所有功能完全自主開發(fā)，根據(jù)客戶的要求定制，逐一實(shí)現(xiàn)功能。以上兩種方式各有利弊，方式一適用于初期網(wǎng)頁設(shè)計(jì)的初學(xué)者，能夠滿足大多數(shù)通用網(wǎng)站，使用方法簡(jiǎn)單，但是不能隨心所欲的實(shí)現(xiàn)通用以外的功能：方式二要求開發(fā)者能夠具備一定的編程能力，對(duì)初學(xué)者要求較高，要求能夠編寫程序，屬于網(wǎng)站開發(fā)的高級(jí)階段，能夠隨心所欲實(shí)現(xiàn)各種功能。

網(wǎng)站測(cè)試與發(fā)布2.2情境1：淮安旅行社網(wǎng)站的制作流程

1．注冊(cè)域名域名是企業(yè)、機(jī)構(gòu)或個(gè)人的網(wǎng)絡(luò)標(biāo)識(shí)，是通過計(jì)算機(jī)登錄網(wǎng)絡(luò)的企業(yè)、機(jī)構(gòu)或個(gè)人在Internet網(wǎng)中的地址。國(guó)際域名主要分為.com、.net和.org3種。其中，其中最具商業(yè)價(jià)值的是.com域名，擁有一個(gè)涵義深刻且簡(jiǎn)單易記的域名，是一個(gè)網(wǎng)站成功的首要前提。

2．申請(qǐng)空間一個(gè)完整的網(wǎng)站系統(tǒng)其實(shí)就是一組文件，它提供給網(wǎng)絡(luò)用戶瀏覽，這些文件要占據(jù)一定的硬盤空間，即所謂的網(wǎng)站空間。除一些大型的網(wǎng)站和占用空間大的站點(diǎn)采用自己建設(shè)的Web服務(wù)器外，一般建站的用戶均采用虛擬主機(jī)來完成，因此，一般的網(wǎng)站空間也叫虛擬主機(jī)。

網(wǎng)站維護(hù)2.2情境1：淮安旅行社網(wǎng)站的制作流程

項(xiàng)目資訊關(guān)鍵知識(shí)點(diǎn)2：網(wǎng)站的項(xiàng)目規(guī)劃

2.1情境2：書法家莊輝網(wǎng)站項(xiàng)目規(guī)劃一個(gè)成功的網(wǎng)頁設(shè)計(jì)作品是使藝術(shù)與技術(shù)的結(jié)合與統(tǒng)一，以主題鮮明、形式與內(nèi)容保持一致、把握整體風(fēng)格為設(shè)計(jì)原則。藝術(shù)是設(shè)計(jì)手段，而不是最終目的。規(guī)范的網(wǎng)頁策劃大致具有如下幾個(gè)方面：網(wǎng)站的目標(biāo)、網(wǎng)站的主題、網(wǎng)站的內(nèi)容、網(wǎng)站的風(fēng)格、網(wǎng)站的標(biāo)準(zhǔn)。網(wǎng)站的性質(zhì)不同，設(shè)計(jì)的要求不同。例如：門戶網(wǎng)站注重頁面的分割、信息結(jié)構(gòu)的合理、頁面與圖片的優(yōu)化、界面的親和等問題；企業(yè)網(wǎng)站注重突出企業(yè)形象、產(chǎn)品熱點(diǎn)，要求設(shè)計(jì)樣式、圖片質(zhì)量相對(duì)較高。網(wǎng)站的主題要求小而精，有針對(duì)性，盡量向?qū)I(yè)靠攏；題材盡量新穎，不要隨處可見，這樣才能吸引用戶一看再看；網(wǎng)站名稱要有特色，方便記憶，要考慮到為以后網(wǎng)站的形象和宣傳推廣。

項(xiàng)目資訊關(guān)鍵知識(shí)點(diǎn)2：網(wǎng)站的項(xiàng)目規(guī)劃

2.1情境2：書法家莊輝網(wǎng)站項(xiàng)目規(guī)劃1）建設(shè)網(wǎng)站的市場(chǎng)分析相關(guān)行業(yè)的市場(chǎng)是怎樣的，市場(chǎng)有什么樣的特點(diǎn)，是否能夠在互聯(lián)網(wǎng)上開展企業(yè)的業(yè)務(wù)。從市場(chǎng)主要競(jìng)爭(zhēng)者分析，競(jìng)爭(zhēng)對(duì)手上網(wǎng)情況以及網(wǎng)站規(guī)劃、功能作用。公司自身?xiàng)l件分析、公司概況、市場(chǎng)優(yōu)勢(shì)，可以利用網(wǎng)站提升哪些競(jìng)爭(zhēng)力，建設(shè)網(wǎng)站的費(fèi)用、技術(shù)、人力等。項(xiàng)目資訊關(guān)鍵知識(shí)點(diǎn)2：網(wǎng)站的項(xiàng)目規(guī)劃

2.1情境2：書法家莊輝網(wǎng)站項(xiàng)目規(guī)劃2）建設(shè)網(wǎng)站的目的及功能定位

建立網(wǎng)站，是為了宣傳產(chǎn)品、進(jìn)行電子商務(wù)，還是建立行業(yè)型網(wǎng)站。整合公司資源，確定網(wǎng)站功能。根據(jù)公司的需要和計(jì)劃，確定網(wǎng)站的功能是產(chǎn)品宣傳型、網(wǎng)上營(yíng)銷型、客戶服務(wù)型或電子商務(wù)型等。根據(jù)網(wǎng)站功能，確定網(wǎng)站應(yīng)達(dá)到的目的和作用。了解企業(yè)內(nèi)部網(wǎng)的建設(shè)情況和網(wǎng)站的可擴(kuò)展性。項(xiàng)目資訊關(guān)鍵知識(shí)點(diǎn)2：網(wǎng)站的項(xiàng)目規(guī)劃

2.1情境2：書法家莊輝網(wǎng)站項(xiàng)目規(guī)劃3）網(wǎng)站技術(shù)解決方案

采用自建服務(wù)器，還是租用虛擬主機(jī)。選擇操作系統(tǒng)，用Unix、Linux還是Window2000/2003，分析投入成本、功能、開發(fā)、穩(wěn)定性和安全性等。相關(guān)程序開發(fā)，如網(wǎng)頁動(dòng)態(tài)程序ASP、JSP、PHP、ASP.NET，使用數(shù)據(jù)庫是采用Access，還是SQLServer2000、MYSQL等。項(xiàng)目資訊關(guān)鍵知識(shí)點(diǎn)2：網(wǎng)站的項(xiàng)目規(guī)劃

2.1情境2：書法家莊輝網(wǎng)站項(xiàng)目規(guī)劃4）網(wǎng)站的內(nèi)容規(guī)劃根據(jù)網(wǎng)站的目的和功能規(guī)劃網(wǎng)站內(nèi)容，一般企業(yè)網(wǎng)站應(yīng)包括：公司簡(jiǎn)介、產(chǎn)品介紹、服務(wù)內(nèi)容、價(jià)格信息、售后服務(wù)、聯(lián)系方式、網(wǎng)上定單等基本內(nèi)容。5）網(wǎng)站的界面設(shè)計(jì)網(wǎng)頁界面設(shè)計(jì)一般要與企業(yè)整體形象一致，要符合CI規(guī)范。要注意網(wǎng)頁色彩、圖片的應(yīng)用以及版面規(guī)劃，保持網(wǎng)頁整體一致性。在新技術(shù)的采用上要考慮目標(biāo)訪問群體的分布地域、年齡階層、網(wǎng)絡(luò)速度、閱讀習(xí)慣等。制作網(wǎng)頁改版計(jì)劃，如半年到一年的時(shí)間進(jìn)行較大規(guī)模的改版等，或根據(jù)網(wǎng)站的版式內(nèi)容做擴(kuò)容調(diào)整。

CI，也稱CIS，是英文CorporateIdentitySystem的縮寫。CI目前一般譯為“企業(yè)視覺形象識(shí)別系統(tǒng)”。

CI是一種系統(tǒng)的名牌商標(biāo)動(dòng)作戰(zhàn)略，作為企業(yè)形象外化的“根”，企業(yè)經(jīng)營(yíng)理念和行為規(guī)程兩大系統(tǒng)，是經(jīng)過了大量調(diào)查、精心研究而制定的，是指導(dǎo)整個(gè)企業(yè)運(yùn)行的行為準(zhǔn)則，是一種企業(yè)的發(fā)展規(guī)則。這種準(zhǔn)則與規(guī)則，通過一系列的行為操作，廣泛向社會(huì)公眾傳達(dá)，以便在公眾中建立良好的名牌商標(biāo)形象，從這層意義上看，CI就是一種戰(zhàn)略。項(xiàng)目資訊關(guān)鍵知識(shí)點(diǎn)2：網(wǎng)站的項(xiàng)目規(guī)劃

2.1情境2：書法家莊輝網(wǎng)站項(xiàng)目規(guī)劃6）網(wǎng)站維護(hù)

服務(wù)器及相關(guān)軟硬件的維護(hù)，對(duì)可能出現(xiàn)的問題進(jìn)行評(píng)估，制定相應(yīng)時(shí)間。數(shù)據(jù)庫維護(hù)，有效地利用數(shù)據(jù)是網(wǎng)站維護(hù)的重要內(nèi)容，因此數(shù)據(jù)庫的維護(hù)要受到重視。注重內(nèi)容的更新與調(diào)整。制定相關(guān)網(wǎng)站維護(hù)的規(guī)定，將網(wǎng)站維護(hù)制度化、規(guī)范化。項(xiàng)目資訊關(guān)鍵知識(shí)點(diǎn)2：網(wǎng)站的項(xiàng)目規(guī)劃

2.1情境2：書法家莊輝網(wǎng)站項(xiàng)目規(guī)劃7）網(wǎng)站測(cè)試

服務(wù)器的穩(wěn)定性、安全性。程序及數(shù)據(jù)庫測(cè)試。網(wǎng)頁兼容性測(cè)試，如瀏覽器、顯示器等。網(wǎng)頁的鏈接測(cè)試，壓力測(cè)試等。項(xiàng)目資訊關(guān)鍵知識(shí)點(diǎn)2：網(wǎng)站的項(xiàng)目規(guī)劃

2.1情境2：書法家莊輝網(wǎng)站項(xiàng)目規(guī)劃8）網(wǎng)站發(fā)布與推廣網(wǎng)站測(cè)試后進(jìn)行發(fā)布的公關(guān)、廣告活動(dòng)。搜索引擎登記等。項(xiàng)目資訊書法家莊輝網(wǎng)站策劃書2.1情境2：書法家莊輝網(wǎng)站項(xiàng)目規(guī)劃。項(xiàng)目引言

分析書法家莊輝個(gè)人網(wǎng)站的可行性書法家莊輝個(gè)人網(wǎng)站大致思路編寫目的網(wǎng)站設(shè)計(jì)需要建立完善的網(wǎng)絡(luò)宣傳系統(tǒng)樹立書法家莊輝個(gè)人網(wǎng)站良好的形象項(xiàng)目資訊書法家莊輝網(wǎng)站策劃書2.1情