電子商務基礎(第一章 商務網(wǎng)頁的制作)

1、電子商務基礎主講人：劉柱建第一章 商務網(wǎng)頁的制作一、頁面布局學習目標：（1）了解HTML超文本標記語言的結(jié)構(gòu)、語法（2）掌握HTML文件的建立及瀏覽、常用格式化標記符的設置（3）掌握鏈接標記的設置課堂小結(jié)： 各位同學必須掌握今天所講的幾個標記。課后練習： 上機完成以上五個示例二、文字與表格教學目標：（1）進一步了解HTML超文本標記語言的結(jié)構(gòu)、語法（2）掌握字體標記符，表格標記符的設置1.Html語言中table標記的應用Table標記的效果圖2.Bgsound背景音樂的示例3.Img標記插入圖片img標記效果圖4.請自行編寫HTML代碼完成以下效果課堂小結(jié)： 各位同學必須掌握今天所講的字體和

2、表格標記。課后練習： 上機完成本堂課的上機操作作業(yè)三、滾動標記的應用教學目標： （1）進一步了解HTML超文本標記語言的結(jié)構(gòu)、語法； （2）掌握HTML中滾動標記的應用。1.HTML語言中滾動標記的應用滾動標記的效果圖2.請自行設計一個滾動標記頁面 要求如下： 1.自行設計滾動標記頁面 2.滾動方式為來回滾動我來回滾動 3. 滾動速度. 4.滾動的內(nèi)容自定義。課堂小結(jié)： 各位同學必須掌握今天所講的滾動標記。課后練習： 上機完成本堂課的上機操作作業(yè)四、表 單 標 記教學目標：教學目標： （1）進一步了解HTML超文本標記語言的結(jié)構(gòu)、語法； （2）掌握HTML中表單標記的應用。1.HTML語言中表

3、單標記的應用表單標記的效果圖2.HTML語言中表單標記的應用2.HTML語言中表單標記的應用表單標記的效果圖3.HTML語言中表單標記的應用表單標記的效果圖4.HTML語言中表單標記的應用表單標記的效果圖5.HTML語言中表單標記的應用表單標記的效果圖6.HTML語言中表單標記的應用表單標記的效果圖7.HTML語言中表單標記的應用表單標記的效果圖8.HTML語言中表單標記的應用表單標記的效果圖9.HTML語言中表單標記的應用表單標記的效果圖課堂小結(jié)： 各位同學必須掌握今天所講的表單標記。課后練習： 上機完成本堂課的上機操作作業(yè)五、網(wǎng) 頁 圖 文 混 排教學目標：（1）理解站點和站點管理的概念；

4、（2）掌握在DW中創(chuàng)建站點的方法；（3）了解網(wǎng)頁文本，圖像，超鏈接、多媒體元素的有關(guān)知識；（4）插入圖像，超鏈接，視頻和音頻的方法。1.用Dreamwearer創(chuàng)建一個屬于自己的站點 請打開Dreamwearer軟件，并創(chuàng)建一個屬于自己的站點； 創(chuàng)建步驟請參照課本P2-P52.請在Dreamwearer設置網(wǎng)頁的屬性1.請設置網(wǎng)頁的屬性；2.參照課本P53.請在Dreamwearer中編輯網(wǎng)頁文本1.效果圖參照圖1-72.輸入完成以后，請設置文本的字符格式和段落格式，效果圖參照圖1-94.請在網(wǎng)頁中插入圖像 1.請參照課本P7-P85.請在網(wǎng)頁中創(chuàng)建超級鏈接1.請參照課本P82.分別用文字和圖

5、片做鏈接6.在網(wǎng)頁中插入多媒體元素1.插入背景音樂；參照P92.插入Flash動畫；參照P10課堂小結(jié)： 各位同學必須掌握有關(guān)圖文混排的知識。課后練習： 上機完成本堂課的上機操作作業(yè)六、層疊樣式表（1）了解CSS樣式表的特點；（2）掌握CSS樣式表的創(chuàng)建方法、CSS樣式表的導出和輸入方法；1.外部式樣式的創(chuàng)建及應用1.創(chuàng)建一個外部式樣式文件，并在一個網(wǎng)頁中應用此文件中的樣式，保存文件2.操作步驟請參照課本P14-P172.內(nèi)部樣式的創(chuàng)建及應用1.創(chuàng)建一個內(nèi)部樣式文件，并在該網(wǎng)頁中應用此文件中的樣式，保存文件2.操作步驟請參照課本P173.請用Dreamwearer創(chuàng)建一個表格1.請創(chuàng)建一個表格，并輸入內(nèi)容；2.效果圖參照圖1-24；3.并熟悉表格的基本操作，操作步驟參照P22-P234.請制作如下網(wǎng)頁 1.效果圖如下，操作步驟P23-P25，步驟一到步驟九課堂小結(jié)： 各位同學必須掌握有關(guān)層疊樣式表的知識。課后練習： 上機完成本堂課的上機操作作業(yè)七 、網(wǎng)頁布局教學目標：（1）了解有關(guān)表格、層、框架的知識；（2）理解使用表格、層進行網(wǎng)頁布局的原理（3）掌握在DW中創(chuàng)建表格、層、框架網(wǎng)頁的方法（4）掌握表格的編輯，格式化以及屬性設置；1.利用表格進行網(wǎng)頁布局1.請利用表格進行網(wǎng)頁布局2