《電子商務(wù)》課件-電子商務(wù)網(wǎng)站欄目規(guī)劃

電子商務(wù)網(wǎng)站欄目規(guī)劃一、電子商務(wù)網(wǎng)站欄目規(guī)劃原則1、內(nèi)容與形式統(tǒng)一2、主題鮮明3、風(fēng)格統(tǒng)一8、經(jīng)常更新5、導(dǎo)航清晰6、欄目設(shè)置合理7、良好的兼容性4、兼顧下載速度與美觀CH4網(wǎng)站設(shè)計(jì)基礎(chǔ)

二、電子商務(wù)網(wǎng)站欄目規(guī)劃的基本要求1、互動(dòng)性

2、無限延伸3、低成本4、多功能三、網(wǎng)站欄目設(shè)置1、網(wǎng)站風(fēng)格：站點(diǎn)的整體形象給瀏覽者的綜合感受，包括著站點(diǎn)的CI（標(biāo)志、色彩、字體、標(biāo)語(yǔ)）、版面布局、瀏覽方式、交互性、文字、語(yǔ)氣、內(nèi)容價(jià)值、存在意義等諸多因素。CH4網(wǎng)站設(shè)計(jì)基礎(chǔ)

三、電子商務(wù)網(wǎng)站主頁(yè)設(shè)置1）公司概況2）產(chǎn)品目錄

3）榮譽(yù)證書和專家/用戶推薦4）公司動(dòng)態(tài)和媒體報(bào)道2、欄目?jī)?nèi)容5）產(chǎn)品搜索6）產(chǎn)品價(jià)格表

7）網(wǎng)上訂購(gòu)8）銷售網(wǎng)絡(luò)

9）售后服務(wù)

10）聯(lián)系方式

11）輔助信息及其它CH4網(wǎng)站設(shè)計(jì)基礎(chǔ)

四、創(chuàng)建站點(diǎn)

1、域名的定義：Internet域名是因特網(wǎng)上站點(diǎn)的名稱。

2、域名的分類：

1、本地站點(diǎn)2、遠(yuǎn)程站點(diǎn)（上傳本地站點(diǎn)）五、域名申請(qǐng)1.com商業(yè)性機(jī)構(gòu)和公司2.org非營(yíng)利性組織、團(tuán)體3.gov政府機(jī)關(guān)4.net從事internet相關(guān)的機(jī)構(gòu)和公司5.xx兩個(gè)字母組成的國(guó)家代碼。問題：CN?UK?6.edu教育性機(jī)構(gòu)3、域名的申請(qǐng)方法和原則（P33）實(shí)訓(xùn)1電子商務(wù)綜合操作

簡(jiǎn)述設(shè)計(jì)實(shí)訓(xùn)2域名的查詢和注冊(cè)電子商務(wù)網(wǎng)站欄目規(guī)劃

一、電子商務(wù)網(wǎng)站主頁(yè)技術(shù)概述

1、網(wǎng)頁(yè)文件.htm/.html/.asp/.php/.aspx/.jsp

2、網(wǎng)頁(yè)類型

1）靜態(tài)網(wǎng)頁(yè)2）動(dòng)態(tài)網(wǎng)頁(yè)jsp：JAVA開發(fā)1）前臺(tái)技術(shù)：javascript/AJAX/JQuery等

2）后臺(tái)技術(shù)：php：使用最多、最廣的技術(shù)，開源，免費(fèi)（費(fèi)用低）3、動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)

ASP/ASP.NET：微軟ActiveSeverPages電子商務(wù)網(wǎng)站欄目規(guī)劃

二、網(wǎng)站建設(shè)技術(shù)1、網(wǎng)站原理2、常用網(wǎng)站服務(wù)軟件3、IIS網(wǎng)站建設(shè)(P146）

1）安裝和管理（internet信息服務(wù)（iis）

參考:

下載：iis6.0完整安裝包）

/downinfo/17597.html1）MSIIS(internet信息服務(wù))2）Apache

A、安裝（P146）

：電子商務(wù)網(wǎng)站欄目規(guī)劃

二、網(wǎng)站建設(shè)技術(shù)2）建站和虛擬目錄

A、建立站點(diǎn)

B、建立虛擬目錄例：建立一個(gè)dzsw的虛擬目錄，對(duì)應(yīng)于d:\dzsw。

(演示）3）配置

A、主頁(yè)

B、訪問權(quán)限

電子商務(wù)網(wǎng)站欄目規(guī)劃

三、網(wǎng)頁(yè)制作（Dreamweaver1、建立站點(diǎn):站點(diǎn)

新建站點(diǎn)2、制作網(wǎng)頁(yè)(網(wǎng)站首頁(yè)名一般為index.htm或index.html等)1）文本的編輯

2）文本格式設(shè)置

3）插入圖片和格式設(shè)置

4）插入表格及格式設(shè)置5）超鏈接處理

A、超鏈中的“目標(biāo)”設(shè)置：目標(biāo)含義_blank在新窗口中打開網(wǎng)頁(yè)_self在當(dāng)前窗口中打開網(wǎng)頁(yè)_top在頂級(jí)窗口中打開網(wǎng)頁(yè)_parent在上一級(jí)窗口中打開網(wǎng)頁(yè)B、文本超鏈樣式設(shè)計(jì)（如hover顏色、超鏈無下劃線等）6）表單處理表單一般用于向服務(wù)器提交數(shù)據(jù)，主要有：作一用戶登錄系統(tǒng)，如：7）其它特殊符號(hào)：空格符、版權(quán)符、商標(biāo)符等電子商務(wù)網(wǎng)站欄目規(guī)劃

三、網(wǎng)頁(yè)制作（Dreamweaver）

P75-180準(zhǔn)備工作：

1、已經(jīng)安裝iis6.0

并配置默認(rèn)網(wǎng)站

2、已經(jīng)安裝

dreamweaver（或者frontpage）

dw中窗口菜單中（選中1.屬性2文件3框架步驟1：下載素材（①右擊，目標(biāo)另存為，放在桌面；②解壓縮；）

網(wǎng)站（網(wǎng)頁(yè)）制作一般步驟步驟2：①打開dreamweaver，

②站點(diǎn)管理站點(diǎn)，③新建站點(diǎn)電子商務(wù)網(wǎng)站欄目規(guī)劃

三、網(wǎng)頁(yè)制作（Dreamweaver）步驟4：網(wǎng)頁(yè)保存

文件菜單——保存（名稱和存放目錄都按題目要求)。制作工程中，完成一個(gè)步驟，就要隨時(shí)保存網(wǎng)站（網(wǎng)頁(yè)）制作一般步驟步驟5：修改標(biāo)題電子商務(wù)網(wǎng)站欄目規(guī)劃

四、★知識(shí)點(diǎn)【框架網(wǎng)頁(yè)】電子商務(wù)網(wǎng)站欄目規(guī)劃

四、★知識(shí)點(diǎn)【框架網(wǎng)頁(yè)】frontpage中的框架網(wǎng)頁(yè)種類電子商務(wù)網(wǎng)站欄目規(guī)劃

五、網(wǎng)頁(yè)制作（FrontPage）框架網(wǎng)頁(yè)制作一般步驟步驟4：文件菜單新建其他網(wǎng)頁(yè)模板框架網(wǎng)頁(yè)（根據(jù)題目要求選擇）步驟1：下載素材（①右擊，目標(biāo)另存為，放在桌面；②解壓縮；）

步驟2：①打開frontpage，

②文件菜單新建其他網(wǎng)站模板步驟3：選擇空白網(wǎng)站

瀏覽（選擇解步驟1壓縮后的文件夾）步驟5：設(shè)置總框架頁(yè)面屬性：右擊頁(yè)面屬性左擊一下框架分割線右擊最外框架線，選擇頁(yè)面屬性6：設(shè)置小框架的框架屬性和頁(yè)面屬性：左擊一下所設(shè)框架右擊7：文字超鏈接：選中文字

右擊

超鏈接；目標(biāo)框架（新建窗口）8：圖片超鏈接：選中圖片

右擊

超鏈接9：圖片中創(chuàng)建圓形(矩形)熱點(diǎn)：選中圖片

右擊

顯示圖片工具欄

10：?jiǎn)为?dú)編輯框架頁(yè)面：右擊

在新窗口中打開頁(yè)面11：關(guān)閉網(wǎng)站：文件菜單

關(guān)閉網(wǎng)站12：思考一下：比較單元格屬性和表格屬性13：郵件地址:welcomehelan@：超鏈接，復(fù)制，粘貼地址.電子商務(wù)網(wǎng)站欄目規(guī)劃

六、網(wǎng)頁(yè)制作（Dreamweaver動(dòng)態(tài)）動(dòng)態(tài)網(wǎng)頁(yè)制作一般步驟步驟4：步驟1：①下載素材（右擊，目標(biāo)另存為，放在桌面；解壓縮；）②按要求新建文件夾

③配置IIS（主目錄本地路徑；文檔添加）步驟2：①打開DW②新建站點(diǎn)，使用服務(wù)技術(shù)，本地編輯和測(cè)試

③新建動(dòng)態(tài)頁(yè)，按題目保存頁(yè)面。步驟3：插入表單；插入表格，多行多列；表頭輸入文字；零件報(bào)價(jià)數(shù)據(jù)源(ODBC)連接；（不常用）管理工具

數(shù)據(jù)源(ODBC)

系統(tǒng)DNS添加MicrosoftAccessDriver(*.mdb)

完成數(shù)據(jù)源名：自取數(shù)據(jù)庫(kù)——選擇：默認(rèn)目錄中，數(shù)據(jù)庫(kù)所在位置。數(shù)據(jù)庫(kù)名：題目給出，雙擊。應(yīng)用程序數(shù)據(jù)庫(kù)數(shù)據(jù)源名稱自定義測(cè)試確定電子商務(wù)網(wǎng)站欄目規(guī)劃

六、網(wǎng)頁(yè)制作（Dreamweaver動(dòng)態(tài)）動(dòng)態(tài)網(wǎng)頁(yè)制作一般步驟步驟6：自定義連接數(shù)據(jù)字符串：應(yīng)用程序數(shù)據(jù)庫(kù)零件報(bào)價(jià)連接名稱：自取連接字符串：題目中給出；測(cè)試，確定。數(shù)據(jù)庫(kù)位置按實(shí)際更改。電子商務(wù)網(wǎng)站欄目規(guī)劃

六、網(wǎng)頁(yè)制作（Dreamweaver動(dòng)態(tài)）動(dòng)態(tài)網(wǎng)頁(yè)制作一般步驟步驟7：記錄集設(shè)置;應(yīng)用程序綁定+記錄集（查詢）

零件報(bào)價(jià)按題目要求設(shè)置，列一般選全部。電子商務(wù)網(wǎng)站欄目規(guī)劃

六、網(wǎng)頁(yè)制作（Dreamweaver動(dòng)態(tài)）動(dòng)態(tài)網(wǎng)頁(yè)制作一般步驟步驟8：篩選的設(shè)置高級(jí)零件報(bào)價(jià)測(cè)試—確定電子商務(wù)網(wǎng)站欄目規(guī)劃

六、網(wǎng)頁(yè)制作（Dreamweaver動(dòng)態(tài)）動(dòng)態(tài)網(wǎng)頁(yè)制作一般步驟拖記錄集中的字段至表格中零件報(bào)價(jià)步驟9：表格相關(guān)位置輸入文字（題目中，復(fù)制黏貼）電子商務(wù)網(wǎng)站欄目規(guī)劃