当前位置:首页 > 新的助理电子商务师教案
江 苏 省 盐 城 技 师 学 院
教 案 首 页
编 号: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文件时,一定要以.htm或.html为扩展名保存文件,否则在浏览器中无法正确显示预览效果。 二、运用HTML建立表格 (一)HTML文件中表格的作用
表格是HTML的一项非常重要功能,利用其多种属性能够设计出多样化的表格,使用表格可以使网页有很多意想不到的效果。 (二)表格标签极其属性
Valign:定义表格内容的垂直对齐方式,取值可选top(靠上),middle(居中),bottom(靠下)
Background:定义表格的背景图片,不能与bgcolor同用。 Bgcolor:定义表格的底色,不能与Background同用。 Bordercolor:定义表格边框颜色
Bordercolorloght:定义表格边框向光部分的颜色(只适用于IE浏览器) Bordercolordark:定义该行框背光部分的颜色(只适用于IE浏览器)
注意:使用Bordercolorloght或Bordercolordark时Bordercolor将会失效(只适用于IE浏览器)
Cols:定义表格栏位数目,可令浏览器下载表格时先画出整个表格。 2.
在
标签的常用属性 在 | |
标签记和编辑表格中该行的列, | 标签的常用属性包括: Width:定义单元格宽度,可以用绝对值(如80)或相对值(如80%)方式设置。 Heigh:定义单元格高度。 Rowspan: 定义单元格所跨行数 Colspan: 定义单元格所跨列数 Align:定义单元格内容水平对齐方式 Valign: 定义单元格内容垂直对齐方式 Bgcolor:定义单元格景色 Bordercolor:定义单元格边框颜色(只适用于IE浏览器) Bordercolorlight:定义单元格边框向光部分的颜色(只适用于IE浏览器) Bordercolordark:定义单元格边框背光部分的颜色(只适用于IE) 注意:使用Bordercolorlight或Bordercolordark时Bordercolor将会失效。 Background:定义单元格背景图片,不能与bgcolor属性同时使用。 (三)、注意事项 表格使用 |
… | 列标记符来定义各列 操作部分: 一、建立HTML文档