電子商務(wù)網(wǎng)頁設(shè)計(jì)（第三版）第 1 章 電子商務(wù)網(wǎng)站概述

第1章電子商務(wù)網(wǎng)站概述

第1節(jié)電子商務(wù)網(wǎng)站需求分析

第2節(jié)電子商務(wù)網(wǎng)站結(jié)構(gòu)設(shè)計(jì)

第3節(jié)利用DreamweaverCS5創(chuàng)建站點(diǎn)第1節(jié)電子商務(wù)網(wǎng)站需求分析第一章電子商務(wù)發(fā)展迅猛，消費(fèi)者通過網(wǎng)絡(luò)進(jìn)行購物已經(jīng)成為習(xí)慣，使用電子商務(wù)網(wǎng)站進(jìn)行營(yíng)銷也已經(jīng)是企業(yè)經(jīng)營(yíng)的主要渠道。要建設(shè)好電子商務(wù)網(wǎng)站，就要掌握網(wǎng)站建設(shè)的基本知識(shí)和流程，做好網(wǎng)站建設(shè)的前期準(zhǔn)備工作。第一章1.網(wǎng)頁和網(wǎng)站（1）網(wǎng)頁網(wǎng)頁通常是使用網(wǎng)頁制作工具制作或者使用HTML語言進(jìn)行編寫，通過網(wǎng)絡(luò)傳播，并被瀏覽器翻譯成為可以顯示出來的集文本、超鏈接、圖像、聲音、動(dòng)畫、視頻等信息元素為一體的頁面文件。一、電子商務(wù)網(wǎng)站建設(shè)概述

（2）網(wǎng)站

網(wǎng)站是指根據(jù)一定的規(guī)則，使用各種網(wǎng)頁制作工具制作的用于展示特定信息內(nèi)容的相關(guān)網(wǎng)頁的集合。瀏覽者可以通過網(wǎng)頁瀏覽器來訪問網(wǎng)站，獲取自己需要的資訊或者享受網(wǎng)絡(luò)服務(wù)。對(duì)于電子商務(wù)網(wǎng)站，客戶通過瀏覽器訪問相關(guān)電商網(wǎng)站，瀏覽具體商品網(wǎng)頁了解商品詳細(xì)信息來實(shí)現(xiàn)交易。2.電子商務(wù)網(wǎng)站建設(shè)工具（1）Frontpage和ExpressionWeb（2）Dreamweaver3.商務(wù)網(wǎng)站建設(shè)流程改版測(cè)試通過前期調(diào)研，分析需求確定站點(diǎn)整體規(guī)劃硬件軟件搭建調(diào)試網(wǎng)頁制作網(wǎng)站測(cè)試與排錯(cuò)網(wǎng)站維護(hù)與推廣素材收集、整理素材數(shù)字化處理站點(diǎn)新建及設(shè)置網(wǎng)站發(fā)布發(fā)現(xiàn)問題二、客戶信息收集

1．收集的信息內(nèi)容

（1）企業(yè)自身信息

（2）市場(chǎng)信息

（3）目標(biāo)客戶信息2．搜集信息的方法

（1）資料統(tǒng)計(jì)法

（2）現(xiàn)場(chǎng)觀察法

（3）會(huì)議收集法

（4）網(wǎng)絡(luò)收集法三、客戶需求分析

1．需求分析的內(nèi)容需求分析業(yè)務(wù)需求功能需求用戶需要的功能商家需要的功能非功能需求可用性可靠性性能接口需求2.網(wǎng)站功能整合描述包攬?zhí)煜戮W(wǎng)店前臺(tái)商品展示購物車訂單結(jié)算用戶訂單查詢后臺(tái)商品類別管理品牌管理商品管理訂單管理物流管理人員管理四、搜集易買網(wǎng)商城的客戶信息信息的采集需要通過現(xiàn)場(chǎng)觀察、召開會(huì)議、資料統(tǒng)計(jì)、問卷調(diào)查等方式進(jìn)行，以全面掌握其公司基本信息、客戶群體資料以及建設(shè)網(wǎng)站的目的和網(wǎng)站功能定位。主要工作是填寫網(wǎng)站建設(shè)調(diào)查表。

五、對(duì)易買網(wǎng)商城進(jìn)行需求分析

1.業(yè)務(wù)需求2.功能需求3.非功能需求4.接口需求六、易買網(wǎng)商城的功能第2節(jié)電子商務(wù)網(wǎng)站結(jié)構(gòu)設(shè)計(jì)一、網(wǎng)站物理結(jié)構(gòu)第一章1.網(wǎng)站物理結(jié)構(gòu)的概念

網(wǎng)站物理結(jié)構(gòu)指的是網(wǎng)站真實(shí)的目錄及所包含文件所存儲(chǔ)的真實(shí)位置所表現(xiàn)出來的結(jié)構(gòu)，也就是網(wǎng)站的實(shí)際目錄，或者說是文件實(shí)際的物理地址。一般來說靜態(tài)網(wǎng)站才有物理結(jié)構(gòu)，動(dòng)態(tài)網(wǎng)站或偽靜態(tài)網(wǎng)站是不存在物理結(jié)構(gòu)的。2.網(wǎng)站物理結(jié)構(gòu)的類型

網(wǎng)站物理結(jié)構(gòu)有兩種不同的表現(xiàn)形式，一種是扁平式物理結(jié)構(gòu)，另一種是樹形物理結(jié)構(gòu)。1．網(wǎng)站目錄結(jié)構(gòu)的概念網(wǎng)站目錄結(jié)構(gòu)是指建立網(wǎng)站時(shí)所創(chuàng)建的文件目錄。

二、網(wǎng)站目錄結(jié)構(gòu)2.網(wǎng)站目錄的建立原則

（1）不要將所有文件都存放在根目錄下。

（2）按主菜單欄目?jī)?nèi)容建立子目錄。

（3）根據(jù)更新要求建立和管理次要欄目。

（4）在每個(gè)目錄下都建立獨(dú)立的image目錄。

（5）目錄的層次不要太深。

（6）不要使用中文目錄。一般建議使用英文意思的名稱。如images目錄中存放圖像，css目錄存放css樣式表等。三、網(wǎng)站邏輯鏈接結(jié)構(gòu)1.網(wǎng)站邏輯鏈接結(jié)構(gòu)的概念網(wǎng)站邏輯鏈接結(jié)構(gòu)也叫作鏈接結(jié)構(gòu)，主要是指網(wǎng)頁頁面之間相互鏈接的關(guān)系。邏輯鏈接結(jié)構(gòu)和物理結(jié)構(gòu)的區(qū)別在于，邏輯鏈接結(jié)構(gòu)由網(wǎng)站頁面的相互鏈接關(guān)系決定，而物理結(jié)構(gòu)則由網(wǎng)站頁面的物理存放位置決定。在網(wǎng)站的邏輯鏈接結(jié)構(gòu)中，通常采用“鏈接深度”來描述頁面之間的邏輯關(guān)系?！版溄由疃取笔侵笍脑错撁娴竭_(dá)目標(biāo)頁面所經(jīng)過的路徑數(shù)量。2.網(wǎng)站邏輯鏈接結(jié)構(gòu)基本形式樹狀鏈接結(jié)構(gòu)（一對(duì)一）星狀鏈接結(jié)構(gòu)（一對(duì)多）3.網(wǎng)站邏輯鏈接結(jié)構(gòu)的選擇最好的辦法是：首頁和一級(jí)頁面之間用星狀鏈接結(jié)構(gòu)，一級(jí)和二級(jí)頁面之間用樹狀鏈接結(jié)構(gòu)。四、頁面流程1.頁面流程的概念網(wǎng)站設(shè)計(jì)者為訪問者設(shè)計(jì)的在瀏覽網(wǎng)站時(shí)的瀏覽經(jīng)歷就是頁面流程。2.頁面流程設(shè)計(jì)（1）功能模塊的劃分（2）根據(jù)功能模塊劃分網(wǎng)站頁面（3）建立頁面鏈接流程五、設(shè)計(jì)易買網(wǎng)商城物理結(jié)構(gòu)和目錄結(jié)構(gòu)1.設(shè)計(jì)易買網(wǎng)商城物理結(jié)構(gòu)2.設(shè)計(jì)易買網(wǎng)商城的目錄結(jié)構(gòu)六、分析易買網(wǎng)商城的邏輯結(jié)構(gòu)1.功能模塊劃分2.分析頁面鏈接流程圖第3節(jié)利用DreamweaverCS5創(chuàng)建站點(diǎn)一、安裝DreamweaverCS5二、DreamweaverCS5簡(jiǎn)單使用1.啟動(dòng)DreamweaverCS52.DreamweaverCS5工作區(qū)的構(gòu)成3.DreamweaverCS5的工作視圖