新的助理电子商务师教案..doc

江 苏 省 盐 城 技 师 学 院 教 案 首 页 编 号：YJQD-0507-07 版 本：B/O 流水号： 编 制： 审 核： 批 准： 授课日期 班 级 课 题：建立HTML文档、运用HTML建立表格 教学目的、要求：1、了解HTML文档结构 2、掌握HTML文件的基本编写方法 教学重点、难点：HTML文件的基本编写方法 授课方法：任务驱动法 教学参考及教具（含电教设备）： 机房 授课执行情况及分析： 板书或教学设计： 第一章 商务网页设计与制作 课题一：建立HTML文档、运用HTML建立表格 理论知识 一、建立HTML文档 HTML文件的概念 HTML文件的特点 HTML文件的结构 HTML文件中表格的作用 二、运用HTML建立表格 表格标签极其属性 操作部分 建立HTML文档 二、运用HTML建立表格 Ⅰ、导入新课: 上学期我们已经学习助理电子商务师的内容，但因教材改编部分内容有所改动，本次课主要复习建立HTML文档、运用HTML建立表格，加强学生对各个知识的理解。 Ⅱ、学习目标： 1、了解HTML文档结构，掌握HTML文件的基本编写方法 2、掌握HTML文档中表格标记符的设置 Ⅲ、授课内容 第一章 商务网页设计与制作 课题一：建立HTML文档、运用HTML建立表格 理论知识： 建立HTML文档 （一）HTML文件的概念 HTML（Hyper Text Markup Languafe），即超文本标记语言，它通过多种标准化的标记符号（Tag）对网页内容进行标注，对页面内容进行标注，对页面超媒体内容的输出格式以及各内容部分之间逻辑上的组织关系等进行描述和指定。 （二）HTML文件的特点 HTML是Web页面的基础。使用HTML描述的网页文件称之为HTML页面或者HTML文件，这种文件以“.html”或者“.htm”为扩展名，它是一种纯文本文件，可以使用记事本、写字板等文本编辑器来进行编辑，也可以使用FrontPage、DreamWeaver等网页制作工具来快速创建HTML文件。 （三）HTML文件的结构 HTML文件均以html标记符开始，以/html标记符结束。head和/head标记符之间的内容用于描述页面的头部信息，例如页面标题、关键词等信息。在body和/body标记符之间的内容即为页面的主体内容。 html head 网页的头部信息 /head body 页面的主要内容 /body /html （四）注意事项 使用记事本等编辑HTML文件时，一定要以.htm或.html为扩展名保存文件，否则在浏览器中无法正确显示预览效果。 二、运用HTML建立表格 （一）HTML文件中表格的作用 表格是HTML的一项非常重要功能，利用其多种属性能够设计出多样化的表格，使用表格可以使网页有很多意想不到的效果。 （二）表格标签极其属性 Valign：定义表格内容的垂直对齐方式，取值可选top（靠上），middle（居中），bottom（靠下） Background：定义表格的背景图片，不能与bgcolor同用。 Bgcolor：定义表格的底色，不能与Background同用。 Bordercolor：定义表格边框颜色 Bordercolorloght：定义表格边框向光部分的颜色（只适用于IE浏览器） Bordercolordark：定义该行框背光部分的颜色（只适用于IE浏览器） 注意：使用Bordercolorloght或Bordercolordark时Bordercolor将会失效（只适用于IE浏览器） Cols：定义表格栏位数目，可令浏览器下载表格时先画出整个表格。 2.tr标签的常用属性 在table标签内使用tr标签标示和编辑表格的行，tr标签的常用属性包括： align:定义该行内容的水平对齐方式，取值可选;left(左对齐)，center（居中），right（右对齐） Valign：定义该行内容的垂直对齐方式，去值可选：top（靠上），middle（居中），bottom（靠下） Bgcolor：定义该行背景色。 Bordercolor：定义该行边框颜色（只适用于IE浏览器） Bordercolorloght：定义该行边框向光部分的颜色（只适用于IE浏览器） Bordercolordark：定义该行框背光部分的颜色（只适用于IE浏览器）