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

江苏省盐城技师学院

教案首页

编号：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〔HyperTextMarkupLanguafe〕，即超文本标记语言，它通过多种标准化的标记符号〔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浏览器〕

注意：使用Bordercolorloght或