項(xiàng)目三網(wǎng)站建設(shè)綜合實(shí)訓(xùn)

項(xiàng)目三網(wǎng)站建設(shè)綜合實(shí)訓(xùn)第1頁/共67頁電子商務(wù)實(shí)務(wù)任務(wù)二網(wǎng)站的設(shè)計(jì)4項(xiàng)目引入1項(xiàng)目分析2任務(wù)一：網(wǎng)站需求與策劃

3任務(wù)六：網(wǎng)站的管理與維護(hù)

8知識(shí)回顧9拓展訓(xùn)練10任務(wù)三：網(wǎng)站的制作

5任務(wù)四：網(wǎng)站的測(cè)試

6任務(wù)五：網(wǎng)站宣傳推廣

7第2頁/共67頁項(xiàng)目引入：

隨著工作的深入，恒久公司的網(wǎng)站建設(shè)項(xiàng)目已提到日程安排上了，經(jīng)理找到小王，告訴他由于前期工作很出色，公司決定把網(wǎng)站建設(shè)這份重要工作交給小王來做。小王聽到后非常高興，想到工作中投入了很多的精力和心血，都是以助手的身份來完成的，現(xiàn)在終于可以獨(dú)立地完成這項(xiàng)工作，他決定現(xiàn)在就開始做好這項(xiàng)工作。

第3頁/共67頁項(xiàng)目分析：

網(wǎng)站是一個(gè)企業(yè)或機(jī)構(gòu)在互聯(lián)網(wǎng)上建立的站點(diǎn)，其目的是為了宣傳企業(yè)形象、發(fā)布產(chǎn)品信息、提供商業(yè)服務(wù)等。電子商務(wù)網(wǎng)站是企業(yè)從事電子商務(wù)活動(dòng)的基本平臺(tái)，通過Internet瀏覽器訪問有關(guān)的電子商務(wù)網(wǎng)站，進(jìn)行信息交互，進(jìn)而完成商務(wù)活動(dòng)過程。第4頁/共67頁任務(wù)分解：

為完成以上工作，可以把本項(xiàng)工作分解成以下六個(gè)工作任務(wù)。任務(wù)一：網(wǎng)站需求與策劃任務(wù)二：網(wǎng)站的設(shè)計(jì)任務(wù)三：網(wǎng)站的制作任務(wù)四：網(wǎng)站的測(cè)試任務(wù)五：網(wǎng)站宣傳推廣任務(wù)六：網(wǎng)站的管理與維護(hù)

第5頁/共67頁任務(wù)一：網(wǎng)站需求與策劃

相關(guān)知識(shí)：網(wǎng)站作為網(wǎng)絡(luò)世界的支撐點(diǎn)，已成為人們關(guān)注的熱點(diǎn)。政府利用網(wǎng)站宣傳自己的施政綱領(lǐng)，日益成為與百姓交流的直通車；企業(yè)利用網(wǎng)站宣傳自己的形象，挖掘無限商機(jī)；個(gè)人利用網(wǎng)站展示個(gè)性風(fēng)采，創(chuàng)建彼此溝通的橋梁。越來越多的人希望擁有網(wǎng)站，開辟網(wǎng)絡(luò)世界里的一片天地。為使網(wǎng)站能最大限度地達(dá)到建站的目的，滿足要求，在網(wǎng)站的建設(shè)過程中，需要與客戶方進(jìn)行很好的溝通，遵循建站流程，這樣才能既節(jié)省時(shí)間又保證網(wǎng)站的嚴(yán)謹(jǐn)性、科學(xué)性。第6頁/共67頁任務(wù)實(shí)施：1．了解對(duì)客戶需求調(diào)查的知識(shí)2．掌握網(wǎng)站策劃的方法3．培養(yǎng)網(wǎng)站需求與策劃的能力///

第7頁/共67頁一、客戶需求調(diào)查及資料整理有經(jīng)驗(yàn)的設(shè)計(jì)人員都會(huì)適當(dāng)做些行業(yè)調(diào)查及客戶方競(jìng)爭(zhēng)對(duì)手的了解。文字資料最好找客戶方的專業(yè)負(fù)責(zé)人整理，最好是熟悉市場(chǎng)營(yíng)銷并有一定文字組織能力的人，他們能夠站在企業(yè)、市場(chǎng)和消費(fèi)者的多角度考慮文字的組織方式。第8頁/共67頁1．掌握谷歌搜索引擎的使用谷歌搜索引擎操作簡(jiǎn)單，在搜索框內(nèi)輸入需要查詢的內(nèi)容，敲回車鍵，或者鼠標(biāo)點(diǎn)擊谷歌搜索按鈕，就可以得到最符合查詢需求的網(wǎng)頁內(nèi)容。例如：查找家電行業(yè)網(wǎng)站，先在IE瀏覽器中輸入：，如圖3-1所示圖3-1谷歌搜索首頁第9頁/共67頁在搜索框中填入：家電行業(yè)網(wǎng)站，如圖3-2所示。圖3-2輸入家電行業(yè)網(wǎng)站第10頁/共67頁如圖3-3所示，出現(xiàn)符合條件的網(wǎng)站。圖3-3出現(xiàn)符合條件的網(wǎng)站第11頁/共67頁2．搜索行業(yè)綜合網(wǎng)站首先在網(wǎng)頁中找到“中國(guó)家電網(wǎng)（http:///）”，打開瀏覽，如圖3-4所示。圖3-4家電行業(yè)綜合門戶第12頁/共67頁再通過頁面中的知名品牌專區(qū)、家電黃頁或合作伙伴，如圖3-5所示，找到行業(yè)龍頭企業(yè)網(wǎng)站http://，如圖3-6所示。圖3-5相關(guān)頁面展示第13頁/共67頁圖3-6找到行業(yè)龍頭企業(yè)第14頁/共67頁3．了解行業(yè)龍頭企業(yè)網(wǎng)站點(diǎn)擊鏈接http://網(wǎng)站地圖，如圖3-7所示。通過網(wǎng)站地圖學(xué)習(xí)優(yōu)秀網(wǎng)站的建站規(guī)劃，如內(nèi)容規(guī)劃、藝術(shù)表現(xiàn)規(guī)劃及網(wǎng)站功能規(guī)劃。海爾是家電行業(yè)龍頭企業(yè)，它的網(wǎng)站制作水平具有標(biāo)志作用。圖3-7網(wǎng)站地圖第15頁/共67頁二、網(wǎng)站策劃對(duì)建立一個(gè)成功的網(wǎng)站而言，最重要的是策劃，而不是技術(shù)。一個(gè)成功的企業(yè)網(wǎng)站應(yīng)該是營(yíng)銷導(dǎo)向的，策劃者應(yīng)該考慮多方面的因素。1．建站企業(yè)商業(yè)模式及業(yè)務(wù)流程調(diào)查①企業(yè)的主營(yíng)業(yè)務(wù)是什么？②企業(yè)的顧客是誰？本企業(yè)的市場(chǎng)在哪里？③企業(yè)的贏利模式是什么？④企業(yè)的顧客一般從哪里得到企業(yè)的產(chǎn)品信息？本企業(yè)顧客的上網(wǎng)條件與上網(wǎng)技能如何？⑤企業(yè)業(yè)務(wù)流程是什么樣的？如何與顧客交易？⑥企業(yè)產(chǎn)品是否適合網(wǎng)上銷售？⑦企業(yè)建站愿意支付的費(fèi)用與成本是多少？⑧企業(yè)建站后的管理模式與推廣方式是怎樣的？第16頁/共67頁3．建站目標(biāo)、定位及要求功能調(diào)查（1）企業(yè)建站目標(biāo)是什么？如何對(duì)網(wǎng)站進(jìn)行定位？①在線服務(wù)型網(wǎng)站。②網(wǎng)上交易型網(wǎng)站。③宣傳推廣型網(wǎng)站。④內(nèi)部信息化水平型網(wǎng)站。⑤綜合型網(wǎng)站。（2）企業(yè)建站要求的功能有哪些？①B2C零售系統(tǒng)的基本功能（如注冊(cè)、購(gòu)物、后臺(tái)管理等）②B2B交易平臺(tái)系統(tǒng)基本功能（如會(huì)員注冊(cè)與管理、產(chǎn)品目錄與產(chǎn)品管理、交易功能、交易統(tǒng)計(jì)功能、結(jié)算功能等）。第17頁/共67頁任務(wù)二網(wǎng)站的設(shè)計(jì)相關(guān)知識(shí)：網(wǎng)站“設(shè)計(jì)”不同于“制作”，設(shè)計(jì)是一個(gè)思考的過程，而制作只是將思考的結(jié)果表現(xiàn)出來。一個(gè)成功的網(wǎng)站首先需要一個(gè)優(yōu)秀的設(shè)計(jì)，然后輔之優(yōu)秀的制作。設(shè)計(jì)是網(wǎng)站的核心和靈魂。網(wǎng)站設(shè)計(jì)包含的內(nèi)容很多，大體分兩個(gè)方面：一方面是純網(wǎng)站本身的設(shè)計(jì)，比如文字排版、圖片制作、平面設(shè)計(jì)、三維立體設(shè)計(jì)、靜態(tài)無聲圖文、動(dòng)態(tài)有聲影像等；另一方面是網(wǎng)站的延伸設(shè)計(jì)，包括網(wǎng)站的主題定位和瀏覽群的定位，智能交互、制作策劃、形象包裝、宣傳營(yíng)銷等。第18頁/共67頁任務(wù)實(shí)施1．了解網(wǎng)站設(shè)計(jì)步驟2．掌握網(wǎng)站設(shè)計(jì)方法3．培養(yǎng)學(xué)生網(wǎng)站設(shè)計(jì)能力

網(wǎng)頁給瀏覽者帶來視覺感受，是能否吸引瀏覽者繼續(xù)深入瀏覽網(wǎng)站的關(guān)鍵。網(wǎng)頁設(shè)計(jì)必須考慮到目前Internet的制約因素，如網(wǎng)絡(luò)傳輸速率、服務(wù)器性能指標(biāo)以及客戶端瀏覽模式等，切不可為了單純追求頁面的奢華而加大網(wǎng)絡(luò)傳輸圖片的負(fù)荷。圖片雖然能使整個(gè)頁面生動(dòng)，但不能過多，而且圖片只是起畫龍點(diǎn)睛作用。第19頁/共67頁一、首頁設(shè)計(jì)“良好的開端是成功的一半”。首頁的設(shè)計(jì)是一個(gè)網(wǎng)站成功與否的關(guān)鍵。一般來說，對(duì)中小型網(wǎng)站的設(shè)計(jì)來說，首頁設(shè)計(jì)和制作占整個(gè)制作時(shí)間的40%～50%。首頁的設(shè)計(jì)大致要注重以下這幾方面：①版面布局；②色彩搭配；③字體的設(shè)置；④考慮不同的瀏覽器和分辨率；⑤logo和banner設(shè)計(jì)；⑥meta標(biāo)簽的重要性；第20頁/共67頁二、版面布局設(shè)計(jì)首頁的第一步是設(shè)計(jì)版面布局。靜態(tài)網(wǎng)頁的版面布局設(shè)計(jì)，就像傳統(tǒng)的報(bào)刊雜志編輯一樣，可以將網(wǎng)頁看作一張報(bào)紙，一本雜志來進(jìn)行排版布局。下面分析常見的版面布局形式。1．“T”型布局如圖3-8所示，這是網(wǎng)頁設(shè)計(jì)中用得最廣泛的一種布局方式。這種布局的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰，主次分明。是初學(xué)者最容易上手的布局方法。

圖3-8“T”型布局第21頁/共67頁2．“口”型布局如圖3-9所示。在這種布局的頁面中，一般上下各有一個(gè)廣告條，左側(cè)是主菜單，右側(cè)是相關(guān)鏈接，中間是主體內(nèi)容，這種布局的優(yōu)點(diǎn)是充分利用版面，信息量大圖3-9“口”型布局第22頁/共67頁3．“三”型布局如圖3-10所示，這種布局特點(diǎn)是將頁面橫向分割成多個(gè)橫條的色塊，用來存放菜單、廣告條，奪目耀眼，廣告效果很好。圖3-10“三”型布局第23頁/共67頁4．對(duì)比或?qū)ΨQ布局采用左右強(qiáng)色彩對(duì)比，或采取左右對(duì)稱的布局。對(duì)比是增強(qiáng)視覺沖擊力的一種手法，對(duì)稱有一種很自然和諧的美感，缺點(diǎn)是將兩部分有機(jī)的結(jié)合比較困難，要在兩部分的結(jié)合方面下工夫。如圖3-11所示。。

圖3-11對(duì)稱布局第24頁/共67頁5．POP布局POP引自廣告術(shù)語，就是指頁面布局像一張宣傳海報(bào)，以一張精美圖片作為頁面的設(shè)計(jì)中心。常用于時(shí)尚類站點(diǎn)，優(yōu)點(diǎn)是漂亮吸引人，缺點(diǎn)是圖像較大時(shí)造成網(wǎng)頁打開速度較慢。如圖3-12所示。圖3-12POP布局第25頁/共67頁三、網(wǎng)站風(fēng)格設(shè)計(jì)網(wǎng)站風(fēng)格指的是站點(diǎn)的整體形象給瀏覽者的綜合感受。風(fēng)格體現(xiàn)在作品內(nèi)容和形式的各種要素中。例如，對(duì)處理題材、描繪形象、表現(xiàn)手法、運(yùn)用語言等方面所形成的特色，就是作品的風(fēng)格。網(wǎng)站風(fēng)格是抽象的、獨(dú)特的，能讓瀏覽者明確分辨出這是你的企業(yè)網(wǎng)站獨(dú)有的。網(wǎng)站風(fēng)格是有人性的，能通過網(wǎng)站的外表、內(nèi)容、文字、交流等概括出一個(gè)站點(diǎn)的個(gè)性和情緒。那么，如何樹立網(wǎng)站的風(fēng)格呢？第26頁/共67頁知識(shí)回顧：（1）香港迪斯尼網(wǎng)站該網(wǎng)站的地址為：http://，進(jìn)入該網(wǎng)站后使人感到這是一個(gè)很明顯的游樂園，生動(dòng)活潑，有趣可愛，還有冒險(xiǎn)刺激。所謂主題公園，就是園中的一切，從環(huán)境布置到娛樂設(shè)施都集中表現(xiàn)一個(gè)或幾個(gè)特定的主題。

圖3-13香港迪斯尼網(wǎng)站主頁第27頁/共67頁（2）網(wǎng)易網(wǎng)站該網(wǎng)站的地址為：/，該網(wǎng)站是唯一定位于個(gè)人互聯(lián)網(wǎng)應(yīng)用的門戶網(wǎng)站。這一特點(diǎn)使得B2C企業(yè)、消費(fèi)品生產(chǎn)商、生活資料供應(yīng)商用網(wǎng)易搜索引擎向最終消費(fèi)者推廣成為首選。

圖3-14網(wǎng)易網(wǎng)站主頁第28頁/共67頁（3）IBM網(wǎng)站該網(wǎng)站的地址為：/us/，該網(wǎng)站傳遞了專業(yè)和行業(yè)權(quán)威的信息。IBM即國(guó)際商業(yè)機(jī)器公司，是世界上最大的信息工業(yè)跨國(guó)公司。以世界一流的最新技術(shù)開發(fā)新產(chǎn)品，并以最快的生產(chǎn)速度進(jìn)入市場(chǎng)，是IBM的產(chǎn)品發(fā)展戰(zhàn)略。圖3-15IBM網(wǎng)站主頁第29頁/共67頁四、網(wǎng)站程序設(shè)計(jì)在頁面中加入小程序段，可使頁面中包含動(dòng)態(tài)元素，如站點(diǎn)計(jì)數(shù)器，當(dāng)前日期和時(shí)間顯示，標(biāo)題欄、狀態(tài)欄特效等。News.ldz.cc

在動(dòng)態(tài)網(wǎng)站中應(yīng)該有運(yùn)行在服務(wù)器端的腳本，有后臺(tái)數(shù)庫的支持，可與用戶交互，可根據(jù)用戶需要提供瀏覽內(nèi)容等。簡(jiǎn)單地說，如果網(wǎng)站中含有諸如BBS論壇、新聞動(dòng)態(tài)、會(huì)員管理、聊天室等功能模塊，則可稱為動(dòng)態(tài)網(wǎng)站。在靜態(tài)網(wǎng)站中，一個(gè)HTML文檔定義一個(gè)頁面，而動(dòng)態(tài)網(wǎng)站的頁面內(nèi)容可根據(jù)用戶的瀏覽要求生成，并且網(wǎng)站維護(hù)人員也可非常方便地對(duì)網(wǎng)站內(nèi)容進(jìn)行增、刪、改。第30頁/共67頁什么是動(dòng)態(tài)網(wǎng)站？動(dòng)態(tài)網(wǎng)站是指網(wǎng)站內(nèi)容的更新和維護(hù)是通過基于數(shù)據(jù)庫技術(shù)的內(nèi)容管理系統(tǒng)來完成的，它將企業(yè)網(wǎng)站建設(shè)從單純的靜態(tài)頁面制作延伸為企業(yè)對(duì)信息資源的組織和管理。動(dòng)態(tài)網(wǎng)站具有以下顯著優(yōu)點(diǎn)。①網(wǎng)站內(nèi)容[企業(yè)新聞動(dòng)態(tài)/產(chǎn)品信息/常見問題解答（FAQ）等]的維護(hù)（增加/刪除/修改）通過編輯器完成，輕松快捷、方便易用，一般業(yè)務(wù)人員經(jīng)過簡(jiǎn)單培訓(xùn)即可勝任網(wǎng)站內(nèi)容的維護(hù)，從而顯著提高網(wǎng)站維護(hù)的效率，降低維護(hù)的技術(shù)門檻。②網(wǎng)站的維護(hù)可通過遠(yuǎn)程工作站進(jìn)行，滿足企業(yè)隨時(shí)隨地更新網(wǎng)站內(nèi)容、發(fā)布企業(yè)新聞的要求，提升企業(yè)形象。③網(wǎng)站內(nèi)容（新聞/產(chǎn)品數(shù)據(jù)）保存在數(shù)據(jù)庫中，成為企業(yè)永久信息資源，便于企業(yè)搜索、查詢、分類、統(tǒng)計(jì)。④網(wǎng)站開發(fā)中要用到動(dòng)態(tài)語言，如ASP、PHP、CGI、JSP、ASP.NET等。第31頁/共67頁任務(wù)三網(wǎng)站的制作相關(guān)知識(shí)：網(wǎng)站建設(shè)是電子商務(wù)的基礎(chǔ)，而網(wǎng)頁制作是網(wǎng)站建設(shè)的第一步。WWW服務(wù)器提供給用戶許多信息資源，如網(wǎng)頁、外部應(yīng)用程序、數(shù)據(jù)庫、圖片、動(dòng)畫、視頻、音頻文件等，其中網(wǎng)頁是保存在WWW服務(wù)器中供用戶訪問的主要的WWW資源，是一種可以在Internet上傳輸并被瀏覽器認(rèn)識(shí)和翻譯成頁面顯示出來的文件。網(wǎng)頁不但包含多種字體和樣式的文本、圖片、圖形、電影片斷、聲音，還包含一些高級(jí)語言所編寫的應(yīng)用程序，由此可以分為兩種類型的網(wǎng)頁——靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁。第32頁/共67頁任務(wù)實(shí)施：1．了解Dreamweaver工具的使用2．掌握網(wǎng)頁建立的基本方法

///第33頁/共67頁我們以一個(gè)簡(jiǎn)單網(wǎng)頁為主，力圖以簡(jiǎn)捷的方式講清楚網(wǎng)頁制作的過程，使讀者在看完本節(jié)內(nèi)容以后能夠制作簡(jiǎn)單的靜態(tài)網(wǎng)頁1．準(zhǔn)備好DreamweaverMX工作環(huán)境首先要安裝DreamweaverMX軟件，安裝時(shí)需要輸入序列號(hào)、個(gè)人及公司信息等內(nèi)容，安裝完畢后，運(yùn)行DreamweaverMX

圖3-16DreamweaverMX的主窗口第34頁/共67頁2．網(wǎng)頁制作過程（1）站點(diǎn)建立打開DreamweaverMX，首先是建立一個(gè)站點(diǎn)，所謂站點(diǎn)就是要制作的網(wǎng)站的名稱，它里面可以包含很多各種各樣的文件，如網(wǎng)頁文件、圖像文件、聲音文件等。這些文件將全部存放在剛才建立的文件夾“D:\myweb”中。通過點(diǎn)擊站點(diǎn)、新建站點(diǎn)、高級(jí)，在本地信息里面進(jìn)行相應(yīng)設(shè)置，假設(shè)網(wǎng)站的名稱為“中國(guó)文學(xué)”，具體設(shè)置如圖3-17所示。圖3-17新建站點(diǎn)第35頁/共67頁（2）首頁規(guī)劃其次是進(jìn)行網(wǎng)頁的首頁規(guī)劃，假設(shè)將網(wǎng)頁布局分成四個(gè)部分，上部為標(biāo)題區(qū)，左下部為菜單區(qū)，中下部為新聞區(qū)，右下部為鏈接區(qū)，依次將其稱為層1、層2、層3、層4。為了排版方便，可以借助圖層來進(jìn)行網(wǎng)頁的分區(qū)，圖層是一種為網(wǎng)頁元素進(jìn)行定位的工具，通過對(duì)圖層的操作，可以對(duì)圖層及圖層內(nèi)部的網(wǎng)頁、圖像等進(jìn)行任意的排版，甚至可以做出動(dòng)態(tài)效果。插入圖層的方法很簡(jiǎn)單，只要點(diǎn)擊菜單中的插入層即可，一共要插入4個(gè)層，每個(gè)層插入完畢后可以用拖放調(diào)整其大小和位置，為了清晰起見，先將屬性窗口關(guān)閉，調(diào)整結(jié)束后的結(jié)果見圖3-18。

圖3-18網(wǎng)頁首頁的圖層設(shè)置第36頁/共67頁這里面需要強(qiáng)調(diào)的是，屬性窗口非常重要，它可以非常靈活地對(duì)相關(guān)內(nèi)容的屬性進(jìn)行設(shè)置，從而隨心所欲地進(jìn)行網(wǎng)頁的編排。編排結(jié)束后，結(jié)果如圖3-19所示。圖3-19首頁內(nèi)容第37頁/共67頁（3）超級(jí)鏈接現(xiàn)在進(jìn)行網(wǎng)頁設(shè)計(jì)中的關(guān)鍵一環(huán)，建立超級(jí)鏈接。可以將網(wǎng)頁中的圖像、文字等鏈接到網(wǎng)頁文件、郵件、圖像、聲音等文件，如果供軟件下載的話，也可以鏈接到任意文件，為簡(jiǎn)捷起見，做如下鏈接。將層2菜單中的“文學(xué)大師”鏈接到文件“wxds.htm”，該文件還沒有建立，稍后建立這個(gè)文件。方法是用鼠標(biāo)選擇“文學(xué)大師”4個(gè)字，然后在屬性窗口的鏈接中輸入：wxds.htm。具體見圖3-20。圖3-20網(wǎng)頁鏈接（一）第38頁/共67頁將層2中的“聯(lián)系我們”鏈接到一個(gè)Email地址，如zgwx@126.com，方法是用鼠標(biāo)選擇“聯(lián)系我們”4個(gè)字，然后在屬性窗口的鏈接輸入：mailto:zgwx@126.com。具體見圖3-21。圖3-21郵件鏈接第39頁/共67頁將層4中的中國(guó)文學(xué)網(wǎng)鏈接到網(wǎng)站//，方法是用鼠標(biāo)選擇“中國(guó)文學(xué)網(wǎng)”，然后在屬性窗口的鏈接中輸入：。具體見圖3-22。這里需要強(qiáng)調(diào)的是，以上菜單中的所有網(wǎng)頁、新聞中的所有網(wǎng)頁以及友情鏈接中的所有網(wǎng)址都必須一一進(jìn)行鏈接，一個(gè)網(wǎng)站往往由數(shù)十上百個(gè)文件組成，這些文件都要進(jìn)行拷貝或制作，并且都要放在“d:\myweb”文件夾下面。圖3-22網(wǎng)頁鏈接（二）第40頁/共67頁（4）其他相關(guān)網(wǎng)頁制作其他相關(guān)網(wǎng)頁其實(shí)很多，這里僅以文學(xué)大師網(wǎng)頁“wxds.htm”為例做簡(jiǎn)要說明，基本的制作步驟和首頁制作是一樣的，唯一不同的是不需要再建立新站點(diǎn)了，只要打開剛才定義的站點(diǎn)“文學(xué)大師”即可。另外，如果“wxds.htm”瀏覽完成后需要返回首頁，也可以輸入“返回首頁”4個(gè)字，再將其超級(jí)鏈接到“index.html”即可。當(dāng)然，如果有必要，“wxds.htm”中的相關(guān)內(nèi)容可以繼續(xù)鏈接其他網(wǎng)頁、圖片、網(wǎng)址等，對(duì)鏈接內(nèi)容的多少原則上是沒有限制的，這也正是WWW之所以風(fēng)靡的原因。這個(gè)網(wǎng)頁如圖3-23所示。（5）模擬顯示至此，整個(gè)網(wǎng)頁就建立好了，可以用瀏覽器預(yù)覽一下效果，并測(cè)試一下超級(jí)鏈接是否有效，可以在DreamweaverMX中打開首頁文件，然后按F12預(yù)覽，也可以關(guān)閉Dreamweaver，然后雙擊“d:\myweb\index.html”。當(dāng)然也可以用同樣的方法預(yù)覽其他頁面。圖3-23子頁面的建立第41頁/共67頁任務(wù)四網(wǎng)站的測(cè)試相關(guān)知識(shí)：網(wǎng)站發(fā)布前要進(jìn)行細(xì)致周密的測(cè)試，以保證正常瀏覽和使用。主要測(cè)試內(nèi)容如下。①服務(wù)器的穩(wěn)定性和安全性。②程序及數(shù)據(jù)庫測(cè)試。③網(wǎng)頁兼容性測(cè)試，如瀏覽器、顯示器。④根據(jù)需要的其他測(cè)試。第42頁/共67頁任務(wù)實(shí)施1．了解網(wǎng)站測(cè)試注意問題2．掌握網(wǎng)站測(cè)試的方法3．培養(yǎng)學(xué)生理論聯(lián)系實(shí)際的能力第43頁/共67頁網(wǎng)站發(fā)布之后就可以立即上網(wǎng)瀏覽自己的網(wǎng)站了，這就處在完全真實(shí)的Internet環(huán)境中了，下面就要在完全真實(shí)的Internet環(huán)境中對(duì)網(wǎng)站進(jìn)行測(cè)試了。盡管在站點(diǎn)開發(fā)的每個(gè)步驟中都要進(jìn)行測(cè)試，但在把站點(diǎn)發(fā)布到Web之后仍需繼續(xù)測(cè)試。測(cè)試分兩個(gè)階段：①把文件上傳到Web服務(wù)器上，先由開發(fā)方自己對(duì)站點(diǎn)進(jìn)行嚴(yán)格測(cè)試；②提供給客戶（委托方）URL地址，讓客戶測(cè)試驗(yàn)收。第44頁/共67頁一、測(cè)試要考慮的問題如果仍使用站點(diǎn)開發(fā)時(shí)使用的計(jì)算機(jī)對(duì)站點(diǎn)進(jìn)行測(cè)試，一定要清除瀏覽器緩存。緩存清除后，瀏覽器將從服務(wù)器上重新下載所有文件來瀏覽，這樣就可以顯現(xiàn)用戶第一次訪問站點(diǎn)時(shí)的真實(shí)場(chǎng)面。在盡可能多的環(huán)境中進(jìn)行測(cè)試，尤其要針對(duì)以下問題進(jìn)行測(cè)試。1．多種瀏覽器用盡可能多的瀏覽器進(jìn)行測(cè)試，以保證頁面的兼容及顯示的一致性，如：InternetExplorer(IE)、Netscape(NC)。2．多種操作系統(tǒng)在不同的操作系統(tǒng)、不同的版本下進(jìn)行測(cè)試。例如：在Windows環(huán)境下開發(fā)的，可在Macintosh、UNIX環(huán)境下測(cè)試。因?yàn)橛?jì)算機(jī)軟件及硬件都在飛速發(fā)展，現(xiàn)實(shí)中各種硬件配置和各種軟件環(huán)境的計(jì)算機(jī)用戶都有可能去拜訪你的網(wǎng)站。3．連接速度測(cè)試時(shí)不要依賴于一種連接速度，尤其是當(dāng)你工作于比用戶的平均連接速度高得多的環(huán)境時(shí)?？梢缘脚笥鸭摇D書館或網(wǎng)吧去上網(wǎng)，在不同的連接速度下測(cè)試下載時(shí)間。4．顯示類型在不同的屏幕分辨率下進(jìn)行測(cè)試，以保證在各種分辨率下版面布局不亂，還要在不同的色彩模式設(shè)置下測(cè)試（8位256色，增強(qiáng)色16位，真彩色32位等）。5．繼續(xù)測(cè)試鏈接點(diǎn)擊站點(diǎn)上的所有鏈接，確保每個(gè)都能到達(dá)預(yù)定的目標(biāo)。每個(gè)鏈接到外部站點(diǎn)的鏈接也應(yīng)該進(jìn)行測(cè)試，以確保目標(biāo)站點(diǎn)沒有更換地址、關(guān)閉或張貼了不想要的內(nèi)容。第45頁/共67頁二、用戶測(cè)試在瀏覽者對(duì)網(wǎng)站的測(cè)試過程中，他們可能提出有關(guān)網(wǎng)站建設(shè)技術(shù)方面的問題，也可能提出有關(guān)內(nèi)容提供方面的問題，這時(shí)建站雙方要協(xié)作來解決這些問題。向?yàn)g覽者提供最滿意的服務(wù)，是建站雙方共同的目標(biāo)。1．選擇不同的測(cè)試對(duì)象2．建立一個(gè)反饋表第46頁/共67頁任務(wù)五網(wǎng)站的宣傳推廣相關(guān)知識(shí)：網(wǎng)站已精心地設(shè)計(jì)制作完成，且已經(jīng)上傳，網(wǎng)站投入了運(yùn)營(yíng)。一段時(shí)間后，會(huì)發(fā)現(xiàn)訪問站點(diǎn)的人數(shù)寥寥無幾。在浩瀚的互聯(lián)網(wǎng)海洋中，客戶很難找到該網(wǎng)站。即使已登錄了搜索引擎，網(wǎng)站卻被排在了不引人注目的位置。為了真正發(fā)揮一個(gè)站點(diǎn)的作用，則需要以該站點(diǎn)為基礎(chǔ)，在網(wǎng)上網(wǎng)下開展長(zhǎng)期而有效的推廣工作。第47頁/共67頁任務(wù)實(shí)施1．了解網(wǎng)站推廣的方法2．掌握網(wǎng)站營(yíng)銷策略3．培養(yǎng)學(xué)生實(shí)踐動(dòng)手能力

///第48頁/共67頁推廣網(wǎng)站的目的是提高網(wǎng)站訪問量并達(dá)到網(wǎng)絡(luò)營(yíng)銷的目的?；谶@種前提，網(wǎng)站的經(jīng)營(yíng)者應(yīng)該利用互聯(lián)網(wǎng)的特性和自己對(duì)目標(biāo)市場(chǎng)的準(zhǔn)確定位，讓更多的潛在客戶知道網(wǎng)站的存在并成為回頭客。下面介紹幾種網(wǎng)站的推廣。一、利用搜索引擎1．最常用的中文搜索引擎（1）Google搜索引擎（2）雅虎中國(guó)搜索引擎（3）百度（baidu）中文搜索引擎（4）Lycos中國(guó)搜索引擎（5）新浪搜索引擎（6）搜狐搜索引擎（7）網(wǎng)易搜索引擎（8）3721網(wǎng)絡(luò)實(shí)名/智能搜索第49頁/共67頁2．關(guān)鍵字的選擇策略目前，絕大多數(shù)搜索引擎都支持關(guān)鍵字索引，即按照登錄網(wǎng)站提供的關(guān)鍵字記錄網(wǎng)站并按照查詢者輸入的關(guān)鍵字索引網(wǎng)站。（1）不斷地尋找關(guān)鍵字并增加關(guān)鍵字（2）關(guān)鍵字的地區(qū)性（3）使用更長(zhǎng)的關(guān)鍵字（4）關(guān)鍵字應(yīng)該避免無重要意義的詞（5）了解人們使用關(guān)鍵字及關(guān)鍵字組合的習(xí)慣第50頁/共67頁3．向搜索引擎提交網(wǎng)站在搜索引擎上找到網(wǎng)站登錄的鏈接，向搜索引擎提交網(wǎng)站。這是搜索引擎提供的一項(xiàng)免費(fèi)服務(wù)。選擇最著名的搜索引擎，如Google、雅虎、百度（baidu）、Lycos、sina等。這些搜索引擎向別的主要搜索引擎和門戶網(wǎng)站提供搜索內(nèi)容。

圖3-24登錄到Google的界面第51頁/共67頁4．搜索引擎競(jìng)價(jià)排名在很多搜索引擎（如Google、百度、3721、搜狐、新浪、網(wǎng)易）上，提供有競(jìng)價(jià)排名服務(wù)。如Google的關(guān)鍵字廣告（AdWords）（/select/）。圖3-25Google的AdWords付費(fèi)廣告效果第52頁/共67頁二、傳統(tǒng)營(yíng)銷策略利用各種宣傳手段，在設(shè)計(jì)公司的CI（企業(yè)識(shí)別系統(tǒng)）時(shí)應(yīng)該將網(wǎng)站這個(gè)因素考慮進(jìn)去，使網(wǎng)站成為CI設(shè)計(jì)中的一個(gè)要素。網(wǎng)下的傳統(tǒng)推廣方法依然奏效，多種手段并用的方式尤其有效。在現(xiàn)階段的中國(guó)，傳統(tǒng)媒體宣傳的影響力仍然很大，電視、報(bào)紙、雜志等這些媒體的效應(yīng)是立竿見影。1．注重日常宣傳2．使用傳統(tǒng)媒體廣告3．提供免費(fèi)服務(wù)4．發(fā)布新聞第53頁/共67頁三、E-mail策略大量發(fā)送E-mail是增加訪問量的重要方法，但前提是不能發(fā)送未經(jīng)許可的垃圾郵件。1．在發(fā)出的郵件中創(chuàng)建一個(gè)“簽名”2．建立郵件列表，可定期向用戶發(fā)送新聞郵件3．向郵件列表用戶發(fā)布產(chǎn)品信息，如優(yōu)惠券、新產(chǎn)品及促銷信息，要選擇一個(gè)有吸引力的郵件主題，以提高開信率。第54頁/共67頁四、Web分類廣告服務(wù)Internet擁有巨大的信息資源和用戶資源，其商業(yè)價(jià)值備受關(guān)注。目前網(wǎng)上有大量的專業(yè)Web站點(diǎn)提供了信息發(fā)布手段，為各種商業(yè)合作與開發(fā)提供了場(chǎng)所。發(fā)布應(yīng)考慮以下方面：①網(wǎng)頁上方比下方效果好，但通常收費(fèi)與位置有關(guān)；②廣告面積越大越好，但收費(fèi)也越高；③經(jīng)常更換圖片可以提高點(diǎn)擊率；④采用合適的語句能引起訪客的好奇和興趣，如“最后機(jī)會(huì)”、“免費(fèi)”等；⑤使廣告靠近網(wǎng)站最主要、最吸引人的部分；⑥將廣告鏈接到網(wǎng)站特定的頁面，而不是網(wǎng)站的首頁；⑦適當(dāng)運(yùn)用動(dòng)畫圖片，但要注意不能因文件太大而影響下載速度；⑧簡(jiǎn)短標(biāo)語、口號(hào)性文字的效果也是很好的；⑨選擇合適的廣告網(wǎng)站。第55頁/共67頁五、其他策略①利用論壇和聊天室作為宣傳陣地；②構(gòu)造競(jìng)賽環(huán)境，發(fā)送獎(jiǎng)品。但競(jìng)賽的開展需要在網(wǎng)站有一定訪問量的基礎(chǔ)上；③將網(wǎng)站上所宣傳的商品提交到比較購(gòu)物網(wǎng)站和拍賣網(wǎng)站；④讓用戶將網(wǎng)頁加入收藏、設(shè)為主頁。第56頁/共67頁任務(wù)六網(wǎng)站的管理與維護(hù)相關(guān)知識(shí)：網(wǎng)站的管理與維護(hù)，是指在不改動(dòng)網(wǎng)站功能、頁面結(jié)構(gòu)的前提下進(jìn)行的文字更換、圖片修改。為了保持網(wǎng)站的時(shí)效性，一個(gè)網(wǎng)站不可能在建成之后就永遠(yuǎn)不再有任何變化。網(wǎng)站相當(dāng)于企業(yè)的出版物，其后期維護(hù)是一種日常性事務(wù)，但由于不同企業(yè)經(jīng)營(yíng)性質(zhì)等因素上的差異，其在一定時(shí)間內(nèi)更新的次數(shù)也有多有少。第57頁/共67頁任務(wù)實(shí)施1．了解網(wǎng)站維護(hù)形式2．掌握網(wǎng)站管理技巧3．培養(yǎng)學(xué)生管理與維護(hù)的能力

第58頁/共67頁當(dāng)一個(gè)電子商務(wù)網(wǎng)站創(chuàng)建后，意味著網(wǎng)站工作的開始，一方面要對(duì)網(wǎng)站進(jìn)行日常管理，另一方面要對(duì)網(wǎng)站進(jìn)行日常維護(hù)。由于企業(yè)的情況在不斷地變化，網(wǎng)站的內(nèi)容也需要隨之調(diào)整，給人常新的感覺，公司的網(wǎng)站才會(huì)更加吸引訪問者，而且給訪問者留下很好的印象。第59頁/共67頁一、網(wǎng)站硬件系統(tǒng)維護(hù)1．服務(wù)器維護(hù)服務(wù)器維護(hù)包括系統(tǒng)安裝、升級(jí)；致命故障；故障判斷；故障處理；系統(tǒng)優(yōu)化；系統(tǒng)配置；系統(tǒng)檢查；清潔、保養(yǎng)；裸機(jī)系統(tǒng)安裝；覆蓋或升級(jí)安裝；迅速準(zhǔn)確判斷系統(tǒng)故障；區(qū)分故障類型；操作系統(tǒng)故障解決；硬件維修或更換；內(nèi)部郵件服務(wù)器故障解決；其他故障解決；安裝補(bǔ)??；系統(tǒng)參數(shù)調(diào)整；垃圾文件及注冊(cè)表清理；內(nèi)存管理優(yōu)化；磁盤管理優(yōu)化；啟動(dòng)選項(xiàng)優(yōu)化；操作系統(tǒng)配置；網(wǎng)絡(luò)配置。2．設(shè)備維護(hù)設(shè)備維護(hù)包括設(shè)備增加、設(shè)備的卸載和更換、除塵等。（1）設(shè)備