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

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

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

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

第3節(jié)利用DreamweaverCS5創(chuàng)建站點第1節(jié)電子商務(wù)網(wǎng)站需求分析第一章電子商務(wù)發(fā)展迅猛，消費者通過網(wǎng)絡(luò)進(jìn)行購物已經(jīng)成為習(xí)慣，使用電子商務(wù)網(wǎng)站進(jìn)行營銷也已經(jīng)是企業(yè)經(jīng)營的主要渠道。要建設(shè)好電子商務(wù)網(wǎng)站，就要掌握網(wǎng)站建設(shè)的基本知識和流程，做好網(wǎng)站建設(shè)的前期準(zhǔn)備工作。第一章1.網(wǎng)頁和網(wǎng)站（1）網(wǎng)頁網(wǎng)頁通常是使用網(wǎng)頁制作工具制作或者使用HTML語言進(jìn)行編寫，通過網(wǎng)絡(luò)傳播，并被瀏覽器翻譯成為可以顯示出來的集文本、超鏈接、圖像、聲音、動畫、視頻等信息元素為一體的頁面文件。一、電子商務(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ù)。對于電子商務(wù)網(wǎng)站，客戶通過瀏覽器訪問相關(guān)電商網(wǎng)站，瀏覽具體商品網(wǎng)頁了解商品詳細(xì)信息來實現(xiàn)交易。2.電子商務(wù)網(wǎng)站建設(shè)工具（1）Frontpage和ExpressionWeb（2）Dreamweaver3.商務(wù)網(wǎng)站建設(shè)流程改版測試通過前期調(diào)研，分析需求確定站點整體規(guī)劃硬件軟件搭建調(diào)試網(wǎng)頁制作網(wǎng)站測試與排錯網(wǎng)站維護(hù)與推廣素材收集、整理素材數(shù)字化處理站點新建及設(shè)置網(wǎng)站發(fā)布發(fā)現(xiàn)問題二、客戶信息收集

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

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

（2）市場信息

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

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

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

（3）會議收集法

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

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

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

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

網(wǎng)站物理結(jié)構(gòu)指的是網(wǎng)站真實的目錄及所包含文件所存儲的真實位置所表現(xiàn)出來的結(jié)構(gòu)，也就是網(wǎng)站的實際目錄，或者說是文件實際的物理地址。一般來說靜態(tài)網(wǎng)站才有物理結(jié)構(gòu)，動態(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)站時所創(chuàng)建的文件目錄。

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

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

（2）按主菜單欄目內(nèi)容建立子目錄。

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

（4）在每個目錄下都建立獨立的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)（一對一）星狀鏈接結(jié)構(gòu)（一對多）3.網(wǎng)站邏輯鏈接結(jié)構(gòu)的選擇最好的辦法是：首頁和一級頁面之間用星狀鏈接結(jié)構(gòu)，一級和二級頁面之間用樹狀鏈接結(jié)構(gòu)。四、頁面流程1.頁面流程的概念網(wǎng)站設(shè)計者為訪問者設(shè)計的在瀏覽網(wǎng)站時的瀏覽經(jīng)歷就是頁面流程。2.頁面流程設(shè)計（1）功能模塊的劃分（2）根據(jù)功能模塊劃分網(wǎng)站頁面（3）建立頁面鏈接流程五、設(shè)計易買網(wǎng)商城物理結(jié)構(gòu)和目錄結(jié)構(gòu)1.設(shè)計易買網(wǎng)商城物理結(jié)構(gòu)2.設(shè)計易買網(wǎng)商城的目錄結(jié)構(gòu)六、分析易買網(wǎng)商城的邏輯結(jié)構(gòu)1.功能模塊劃分2.分析頁面鏈接流程圖第3節(jié)利用DreamweaverCS5創(chuàng)建站點一、安裝DreamweaverCS5二、DreamweaverCS5簡單使用1.啟動DreamweaverCS52.DreamweaverCS5工作區(qū)的構(gòu)成3.DreamweaverCS5的工作視圖