《電子商務網頁設計與制作》課件第五章

第五章創(chuàng)建電子商務網站站點

內利商城是一個B2B和B2C的電子商務網站,是在綜合繳費線上平臺的基礎上研發(fā)和建立起來的購物網站,也是浙江內利信息技術有限公司創(chuàng)建的提供互聯(lián)網、網上商城、手機固話寬帶繳費、水電煤公共繳費服務的一個網絡平臺。內利商城是浙江內利信息技術有限公司從“線下門店”向“線上門店”發(fā)展的戰(zhàn)略性步驟之一,旨在把“最方便的服務,在最繁忙的時候,提供給最需要的人”。本章以內利商城為例,介紹該網站在制作前期如何進行站點的規(guī)劃、創(chuàng)建與管理。知識目標(1)了解網站欄目設計規(guī)范。(2)了解網站文件目錄的分類。(3)掌握Dreamweaver中站點的創(chuàng)建步驟。(4)掌握Dreamweaver中站點的管理方法。第一節(jié)網站欄目及文件目錄設計一、與甲方溝通網站欄目在實施網站欄目規(guī)劃前,必須和甲方(也就是網站所有人)進行溝通,這樣可以使設計人員少走彎路,也能把其想法傳遞給甲方,同時也能知道甲方的一些想法。因為這個項目的最終決定權在甲方手中。根據溝通結果制作網站欄目功能1.我的門店2.最新活動4.加入商城3.逛逛商城5.代理加盟7.聯(lián)系我們6.關于我們(1)插入“組織結構圖”(2)插入形狀(3)添加欄目文字(4)自動套用格式三、繪制網站欄目結構圖四、設計網站文件目錄結構第二節(jié)

站點的創(chuàng)建與管理本節(jié)的目標是基于網站目錄結構的設計,

利用軟件Adobe

Dreamweaver完成內利商城網站站點的創(chuàng)建與管理。一、創(chuàng)建本地站點文件夾在E盤的根目錄下創(chuàng)建本地站點文件夾“內利商城”用來存放網站文件,并完成網站目錄結構的設計。二、新建站點運行Dreamweaver,執(zhí)行“站點”→“新建站點”命令,在彈出的對話框中點擊“高級”選項卡。在選項卡中,在“站點名稱”文本框中輸入要創(chuàng)建的網站名稱;在“本地根文件夾”文本框中輸入創(chuàng)建本地站點文件夾的路徑;在“默認圖像文件夾”文本框中輸入本地站點文件夾中默認存放圖像的文件夾路徑,其余選項按默認設置,最后點擊“確定”按鈕完成站點的創(chuàng)建。三、站點的管理

點擊“導出”按鈕,可以將選中的站點的相關設置信息以擴展名為“.ste”的文件形式保存。當需要時,可以通過“導入”按鈕將該文件導入,導入后不用再重新設置站點的信息。四、定義站點對于初學者而言,可以利用向導的方式來完成“內利商城”站點的創(chuàng)建。具體步驟如下:(1)執(zhí)行“站點”→“新建站點”命令,在彈出的對話框中切換到“基本”選項卡,設置站點的名稱以及http地址(2)點擊“下一步”按鈕,由于站點為靜態(tài)網站,所以在彈出的界面中選擇默認選項,即“否,我不想使用服務器技術”,靜態(tài)網站與動態(tài)網站的區(qū)別不是指網站有沒有GIF、Flash動畫,而是指有沒有交互性。(3)點擊“下一步”按鈕,進入“測試文件”界面,進行遠程服務器的有關設置。(4)點擊“下一步”按鈕,在彈出的界面中,在“您如何連接到遠程服務器”的下拉列表中選擇“無”(5)最后,點擊“下一步”并完成站點定義。五、“文件”面板“文件”面板是Dreamweaver最常用的也是最主要的面板之一。它集成了站點管理的各種工具。在“文件”面板中點擊最右側的展開/折疊站點圖標,展開完整的“文件”面板,顯示“站點名稱”鏈接/斷開刷新“站點文件”視圖“測試服務器”視圖“站點地圖”視圖獲取文件上傳文件取出文件存回文件同步擴展/折疊按鈕1.分析女性電子商務網站“樂蜂網”的欄目結構