计算机网络技术基础理论教学教案

计算机专业 课程：计算机网络技术基础 授课教师 课 题 授课时间 Html语言入门 第一周第2次课 课型 授课时数 新授课 2课时 教学目标 1、知识目标 熟悉网站的结构和基本的概念。 2、技能目标 能正确选择网站的布局，正确识别动态网页和静态网页。 3、德育目标 激励学生，让学生在学习中体验成功的喜悦，获得自信。 教学重点 动态网页和静态网页的区别 教学难点 网页布局。 教学关键 理解、熟记、练习、实习 教学方法 讲解法、列举法、演示法、练习法 人数清点 应到46人，实到46人 一、 网站 3、 网站（website）即网络站点，是指连接到互联网上，包含特定内容的网页的有序集合。它拥有域或地址并提供一定网络服务的主机，其中域名指网站所在的位置，主机指提供存放文件所在的空间，网络指提供访问站点的物理链路，也就是网站的接入，服务指提供网站功能和访问形式。 教 2、 网站类型（根据性质和内容分） 1） 政府网站 学 2） 商业网站 3） 企业网站 过 4） 个人网站 5） 其他非营利机构网站 程 3、 网站结构 1） 线性结构 2） 二维表结构 3） 层次结构 二、 网页 1、网页是一种可以在WWW上传输并被浏览器识别、翻译并显示出来的特殊文件。一般我们常见到的网页文件是HTML【Hypertext MarkupLanguage，超文本标记语言】文件。所谓“超文本”就是指页面内除文本外，还可以包含图片、链接、音频甚至视频等非文字的组成部分。 2、网页文件类型 网页文件都是以.htm或html为后缀的文件。另外还有.asp、.aspx、.php或.jsp等。 3、网页的分类 1）静态网页 2）动态网页 区别：动态见面的程序在服务器端运行，而静态网页则在客户端运行。 4、 网页布局形式 1）“国”字型布局 2）“匡”字型布局 3）标题文本型布局 4）框架布局 三、学生看书复习 四、小结 1、网站基础知识 2、网页基础知识 五、作业 教学后记 学生学习兴趣较浓，学习认真，多数同学对概念能正确理解，但还须加强记忆。

计算机网络技术基础理论教学教案

计算机专业 课程：计算机网络技术基础 授课教师 课 题 授课时间 Html基本标记 第二周第1次课 课型 授课时数 新授课 2课时 教学目标 3、 知识目标 熟悉HTML结构和基本的标记格式。 2、技能目标 能正确利HTML进行网页设计。 3、德育目标 激励学生，让学生在学习中体验成功的喜悦，获得自信。 教学重点 Html的基本结构、基本标记的使用 教学难点 主体常用属性的记忆。 教学关键 理解、熟记、练习、实习 教学方法 讲解法、列举法、演示法、练习法 人数清点 应到46人，实到46人，鄢元昊请假 一、 WWW、HTTP与HTML 1、 WWW WWW是环球信息网的缩写，（亦作“Web”、“WWW”、“'3W'”，英文全称为“World Wide Web”），中文名字为“万维网”，\环球网\等，常简称为Web。 2、 HTTP 超文本传输协议（HTTP，HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。 通常，由HTTP客户端发起一个请求，建立一个到服务器指定端口（默认是80端口）的TCP连接。HTTP服务器则在那个端口监听客户端发送过来的请求。一旦收到请求，服务器（向客户端）发回一个状态行，比如\，和（响应的）消息，消息的消息体可能是请求的文件、错误消息、或者其它一些信息。 3、 HTML即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能教 把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，HTML文本是由HTML命令组成的描述性文本。 学 二、Html基本知识 Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标志过 语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编程 写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用<标志名>来表示标志的开始和结束(例如标志对)，因此在 Html文档中这样的标志对都必须是成对使用的。在此教程中，我先讲一下Html的基本标志： 1． 标志用于Html文档的最前边，用来标识Html文档的开始。而标志恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，两个标志必须一块使用。 2． 和构成Html文档的开头部分，在此标志对之间可以使用、等等标志对，这些标志对都是描述Html文档相关信息的标志对，标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。 三、学生练习 四、小结 1、Html基本知识 2、Html基本结构 五、作业 教学后记 较好。 学生对www、HTTP、Html的理解、功能掌握较好，学习认真、努力，效果

计算机网络技术基础理论教学教案

计算机专业 课程：计算机网络技术基础 授课教师 课 题 授课时间 Html标记（二） 第二周第2次课 课型 授课时数 新授课 2课时 教学目标 1、知识目标 熟悉HTML结构和基本的标记格式。 2、技能目标 能正确利HTML进行网页设计。 3、德育目标 激励学生，让学生在学习中体验成功的喜悦，获得自信。 教学重点 Html的基本结构、基本标记的使用 教学难点 主体常用属性的记忆。 教学关键 理解、熟记、练习、实习 教学方法 讲解法、列举法、演示法、练习法 人数清点 应人46人，实到46人 一、Html的基本标志： 3． 教 是Html文档的主体部分，在此标志对之间可包含

、

、

、

、
、

---

等等众多的标志，它们所定义的文本、图像等将会在浏学 览器的框内显示出来。两个标志必须一块使用。标志中还可以有以下属性： 属性 用途 示例 过 红bgcolor=”#rrggb色背景 程 b”> jpg”> 蓝text=”#rrggbb”色文本 > 链接link=”#rrggbb”为蓝色 > vlink=”#rrggbb”> alink=”#rrggbb颜色。 ”> 说明:以上各个属性可以结合使用，如。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色，如#ff0000对应的是红色。此外，还可以使用Html语言所给定的常量名来表示颜色：Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal，如表示标志对中的文本使用蓝色显示在浏览器的框内。 4． 使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的“主题”，要将您的网页的主题显示到浏览器的顶部其实很简单，只要在标志对之间加入您要显示的文本即可。注意：标志对只能放在标志对之间。 四、学生练习 五、小结 1、Html中主体标记的结构。 2、Html主体标记中的属性。 六、作业 学生对---标记和属性的功能，特点掌握较好，但对教学后记 标记中属性的记忆还不牢固，还须加强记忆训练。

计算机网络技术基础实践教学教案

计算机专业 课程：计算机网络技术基础 授课教师

课题 授课日期 教学目标 Html标记机练习 课型 第三周第1次课 授课时数 3、 知识目标： 熟悉html和主体标记中属性的使用。 4、 技能目标： 正确使用HTML标记设置主体属性。 5、 德育目标： 培养学生动手、动脑、探索知识的能力。 教学程序 设备（材料）准备情况 学生出勤情况 正常 操作要领 注意操作步骤 新授课 2课时 整理现场指导 学生按常规清点设备并开机 安全要求 机房用电安全 组织教学 装有记事本程序的计算机， 工艺规程 演示、练习 应到46人，实到46人 讲解示范 人数清点 3、 教师讲解、演示HTML文件的建立方法 说明：编辑HTML代码的方法 1.单击”开始”→”程序”→”附件”→”记事本” 2.将上方的蓝色html代码输入记事本中,单击记事本的”文件”菜单,选”保存”命令. 学 生 训 练 3.在弹出的”保存”对话框中,”保存位置”我们选C:盘,文件名我们输入abc.htm(注意:记事本默认的扩展名是.txt,这里一定要改成.htm),下方的”保存类型”列表框中选”所有文件”,单击”保存”按钮.如图: 4.打开C:就会看到一个名为abc.htm的html文件,这就是我们刚才保存了，双击打开它,就会启动浏览器。 二、学生练习，教师巡回辅导。 三、小结 巡回辅导 对学生作个别指导，及时解决学生在操作中遇到的问题。 总结讲评 学生练习认真，学习兴趣较浓。 布置作业 根据实训内容填写实习报告。 整理现场 关机，清理、摆放好设备，整理好卫生。 教学后记 大多数学生上机的积极性较高，还有些人不认真完成上机操作任务，个别学生借自己没有机子就贪玩，这是以后上机课要注意纠正的地方。 计算机专业

计算机网络技术基础实践教学教案

课程：计算机网络技术基础 授课教师

课题 授课日期 教学目标 Html标记机练习 课型 第三周第2次课 授课时数 3、 知识目标： 熟悉html标记的基本结构，掌握主体标记中属性的使用。 2、技能目标： 正确使用HTML标记设置主体属性。 3、德育目标： 培养学生动手、动脑、探索知识的能力。 设备（材料）准备情况 学生出勤情况 正常 新授课 2课时 教学程序 整理现场指导 组织教学 学生按常规清点设备并开机 工艺规程 操作要领 安全要求 讲解示范 演示、练习 注意操作步骤 机房用电安全 人数清点 应到46人，实到45人，钟丽，王陈洋迟到 一、 复习html文件的结构和主体的常用属性。 是Html文档的主体部分，在此标志对之间可包含

、

、

、

、
、

---

等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。标志中还可以有以下属性： 说明:以上各个属性可以结合使用，如标志对中的文本使用蓝色显示在浏览器的框内。 学 二、HTML的结构演示 生 下面是一个综合的例子，仔细阅读，可以了解以上各个标志对在一个Html文档中的训 布局或所使用的位置。 练 例1 Html文档中基本标志的使用 红色背景、蓝色文本

三、学生练习，教师巡回辅导。 四、小结 装有记事本程序的计算机， 巡回辅导 对学生作个别指导，及时解决学生在操作中遇到的问题。 总结讲评 学生练习认真，学习兴趣较浓。 布置作业 根据实训内容填写实习报告。 整理现场 关机，清理、摆放好设备，整理好卫生。 教学后记 大多数学生上机的积极性较高，还有些人不认真完成上机操作任务，个别学生借自己没有机子就贪玩，这是以后上机课要注意纠正的地方。

计算机网络技术基础理论教学教案

计算机专业 课程：计算机网络技术基础 授课教师 课 题 授课时间 Html格式标记的使用 第四周第1次课 课型 授课时数 新授课 2课时 教学目标 1、知识目标 熟悉Html格式标记的使用。 2、技能目标 能够使用格式标记进行正确的格式控制。 3、德育目标 培养学生养成良好的学习习惯，有团结协作的精神。 教学重点 列表标记的使用。 教学难点 列表类型的选择。 教学关键 理论学习与实践相结合 教学方法 讲授法、演示法、练习法和实习法 一、复习引入新课： 上一个教程中我们讲了Html文档的基本标志，但我们还不知道怎样在浏览器教 中显示文本之类的东西，这正是我们在教程二中将要谈到的。在学习之前，必须强调一下，我们这个教程中所讲的格式标志统统都是用于标志对之间学 的。 二、新课讲解： 1.换行标记
过
是一个很简单的标志，它没有结束标志，因为它用来创建一个回车换行，程 这么一说我想您该会使用了吧。在
的使用上还有一定的技巧，如果您把
加在

标志对的外边，将创建一个大的回车换行，即
前边和后边的文本的 行与行之间的距离比较大，若放在

的里边则
前边和后边的文本的行与行之间的距离将比较小。 2.分段标记

标志对是用来创建一个段落，在此标志对之间加入的文本将按照段落的格式显示在浏览器上。另外，

标志还可以使用align属性，它用来说明对齐方式，语法是：

（1）

标志对用来创建序列表；标志对用来创建一个标有圆点的列表；标志对只能在

或标志对之间使用，此标志对用来创建一个列表项，若放在

之间则每个列表项加上一个数字，若在则为无序列表，之间则每个列表项加上一个圆点。请看下边的例子： （2）有序列表的编号类型

阿拉伯数字(默认)
大写英文字母
小写英文字母
大写罗马数字编号
小写罗马数字编号 （3）无序列表类型
实心圆(默认)
空心圆
实心方块 4.定义列表标记
用来创建一个定义列表，用来创建列表中的上层项目，用来创建列表中最下层项目，和都必须放在
标志对之间。下边的例子： 例题讲解： 例2 创建一个普通列表 中国城市 北京 上海 广州 美国城市 华盛顿 芝加哥 纽约

计算机网络技术基础实践教学教案

计算机专业 课程：计算机网络技术基础 授课教师

课题 授课日期 超链接上练习 课型 第七周第1次课 授课时数 1、知识目标： 熟悉超链接标记的格式、功能和使用。 2、技能目标： 正确使用超链接标记。 3、德育目标： 培养学生动手、动脑、探索知识的能力。 设备（材料）准备情况 组织教学 装有记事本程序的计算机， 学生出勤情况 正常 操作要领 注意操作步骤 新授课 2课时 教学目标 教学程序 整理现场指导 学生按常规清点设备并开机 安全要求 机房用电安全 工艺规程 演示、练习 人数清点 应到46人，实到46人 讲解示范 3、 复习超链接标记 链接源 学 生 训 练 功能：建立一个链接源作为链接对象指向链接目标的超链接。 二、教师演示超链接标记的使用。 三、学生练习，教师巡回辅导。 四、对普遍存在的问题再次讲解演示。 五、课堂小结 巡回辅导 对学生作个别指导，及时解决学生在操作中遇到的问题。 总结讲评 学生练习认真，学习兴趣较浓。 布置作业 根据实训内容填写实习报告。 整理现场 关机，清理、摆放好设备，整理好卫生。 教学后记 大多数学生上机的积极性较高，还有些人不认真完成上机操作任务。

计算机网络技术基础理论教学教案

计算机专业 课程：计算机网络技术基础 授课教师 课 题 授课时间 书签链接和电子邮件链接标记 第七周第2次课 课型 授课时数 新授课 2课时 教学目标 3、 知识目标 熟悉书签链接和电子邮件链接标记的格式及使用。 2、技能目标 掌握书签链接和电子邮件链接标记的创建。 3、德育目标 培养学生养成良好的学习习惯，有团结协作的精神。 教学重点 超链接标记的使用。 教学难点 超链接标记的属性。 教学关键 理论学习与实践相结合。 教学方法 讲授法、演示法、练习法和实习法 人数清点 应到46人，实到46人 一、 建立超链接 （一）当网页内容太长或要导航到其它页面的一个具体位置时，可以使用 Html 中书签。 1、同一个web页面链接 1）在需要转到有位置建立书签 书签内容 教 2）建立书签链接 链接源（热点文字） 学 2.不同的页面之间转接 如果是在不同的页面之间链接时要在href属性中加上网页名称。 过 First.html中定义了书签 书签内容 程 现在要从Second.html中转入First.html并且将位置定到书签名所在的位置 可以设置 链接源 二、电子邮件链接标记 三、教师演示书签链接和电子邮件链接的建立 四、小结： 1）书签链接 2）电子邮件链接 四、作业 教学后记 学生对书签链接和电子邮件链接掌握较好，基本能独立完成本次课的任务

计算机网络技术基础实践教学教案

计算机专业 课程：计算机网络技术基础 授课教师

课题 授课日期 教学目标 书签链接上练习 课型 第八周第1次课 授课时数 1、知识目标： 熟悉书签链接标记的格式、功能和使用。 2、技能目标： 正确使用书签链接标记。 3、德育目标： 培养学生动手、动脑、探索知识的能力。 设备（材料）准备情况 新授课 2课时 教学程序 学生出勤情况 整理现场指导 学生按常规清点设备并开机 组织教学 装有记事本程序的计算机， 正常 工艺规程 演示、练习 一、 复习书签链接标记 讲解示范 操作要领 安全要求 注意操作步骤 机房用电安全 学 生 训 练 1）在需要转到有位置建立书签 书签内容 2）建立书签链接 链接源（热点文字） 3）电子邮件链接 二、教师演示书签链接标记的使用。 三、学生练习，教师巡回辅导。 四、对普遍存在的问题再次讲解演示。 五、课堂小结 巡回辅导 对学生作个别指导，及时解决学生在操作中遇到的问题。 总结讲评 学生练习认真，学习兴趣较浓。 布置作业 根据实训内容填写实习报告。 整理现场 关机，清理、摆放好设备，整理好卫生。 教学后记 大多数学生能正确理解书签链接的含义，并能正确创建书签链接。个别同学掌握还不太好，须加强个别辅导。 计算机网络技术基础理论教学教案

计算机专业 课程：计算机网络技术基础 授课教师 课 题 授课时间 表格标记 第八周第2次课 课型 授课时数 新授课 2课时 教学目标 1、知识目标 熟悉表格标记的格式及属性的使用。 2、技能目标 掌握表格的创建。 3、德育目标 培养学生养成良好的学习习惯，有团结协作的精神。 教学重点 表格标记及其属性的使用。 教学难点 表格接标记的属性。 教学关键 理论学习与实践相结合。 教学方法 讲授法、演示法、练习法和实习法 一、 表格标记 表格的第一行称为表头，这也可以通过HTML标记来实现。 基本语法 教 表格标题 学 标题1 过 标题2 标题3 程 … ... … 说明： 1、 标记中BORDER属性定义边框线的宽度，单位为像素。 2、 …可省略，指定时用于定义表格标题。 3、 …定义表格中每一行和开始和结束。 4、 …定义表头单元格。 5、 …定义表格数据单元格。数据单元格用于存放具体数据内容。 二、教师演示表格的建立 三、学生练习表格的建立 四、小结： 1）表格标记的格式 五、作业 教学后记 学生对表格标记的格式掌握较好，基本能独立完成本次课任务。

计算机网络技术基础理论教学教案

计算机专业 课程：计算机网络技术基础 授课教师 课 题 授课时间 表格标记（二） 第九周第1次课 课型 授课时数 新授课 2课时 教学目标 1、知识目标 熟悉表格的行合并和列合并标记的使用。 2、技能目标 掌握不规则表格的创建。 3、德育目标 培养学生养成良好的学习习惯，有团结协作的精神。 教学重点 表格行合并和列合并标记的使用。 教学难点 表格行、列合并的理解。 教学关键 理论学习与实践相结合。 教学方法 讲授法、演示法、练习法和实习法 教 一、表格行列合并 1、行合并 格式：

教学方法 讲授法、演示法、练习法和实习法 一、多媒体文件类型 1、图像文件类型 网络中常用的图像文件格式有JPEG(*.jpg或*.jpgg)GIF(*.gif)和PNG（*.png）等。 JPEG：也是应用最广泛的图片格式之一，它采用一种特殊的有损压缩算法，将不易被人眼察觉的图像颜色删除，从而达到较大的压缩比(可达到2:1甚至40:1)，所以“身材娇小，容貌姣好”，特别受网络青睐。 GIF：图形交换格式（ Graphics Interchage Format）（.GIF）：支持256色。分为静态GIF和动画GIF两种，支持透明背景图像，适用于多种操作系统，“体型”很小，网上很多小动画都是GIF格式。其实GIF是将多幅图像保存为一个图像文件，从而形成动画,所以归根到底GIF仍然是图片文件格式。 PNG：与JPG格式类似,网页中有很多图片都是这种格式，压缩比高于GIF，支持图像透明，可以利用Alpha通道调节图像的透明度。 2、音频文件类型 网络中常用的音频文件格式有.wav 、.mp3 、 .mid 、.ra 和 .rm 等。 .WAV Wave格式是Microsoft公司开发的一种声音文件格式，用于保存Windows平台的音频信息资源，被Windows平台及其应用程序所广泛支持。文件尺寸较大，多用于存储简短教 的声音片断。 MPEG音频文件的压缩是一种有损压缩，而MP3的压缩率则高达10∶1～12∶1，也就是说学 一分钟CD音质的音乐，未经压缩需要10MB存储空间，而经过MP3压缩编码后只有1MB左右，同时其音质基本保持不失真，因此，目前使用最多的是MP3文件格式。 过 MIDI是乐器数字接口，MIDI文件是一种音乐演奏指令序列，相当于乐谱，由于不包含声音数据，其文件尺寸较小。 程 RealAudio文件——.RA/.RM/.RAM 是一种新型流式音频(Streaming Audio)文件格式，它包含在RealNetworks公司所制定的音频、视频压缩规范RealMedia中，主要用于在低速率 的广域网上实时传输音频信息。。 3、视频文件类型 网络中常用的视频文件格式有.AVI 、.GIF/SWF 等。 AVI文件——.AVI AVI是音频视频交错(Audio Video Interleaved)的英文缩写，它是Microsoft公司开发的一种数字音频与视频文件格式。AVI文件目前主要应用在多媒体光盘上，用来保存电影、电视等各种影象信息，有时也出现在Internet上，供用户下载、欣赏新影片的精彩片断。 .GIF GIF是图形交换格式(Graphics Interchange Format)的英文缩写，是由CompuServe公司于80年代推出的一种高压缩比的彩色图象文件格式。目前Internet上大量采用的彩色动画文件多为这种格式的GIF文件。在Flash中可以将你的设计输出GIF格式。 二、教师演示在网页中插入图像标记及其常用属性的使用 三、学生练习使用网页插入图像。 四、小结： 1、多媒体文件类型及各自的特点。 2、标记的使用 六、作业 教学后记

或 例： 2、列合并 过 或 例： 程 说明：在表格行列合并的实际应用中，首先要根据表格运用的具体情况进行分析，在表格中所要合并的是哪些行、哪些列或哪些行列都要合并，合并的行列数量 是多少等。 二、教师演示表格行列合并的运用 制作如下表格： 姓名 张三 性别 男 学 籍贯 出生日期 四川省计算机网络技术基础 1998-11-21 成绩 备注 568 照片 HTML代码略 三、学生练习表格的行列合并 四、小结： 1）表格行列合并标记的使用 五、作业 教学后记 学生对表格行列合并的掌握较好，基本能独立完成本次课任务。

计算机网络技术基础实践教学教案

计算机专业 课程：计算机网络技术基础 授课教师

课题 授课日期 教学目标 表格标记上机练习 课型 第九周第2次课 授课时数 1、知识目标： 熟悉表格标记的格式、功能和使用。 2、技能目标： 正确使用表格标记。 3、德育目标： 培养学生动手、动脑、探索知识的能力。 设备（材料）准备情况 新授课 2课时 教学程序 学生出勤情况 整理现场指导 学生按常规清点设备并开机 组织教学 装有记事本程序的计算机， 正常 工艺规程 讲解示范 演示、练习 操作要领 安全要求 注意操作步骤 机房用电安全 一、 复习表格标记 表格标题 标题1 标题2 标题3 … ... … 二、教师演示表格的创建和行列的合并。 三、学生练习，教师巡回辅导。 四、对普遍存在的问题再次讲解演示。 五、课堂小结 巡回辅导 对学生作个别指导，及时解决学生在操作中遇到的问题。 总结讲评 学生练习认真，学习兴趣较浓。 布置作业 根据实训内容填写实习报告。 整理现场 关机，清理、摆放好设备，整理好卫生。 教学后记 大多数学生能正确创建表格和进行表格行列的合并。个别同学掌握还不太好，须加强个别辅导。 学 生 训 练

计算机网络技术基础理论教学教案

计算机专业 课程：计算机网络技术基础 授课教师 课 题 表格修饰 课型 新授课 授课时间 第十周第1次课 授课时数 2课时 教学目标 1、知识目标 熟悉表格标记、标记、标记中的常用属性。 2、技能目标 掌握表格修饰的常用属性。 3、德育目标 培养学生养成良好的学习习惯，有团结协作的精神。 教学重点 属性的功能和使用特点。 教学难点 各属性的功能记忆 教学关键 理论学习与实践相结合。 教学方法 讲授法、演示法、练习法和实习法 一、表格标记的常用属性 1. table标记的常用属性 border width height background align 表格边框宽度 整个表格的宽度 整个表格的高度(在XHTML里，table标记没有这个属性) 表格背景图象 整个表格的对齐方式，,主要有三个值left center right 分别表示左、中、右三种对齐方式 整个表格的背景颜色 教 学 过 程 2. bgcolor bordercolor 表格边框颜色 cellspacing 表格格间线宽度 cellpadding 表格内容与格线之间的宽度 tr标记的常用属性 bgcolor border background align valign bordercolor 3. width height bgcolor border 内容行的背景颜色 内容行的边框宽度 内容行的背景图象 整行内容的水平对齐方式,主要有三个值left center right 分别表示左、中、右三种对齐方式 整行内容的垂直对齐方式，主要有三个值top middle bottom 分别表示上、中、下三种对齐方式 内容行的边框颜色 单元格的宽度 单元格的高度(在XHTML里，td标记和th标记没有这个属性) 单元格的背景颜色 单元格的边框宽度 td标记和th标记的常用属性 background align valign colspan rowspan 单元格的背景图象 单元格内容的水平对齐方式，主要有三个值left center right 分别表示左、中、右三种对齐方式 单元格内容的垂直对齐方式，主要有三个值top middle bottom 分别表示上、中、下三种对齐方式 单元格横向跨越所占的格数 单元格纵向跨越所占的格数数 二、教师演示属性的使用 三、学生练习使用属性来修饰美化表格 四、小结： 1）表格标记、标记、标记中的常用属性 五、作业 教学后记 学生对表格常用属性掌握较好，基本能独立完成本次课任务。

计算机网络技术基础实践教学教案

计算机专业 课程：计算机网络技术基础 授课教师

课题 授课日期 教学目标 表格修饰上机练习 课型 第十周第2次课 授课时数 1、知识目标： 熟悉表格标记中常用属性的使用。 2、技能目标： 能对表格进行美化。 3、德育目标： 培养学生动手、动脑、探索知识的能力。 设备（材料）准备情况 新授课 2课时 教学程序 学生出勤情况 整理现场指导 学生按常规清点设备并开机 组织教学 装有记事本程序的计算机， 正常 工艺规程 演示、练习 讲解示范 操作要领 安全要求 注意操作步骤 机房用电安全 学 生 训 练 一、 复习表格标记中常用属性的功能、使用格式 二、教师演示表格标记中常用属性的使用。 三、学生练习，教师巡回辅导。 四、对普遍存在的问题再次讲解演示。 五、课堂小结 巡回辅导 对学生作个别指导，及时解决学生在操作中遇到的问题。 总结讲评 学生练习认真，学习兴趣较浓。 布置作业 根据实训内容填写实习报告。 整理现场 关机，清理、摆放好设备，整理好卫生。 教学后记 学生学习兴趣浓，学习认真，学习效果较好；绝大多数同学掌握了美化表格的属性的使用。

计算机网络技术基础理论教学教案

计算机专业 课程：计算机网络技术基础 授课教师 课 题 授课时间 表单标记 第十一周第1次课 课型 授课时数 新授课 2课时 教学目标 1、知识目标 熟悉表单标记及常用属性。 2、技能目标 掌握表单的建立。 3、德育目标 培养学生养成良好的学习习惯，有团结协作的精神。 教学重点 属性的功能和使用特点。 教学难点 各属性的功能记忆 教学关键 理论学习与实践相结合。 教学方法 讲授法、演示法、练习法和实习法 教 学 过 一、表单标记 1、格式： 2、说明： 1）action 用于指定处理表单数据的URL，其值通常为动态网页文件的路径。 2）method用于指定将表单数据提交给服务器的传送方式，其取值可为GET或

本文来源：https://www.bwwdw.com/article/6guh.html