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

表单标记的效果图 5.HTML语言中表单标记的应用 表单标记的效果图 6.HTML语言中表单标记的应用 表单标记的效果图 7.HTML语言中表单标记的应用 表单标记的效果图 8.HTML语言中表单标记的应用 表单标记的效果图 9.HTML语言中表单标记的应用 表单标记的效果图 课堂小结： 各位同学必须掌握今天所讲的表单标记。 课后练习： 上机完成本堂课的上机操作作业 五、网 页 图 文 混 排 教学目标： （1）理解站点和站点管理的概念； （2）掌握在DW中创建站点的方法； （3）了解网页文本，图像，超链接、多媒体元素的有关知识； （4）插入图像，超链接，视频和音频的方法。 1.用Dreamwearer创建一个属于自己的站点 请打开Dreamwearer软件，并创建一个属于自己的站点； 创建步骤请参照课本P2-P5 2.请在Dreamwearer设置网页的属性 1.请设置网页的属性； 2.参照课本P5 3.请在Dreamwearer中编辑网页文本 1.效果图参照图1-7 2.输入完成以后，请设置文本的字符格式和段落格式，效果图参照图1-9 4.请在网页中插入图像 1.请参照课本P7-P8 5.请在网页中创建超级链接 1.请参照课本P8 2.分别用文字和图片做链接 6.在网页中插入多媒体元素 1.插入背景音乐；参照P9 2.插入Flash动画；参照P10 课堂小结： 各位同学必须掌握有关图文混排的知识。 课后练习： 上机完成本堂课的上机操作作业 六、层叠样式表 （1）了解CSS样式表的特点； （2）掌握CSS样式表的创建方法、CSS样式表的导出和输入方法； 1.外部式样式的创建及应用 1.创建一个外部式样式文件，并在一个网页中应用此文件中的样式，保存文件 2.操作步骤请参照课本P14-P17 2.内部样式的创建及应用 1.创建一个内部样式文件，并在该网页中应用此文件中的样式，保存文件 2.操作步骤请参照课本P17 3.请用Dreamwearer创建一个表格 1.请创建一个表格，并输入内容； 2.效果图参照图1-24； 3.并熟悉表格的基本操作，操作步骤参照P22-P23 4.请制作如下网页 1.效果图如下，操作步骤P23-P25，步骤一到步骤九 课堂小结： 各位同学必须掌握有关层叠样式表的知识。 课后练习： 上机完成本堂课的上机操作作业 七 、网页布局 教学目标： （1）了解有关表格、层、框架的知识； （2）理解使用表格、层进行网页布局的原理 （3）掌握在DW中创建表格、层、框架网页的方法 （4）掌握表格的编辑，格式化以及属性设置； 1.利用表格进行网页布局 1.请利用表格进行网页布局 2.具体步骤课参照P23-P27 3.效果图如下： 利用表格布局的效果图如下 2.利用层进行网页布局 1.请利用层进行网页布局 2.操作步骤可参照P27-P31 3.效果图如下 利用层布局网页的效果图 电子商务基础主讲人：刘柱建 第一章 商务网页的制作 一、页面布局 学习目标： （1）了解HTML超文本标记语言的结构、语法 （2）掌握HTML文件的建立及浏览、常用格式化标记符的设置 （3）掌握链接标记的设置 课堂小结： 各位同学必须掌握今天所讲的几个标记。 课后练习： 上机完成以上五个示例 二、文字与表格 教学目标： （1）进一步了解HTML超文本标记语言的结构、语法 （2）掌握字体标记符，表格标记符的设置 1.Html语言中table标记的应用 Table标记的效果图 2.Bgsound背景音乐的示例 3.Img标记插入图片 img标记效果图 4.请自行编写HTML代码完成以下效果 课堂小结： 各位同学必须掌握今天所讲的字体和表格标记。 课后练习： 上机完成本堂课的上机操作作业 三、滚动标记的应用 教学目标： （1）进一步了解HTML超文本标记语言的结构、语法； （2）掌握HTML中滚动标记的应用。 1.HTML语言中滚动标记的应用 滚动标记的效果图 2.请自行设计一个滚动标记页面 要求如下： 1.自行设计滚动标记页面 2.滚动方式为来回滚动marquee behavior=alternate我来回滚动/marquee 3. 滚动速度marquee scrollamount=“100 ./marquee 4.滚动的内容自定义。 课堂小结： 各位同学必须掌握今天所讲的滚动标记。 课后练习： 上机完成本堂课的上机操作作业 四、表 单 标 记 教学目标： 教学目标： （1）进一步了解HTML超文本标记语言