1、助理電子商務(wù)師教程,國家職業(yè)資格三級,第一章：網(wǎng)頁制作 第一節(jié)：HTML語言 第二節(jié) 動態(tài)網(wǎng)頁制作 第二章：網(wǎng)絡(luò)商務(wù)信息收集與交換 第一節(jié) 網(wǎng)絡(luò)商務(wù)信息采集 第二節(jié) 網(wǎng)絡(luò)商務(wù)信息處理 第三章：網(wǎng)絡(luò)營銷 第一節(jié) 網(wǎng)上市場調(diào)研 第二節(jié) 網(wǎng)絡(luò)廣告與促銷 第四章：電子交易 第二節(jié) 電子合同簽訂 第五章：物流信息管理 第一節(jié) 物流信息收集與分析 第二節(jié) 物流信息的應(yīng)用 第六章：網(wǎng)絡(luò)采購 第一節(jié) 采購業(yè)務(wù)流程編制 第二節(jié) 供應(yīng)商管理 第七章：電子商務(wù)安全管理 第一節(jié) 文件加密 第二節(jié) 交易安全管理 第三節(jié) 安全工具使用,第一章網(wǎng)頁制作,第一節(jié) HTML語言 一、頁面布局 二、文字與表格 第二節(jié) 動態(tài)網(wǎng)頁制

2、作 一、編輯圖像 二、視頻與音頻,第一節(jié) HTML語言,一、頁面布局 學(xué)習(xí)目標： （1）了解HTML超文本標記語言的結(jié)構(gòu)、語法。 （2）掌握HTML文件的建立及瀏覽、常用格式化標記符的設(shè)置。 （3）掌握鏈接標記的設(shè)置。 工作程序及內(nèi)容： （一）建立HTML文件 操作步驟如下： （1）單擊“開始”按鈕，選擇“程序” “附件” “記事本”，并打開“記事本”窗口。,（2）在記事本中，輸入如圖所示的HTML語句。 （3）執(zhí)行“文件” “保存”命令，將文件保存為1-1.htm。 （4）在瀏覽器中打開所建立的HTML文件。 說明：除了記事本之外，還可以使用寫字板來編輯html. （二）常用的HTML標記設(shè)

3、置 操作步驟如下： （1）在文本文件編輯器中編寫HTML文件（可參考下面的示例編寫）。,（2）保存HTML文件。 （3）在瀏覽器中預(yù)覽所編輯的HTML文件效果。 1.標題標記 示例1標題標記，在記事本中輸入以下HTML語句，保存后瀏 覽效果，如圖所示。 我的花店 歡迎你訪問我的花店! 歡迎你訪問我的花店! 歡迎你訪問我的花店! 歡迎你訪問我的花店! 歡迎你訪問我的花店! 歡迎你訪問我的花店! 歡迎你訪問我的花店! ,說明： 標記符用于定義段落標題的大小級數(shù)。最大的標題級數(shù)是 ，最小的標題級數(shù)是。使用標記符的align屬性可控制文字的對齊方式，屬性值可以是left(左對齊)，center(居中對

4、齊)，或者right(右對齊)。 2. 段落標記符 示例2段落標記符，輸入HTML語句如下，保存后的瀏覽效果 如圖所示。 我的花店 我的花店! 歡迎您訪問我的花店 花可以傳情,可表達思念之情,親情,感恩的心情,衷 心的祝福! 祝愿進入我的花店的朋友天天有好心情! ,說明： 標記符用于劃分段落，控制文本的位置。 是成對標記符，用于定義內(nèi)容從新的一行開始，并與上段之間的一個空行，其align屬性定義新開始的一行內(nèi)容在頁面中的對齊位置，屬性值可以是left(左對齊)，center(居中對齊)，或者right(右對齊)。 3. 換行標記 示例3換行標記，將示例2中相應(yīng)段落中的段落標記替換為換行標記，H

5、TML語句如下，保存后的瀏覽效果如圖所示。注意段落標記和換行標記預(yù)覽效果的不同。 我的花店 ,我的花店! 歡迎您訪問我的花店 花可以傳情,可表達思念之情,親情,感恩的心情,衷心的祝福! 祝愿進入我的花店的朋友天天有好心情! ,說明：標記符用于定義從新的一行顯示，它不產(chǎn)生一個空行，但連續(xù)多個標記可以產(chǎn)生多個空行的效果。 標記符是非成對標記符。,4.列表標記 示例4項目列表標記，HTML語句如下，保存后的瀏覽效果如圖。 花語 花語 各種花所代表的含義如下： 玫瑰：純潔的愛 劍蘭：用心堅固 百合：百年好和 滿天星：愛憐 菊花：吉祥 康及馨：親情思念,郁金香：愛的表白 紫羅蘭：永恒之美 勿忘我：愛到永

6、遠 ,列表標記包括“項目列表”標記、“編號列表”標記。和標記都是成對標記。在標記之間還可以使用標記來設(shè)定項目內(nèi)容，其type屬性可以顯示不同形狀的項目符號。 （三）鏈接標記的設(shè)置 示例5鏈接標記，輸入如下所示的HTML語句，保存后的瀏覽效果如圖所示。 花語 花節(jié) 友情鏈接 與我聯(lián)系 ,HTML是通過標記符來實際超鏈接的，它是成對標記符，主要屬性有： （1）href。鏈接文件的地址。 （2）target。鏈接目標的位置。 1.指向電子郵件的鏈接 與我聯(lián)系 2.指向站點內(nèi)文件的鏈接 花節(jié) 3.指向其他網(wǎng)站文件的鏈接 友情鏈接,相關(guān)知識 （一）HTML文件的概念 HTML（Hyper Text Ma

7、rkup Languafe），即超文本標記語言，它通過多種標準化的標記符號（Tag）對網(wǎng)頁內(nèi)容進行標注，對頁面內(nèi)容進行標注，對頁面超媒體內(nèi)容的輸出格式以及各內(nèi)容部分之間邏輯上的組織關(guān)系等進行描述和指定。 （二）HTML文件的特點 HTML是Web頁面的基礎(chǔ)。使用HTML描述的網(wǎng)頁文件稱之為HTML頁面或者HTML文件，這種文件以“.html”或者“.htm”為擴展名，它是一種純文本文件，可以使用記事本、寫字板等文本編輯器來進行編輯，也可以使用FrontPage、DreamWeaver等網(wǎng)頁制作工具來快速創(chuàng)建HTML文件。 （三）HTML文件的結(jié)構(gòu) HTML文件均以標記符開始，以標記符結(jié)束。和標

8、記符之間的內(nèi)容用于描述頁面的頭部信息，例如頁面標題、關(guān)鍵詞等信息。在和標記符之間的內(nèi)容即為頁面的主體內(nèi)容。HTML文件的整體結(jié)構(gòu)如圖所示。,（四）絕對地址和相對地址 文件的引用既可以使用絕對地址，也可以使用相對地址。 1.絕對地址 直接定出所鏈接的文件位于哪個服務(wù)器中的網(wǎng)站內(nèi)，主要用來鏈接其他網(wǎng)站的網(wǎng)頁，例如： 友情鏈接 2.相對地址 用所鏈接的文件相對于目前網(wǎng)頁所在位置來表示，通常用來鏈接當前網(wǎng)站中的其他網(wǎng)頁，例如： 花節(jié),注意事項 在使用記事本等編輯器建立HTML文件時，一定要以.htm.或html為擴展名保存文件否則在瀏覽器中無法正確顯示預(yù)覽效果。 二、文字與表格 學(xué)習(xí)目標 （1）進一步

9、了解HTML超文本標記語言的結(jié)構(gòu)、語法。 （2）掌握字體標記符、表格標記符的設(shè)置。 工作程序和內(nèi)容 （一）建立HTML文件 操作步驟如下： （1）單擊“開始”按鈕，選擇“程序” “附件” “記事本”，打開“記事本”窗口。 （2）在記事本中輸入HTML語句。 （3）執(zhí)行“文件” “保存”命令，將文件保存為htm或html格式。 （4）在瀏覽器中預(yù)覽所建立的HTML文件,（二） 標記的設(shè)置 示例6字體標記，設(shè)置示例2中相應(yīng)段落的字體，HTML語句如下，保存后瀏覽效果，如圖所示。 我的花店 我的花店!花店 歡迎您訪問我的花店 花可以傳情,可表達思念之情,親情,感恩的心情,衷心的祝福! 祝愿進入我的花

10、店的朋友天天有好心情! ,標記用來定義文字的字體、大小和顏色，是成對標記符。主要屬性有： （1）face屬性：定義文字所使用的字體，如face=“隸書”。 （2）size屬性：定義文字的大小，屬性值為17，也可以使用相對大小來設(shè)置，如size=“+5”、 size=“-5”。 （3）color屬性。定義文字的顏色，可以使用顏色的英文名稱來表示顏色，如： color=“red”；也可使用16進制的RGB代碼來表示顏色， color=“#FF0000”，在使用16進制的RGB代碼來表示顏色時，需在顏色代碼前加“#”。 此外，字體標記符還包括粗體標記符、斜體標記符等。,（三）表格標記的設(shè)置： 示例7

11、表格標記，在記事本中輸入以下HTML語句，保存后在瀏覽器中瀏覽，效果如圖所示。 我的花店 , 節(jié)日 名稱 5月 1日 國際勞動節(jié) ,4日 中國青年節(jié) 12日 護士節(jié) 6月1日 兒童節(jié) ,此單元格跨列colspan=“2”,此單元跨行rowspan=“3”,在和之間放置表格內(nèi)容，標記是成對標記。 在表格中，行是用標記來定義的 一行使用一個標記，每行中的列是用標記定義的； 一列使用一個標記。、標記都有相應(yīng)的屬性，用來定義表格中內(nèi)容的顯示方式。 表格標記的主要屬性有： （1）rowspan。定義該單元格所跨行數(shù)。 （2）colspan。定義該單元格所跨列數(shù)。,相關(guān)知識,（一）HTML標記的格式 HT

12、ML文件的所有控制語句稱為標記，標記在一對尖括號之間，格式如下： HTML語言元素 （1）標記符分為成對標記符和非成對標記符，、等屬于成對標記符，、等屬于非成對標記符。 標記符忽略大小寫。HTML源文件為文本文件，多個標記符可定成一行，甚至整個文件可定成一行；一個標記符的內(nèi)容可以定成多行。,（2）可使用標記符的屬性來講進一步限定標記符，一個標記可以有多個屬性項，各屬性項的次序不限定，各屬性項間用空格進行分隔。 （3）HTML中使用的注釋語句為,注釋內(nèi)容可插入文本中任何位置，注釋內(nèi)容將不顯示。,（二）HTML的作用 （1）利用標題、文本、表格、列表和圖像發(fā)布在線信息。 （2）應(yīng)用超連接獲得世界各

13、地的在線信息。 （3）應(yīng)用表單與遠程服務(wù)通信，實現(xiàn)信息查詢及各種商貿(mào)活動。 （4）把樣式、視頻、音頻和應(yīng)用程序嵌入到HTML文檔。 注意事項 表格是用標記符來一行一行定義的，每行中用列標記符來定義各列。,第二節(jié) 動態(tài)網(wǎng)頁制作,一、編輯圖像 學(xué)習(xí)目標 （1）了解動態(tài)網(wǎng)頁、圖像處理的有關(guān)知識。 （2）掌握使用Photoshop編輯和處理圖像的方法。 （3）掌握DHTML的應(yīng)用。,工作程序及內(nèi)容,（一）編輯圖像 示例8在FrontPage中利用橫幅廣告管理器組件插入橫幅廣告。 橫幅廣告中的圖片尺寸應(yīng)盡量一致，為此需要利用圖像編輯處理軟件對圖像進行適當?shù)奶幚怼?以Photoshop工具為例進行介紹，對

14、圖片進行適當?shù)奶幚?，圖片大小設(shè)置為200100像素，操作步驟如下： （1）單擊“開始”按鈕，選擇“程序” “Adobe Photoshop7.0”，打開Photoshop工作窗口。,（2）在Photoshop工作窗口中執(zhí)行“文件” “打開”命令，打開圖像文件，然后執(zhí)行“圖像” “圖像大小”命令，在彈出的“圖像大小”對話框中將圖像的寬度設(shè)置為200像素，高度設(shè)置為100像素，如圖所示，單擊“好”按鈕。 （3）對圖像應(yīng)用濾鏡效果。執(zhí)行“濾鏡” “風(fēng)格化” “風(fēng)”命令，在彈出的“風(fēng)”對話框中進行參數(shù)設(shè)置，單擊“好”按鈕。,（4）保存圖像。執(zhí)行“文件” “存儲為”命令，在彈出的“存儲為”對話框中設(shè)置保

15、存路徑、文件名稱及文件的類型。單擊“保存”按鈕，會彈出如圖所示的“JPEG”選項對話框，進行品質(zhì)等設(shè)置后單擊“好”按鈕，完成文件的保存操作。 （5）按照上述方法，再打開兩幅圖像文件，調(diào)整圖像大小為200 100像素，并分別應(yīng)用“水波”、“動感模糊”效果，參數(shù)設(shè)置，最后保存圖像文件。,（二）在FrontPage中插入橫幅廣告 操作步驟如下： （1）單擊“開始”按鈕，選擇“程序” “Microsoft FrontPage”，“Microsoft FrontPage”窗口，執(zhí)行“文件” “保存文件”命令，將新建文件保存為guanggao.htm。 （2）在FrontPage中執(zhí)行“插入” “組件”

16、“橫幅廣告管理器”命令，打開“橫幅廣告管理器屬性”對話框，設(shè)置寬度為200，高度為100，過濾效果為“分解”，每幅圖片顯示3秒，單擊“添加”按鈕，將所需要的圖片添加到“顯示圖片”列表框中，單擊“上移”、“下移”按鈕調(diào)整橫幅廣告圖像變換的次序，單擊“確定”按鈕。 （3）保存后在瀏覽器中進行預(yù)覽，每隔3秒鐘變換一幅圖片。,（三）在FrontPage中應(yīng)用動態(tài)HTML效果 示例9在FrontPage中應(yīng)用動態(tài)HTML效果，操作步驟如下： （1）單擊“開始”按鈕，選擇“程序” “Microsoft FrontPage”。打開“Microsoft FrontPage”窗口，執(zhí)行“文件” “保存文件”命令

17、，將新建文件保存為dtsg.htm。 （2）在FrontPage窗口中輸入文本“助理電子商務(wù)師”，然后選中文本執(zhí)行“格式” “動態(tài)HTML效果”命令，在出現(xiàn)的“HTML效果”工具欄中進行設(shè)置。 （3）保存后在瀏覽器中進行預(yù)覽。,（四）建立及應(yīng)用CSS樣式文件 示例10使用FrontPage建立名為mystyle.css的外部CSS樣式文件，并在其他頁面文件中應(yīng)用此樣式文件。 1.創(chuàng)建CSS樣式文件 操作步驟如下： （1）單擊“開始”按鈕，選擇“程序” “Microsoft FrontPage”，打開“Microsoft FrontPage”窗口。 （2）在FrontPage窗口中，選擇“文件”

18、 “新建” “網(wǎng)頁”，在“新建”對話框中單擊“樣式表”選擇卡，選擇要創(chuàng)建的樣式類型，然后單擊“確定”按鈕。,（3）單擊樣式工具欄中的樣式按鈕，彈出“樣式”對話框。 （4）單擊“樣式”對話框中的“新建”按鈕，彈出“新樣式”對話框，在“名稱（選擇器）”中輸入樣式名稱，單擊“格式”按鈕進行字體、段落、邊框等設(shè)置，新建樣式的設(shè)置。 （5）單擊“確定”按鈕后，會在“樣式”對話框的樣式欄中顯示用戶自定義的樣式。再單擊“確定”按鈕，完成樣式文件的創(chuàng)建。 （6）執(zhí)行“文件” “保存文件”命令，保存文件。,2.應(yīng)用外部CSS樣式 操作步驟如下： （1）新建頁面文件并進行保存操作，輸入文字內(nèi)容“這是樣式的應(yīng)用”。

19、 （2）執(zhí)行“格式” “樣式表鏈接”命令，在打開的“鏈接樣式表”對話框中進行設(shè)置，選擇“所選的網(wǎng)頁”選項，單擊“添加”按鈕選擇所要鏈接的樣式表文件，單擊“確定”按鈕。 （3）選中文字，切換到HTML視圖下，將區(qū)中的“這是樣式的應(yīng)用”HTML語句修改為“這是樣式的應(yīng)用”，保存文件后瀏覽效果。 大多數(shù)時候可以不為具體的HTML標記符定義格式，而是定義一些開放的格式，在內(nèi)容需要的時候才引用這些格式。,（一）DHTML 1、DHTML的定義：又稱動態(tài)網(wǎng)頁，它將內(nèi)容對象化，應(yīng)用編程語言來操作頁面上的對象，不必通過服務(wù)器就可以與用戶交互信息，更新頁面的內(nèi)容。動態(tài)見面技術(shù)包括javascript、vbscr

20、ipt、css、layer等。,相關(guān)知識,、DHTML的基本結(jié)構(gòu) DHTML的基本結(jié)構(gòu)包括HTML、CSS、腳本程序、瀏覽器對象和網(wǎng)頁對象等。 DHTML 是基于HTML語言，通過CSS技術(shù)擴展了HTML的樣式定義語法和語義，用腳本程序或控制瀏覽器對象和網(wǎng)頁對象，從而使頁面具有動態(tài)效果和交互功能。,（二）CSS層疊樣式表 是一種用于定義網(wǎng)頁內(nèi)容顯示樣式的技術(shù)。通過樣式可以設(shè)定許多屬性，如字號，顏色，頁邊距等。 樣式表的建立要符合CSS規(guī)則，它們一般被定義成以下形式的句法：HTML標志標志屬性:屬性值；標志屬性:屬性值；標志屬性:屬性值；標志屬性:屬性值；.,（三）腳本語言 1.腳本語言(JavaScript,VBscript等)介于HTML和C,C+,Java,C#等 編程語言之間。 HTML通常用于格式化和鏈結(jié)文本。 而編程語言