电子商务基础(第一章 商务网页的制作)

1、电子商务基础主讲人：刘柱建第一章 商务网页的制作一、页面布局学习目标：（1）了解HTML超文本标记语言的结构、语法（2）掌握HTML文件的建立及浏览、常用格式化标记符的设置（3）掌握链接标记的设置课堂小结： 各位同学必须掌握今天所讲的几个标记。课后练习： 上机完成以上五个示例二、文字与表格教学目标：（1）进一步了解HTML超文本标记语言的结构、语法（2）掌握字体标记符，表格标记符的设置1.Html语言中table标记的应用Table标记的效果图2.Bgsound背景音乐的示例3.Img标记插入图片img标记效果图4.请自行编写HTML代码完成以下效果课堂小结： 各位同学必须掌握今天所讲的字体和

2、表格标记。课后练习： 上机完成本堂课的上机操作作业三、滚动标记的应用教学目标： （1）进一步了解HTML超文本标记语言的结构、语法； （2）掌握HTML中滚动标记的应用。1.HTML语言中滚动标记的应用滚动标记的效果图2.请自行设计一个滚动标记页面 要求如下： 1.自行设计滚动标记页面 2.滚动方式为来回滚动我来回滚动 3. 滚动速度. 4.滚动的内容自定义。课堂小结： 各位同学必须掌握今天所讲的滚动标记。课后练习： 上机完成本堂课的上机操作作业四、表 单 标 记教学目标：教学目标： （1）进一步了解HTML超文本标记语言的结构、语法； （2）掌握HTML中表单标记的应用。1.HTML语言中表

3、单标记的应用表单标记的效果图2.HTML语言中表单标记的应用2.HTML语言中表单标记的应用表单标记的效果图3.HTML语言中表单标记的应用表单标记的效果图4.HTML语言中表单标记的应用表单标记的效果图5.HTML语言中表单标记的应用表单标记的效果图6.HTML语言中表单标记的应用表单标记的效果图7.HTML语言中表单标记的应用表单标记的效果图8.HTML语言中表单标记的应用表单标记的效果图9.HTML语言中表单标记的应用表单标记的效果图课堂小结： 各位同学必须掌握今天所讲的表单标记。课后练习： 上机完成本堂课的上机操作作业五、网 页 图 文 混 排教学目标：（1）理解站点和站点管理的概念；

4、（2）掌握在DW中创建站点的方法；（3）了解网页文本，图像，超链接、多媒体元素的有关知识；（4）插入图像，超链接，视频和音频的方法。1.用Dreamwearer创建一个属于自己的站点 请打开Dreamwearer软件，并创建一个属于自己的站点； 创建步骤请参照课本P2-P52.请在Dreamwearer设置网页的属性1.请设置网页的属性；2.参照课本P53.请在Dreamwearer中编辑网页文本1.效果图参照图1-72.输入完成以后，请设置文本的字符格式和段落格式，效果图参照图1-94.请在网页中插入图像 1.请参照课本P7-P85.请在网页中创建超级链接1.请参照课本P82.分别用文字和图

5、片做链接6.在网页中插入多媒体元素1.插入背景音乐；参照P92.插入Flash动画；参照P10课堂小结： 各位同学必须掌握有关图文混排的知识。课后练习： 上机完成本堂课的上机操作作业六、层叠样式表（1）了解CSS样式表的特点；（2）掌握CSS样式表的创建方法、CSS样式表的导出和输入方法；1.外部式样式的创建及应用1.创建一个外部式样式文件，并在一个网页中应用此文件中的样式，保存文件2.操作步骤请参照课本P14-P172.内部样式的创建及应用1.创建一个内部样式文件，并在该网页中应用此文件中的样式，保存文件2.操作步骤请参照课本P173.请用Dreamwearer创建一个表格1.请创建一个表格，并输入内容；2.效果图参照图1-24；3.并熟悉表格的基本操作，操作步骤参照P22-P234.请制作如下网页 1.效果图如下，操作步骤P23-P25，步骤一到步骤九课堂小结： 各位同学必须掌握有关层叠样式表的知识。课后练习： 上机完成本堂课的上机操作作业七 、网页布局教学目标：（1）了解有关表格、层、框架的知识；（2）理解使用表格、层进行网页布局的原理（3）掌握在DW中创建表格、层、框架网页的方法（4）掌握表格的编辑，格式化以及属性设置；1.利用表格进行网页布局1.请利用表格进行网页布局2