计算机网络技术基础第三版教案.docx

1、计算机网络技术基础第三版教案计算机网络技术基础理论教学教案 计算机专业 课程：计算机网络技术基础 授课教师 课 题Html语言入门课型新授课授课时间第一周第2次课授课时数2课时教学目标1、知识目标 熟悉网站的结构和基本的概念。2、技能目标能正确选择网站的布局，正确识别动态网页和静态网页。3、德育目标激励学生，让学生在学习中体验成功的喜悦，获得自信。教学重点动态网页和静态网页的区别教学难点网页布局。教学关键理解、熟记、练习、实习教学方法讲解法、列举法、演示法、练习法人数清点应到46人，实到46人教学过程一、网站3、网站（website）即网络站点，是指连接到互联网上，包含特定内容的网页的有序集合

2、。它拥有域或地址并提供一定网络服务的主机，其中域名指网站所在的位置，主机指提供存放文件所在的空间，网络指提供访问站点的物理链路，也就是网站的接入，服务指提供网站功能和访问形式。2、网站类型（根据性质和内容分）1）政府网站2）商业网站3）企业网站4）个人网站5）其他非营利机构网站3、网站结构1）线性结构2）二维表结构3）层次结构二、网页1、网页是一种可以在WWW上传输并被浏览器识别、翻译并显示出来的特殊文件。一般我们常见到的网页文件是HTML【HypertextMarkupLanguage，超文本标记语言】文件。所谓“超文本”就是指页面内除文本外，还可以包含图片、链接、音频甚至视频等非文字的组成

3、部分。2、网页文件类型网页文件都是以.htm或html为后缀的文件。另外还有.asp、.aspx、.php或.jsp等。3、网页的分类1）静态网页2）动态网页区别：动态见面的程序在服务器端运行，而静态网页则在客户端运行。4、网页布局形式1）“国”字型布局2）“匡”字型布局3）标题文本型布局4）框架布局三、学生看书复习四、小结1、网站基础知识2、网页基础知识五、作业教学后记学生学习兴趣较浓，学习认真，多数同学对概念能正确理解，但还须加强记忆。计算机网络技术基础理论教学教案 计算机专业 课程：计算机网络技术基础 授课教师 课 题Html基本标记课型新授课授课时间第二周第1次课授课时数2课时教学目标

4、3、知识目标 熟悉HTML结构和基本的标记格式。2、技能目标能正确利HTML进行网页设计。3、德育目标激励学生，让学生在学习中体验成功的喜悦，获得自信。教学重点Html的基本结构、基本标记的使用教学难点主体常用属性的记忆。教学关键理解、熟记、练习、实习教学方法讲解法、列举法、演示法、练习法人数清点应到46人，实到46人，鄢元昊请假教学过程一、WWW、HTTP与HTML1、WWWWWW是环球信息网的缩写，（亦作“Web”、“WWW”、“3W”，英文全称为“World Wide Web”），中文名字为“万维网”，环球网等，常简称为Web。2、HTTP超文本传输协议（HTTP，HyperText T

5、ransfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。通常，由HTTP客户端发起一个请求，建立一个到服务器指定端口（默认是80端口）的TCP连接。HTTP服务器则在那个端口监听客户端发送过来的请求。一旦收到请求，服务器（向客户端）发回一个状态行，比如HTTP/1.1 200 OK，和（响应的）消息，消息的消息体可能是请求的文件、错误消息、或者其它一些信息。3、HTML即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑

6、中的文本或图形方便地联系在一起，形成有机的整体，HTML文本是由HTML命令组成的描述性文本。二、Html基本知识Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用来表示标志的开始和结束(例如标志对)，因此在Html文档中这样的标志对都必须是成对使用的。在此教程中，我先讲一下Html的基本标志：1

7、标志用于Html文档的最前边，用来标识Html文档的开始。而标志恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，两个标志必须一块使用。2和构成Html文档的开头部分，在此标志对之间可以使用、等等标志对，这些标志对都是描述Html文档相关信息的标志对，标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。三、学生练习四、小结1、Html基本知识2、Html基本结构五、作业教学后记学生对www、HTTP、Html的理解、功能掌握较好，学习认真、努力，效果较好。计算机网络技术基础理论教学教案 计算机专业 课程：计算机网络技术基础 授课教师 课 题Html标记（二）课

8、型新授课授课时间第二周第2次课授课时数2课时教学目标1、知识目标 熟悉HTML结构和基本的标记格式。2、技能目标能正确利HTML进行网页设计。3、德育目标激励学生，让学生在学习中体验成功的喜悦，获得自信。教学重点Html的基本结构、基本标记的使用教学难点主体常用属性的记忆。教学关键理解、熟记、练习、实习教学方法讲解法、列举法、演示法、练习法人数清点应人46人，实到46人教学过程一、Html的基本标志：3是Html文档的主体部分，在此标志对之间可包含、等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。标志中还可以有以下属性：属性用途示例设置背景颜色。红色背

9、景设置背景图片设置文本颜色。蓝色文本设置链接颜色。链接为蓝色设置已使用的链接的颜色设置正在被击中的链接的颜色。说明:以上各个属性可以结合使用，如。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色，如#ff0000对应的是红色。此外，还可以使用Html语言所给定的常量名来表示颜色：Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal，如表示标志对中的文本使用蓝色显示在浏览器的框内。 4使用过浏览器的人可能都会注意到浏览器窗口最上边蓝

10、色部分显示的文本信息，那些信息一般是网页的“主题”，要将您的网页的主题显示到浏览器的顶部其实很简单，只要在标志对之间加入您要显示的文本即可。注意：标志对只能放在标志对之间。四、学生练习五、小结1、Html中主体标记的结构。2、Html主体标记中的属性。六、作业教学后记学生对-标记和属性的功能，特点掌握较好，但对标记中属性的记忆还不牢固，还须加强记忆训练。计算机网络技术基础实践教学教案计算机专业 课程：计算机网络技术基础 授课教师 课题Html标记机练习课型新授课授课日期第三周第1次课授课时数2课时教学目标3、知识目标：熟悉html和主体标记中属性的使用。4、技能目标：正确使用HTML标记设置主

11、体属性。5、德育目标：培养学生动手、动脑、探索知识的能力。教学程序组织教学设备（材料）准备情况学生出勤情况整理现场指导装有记事本程序的计算机，正常学生按常规清点设备并开机讲解示范工艺规程操作要领安全要求演示、练习注意操作步骤机房用电安全人数清点应到46人，实到46人学生训练3、教师讲解、演示HTML文件的建立方法说明：编辑HTML代码的方法 1.单击”开始”程序”附件”记事本”2.将上方的蓝色html代码输入记事本中,单击记事本的”文件”菜单,选”保存”命令.3.在弹出的”保存”对话框中,”保存位置”我们选C:盘,文件名我们输入abc.htm(注意:记事本默认的扩展名是.txt,这里一定要改成

12、.htm),下方的”保存类型”列表框中选”所有文件”,单击”保存”按钮.如图:4.打开C:就会看到一个名为abc.htm的html文件,这就是我们刚才保存了，双击打开它,就会启动浏览器。二、学生练习，教师巡回辅导。三、小结巡回辅导对学生作个别指导，及时解决学生在操作中遇到的问题。总结讲评学生练习认真，学习兴趣较浓。布置作业根据实训内容填写实习报告。整理现场关机，清理、摆放好设备，整理好卫生。教学后记大多数学生上机的积极性较高，还有些人不认真完成上机操作任务，个别学生借自己没有机子就贪玩，这是以后上机课要注意纠正的地方。计算机网络技术基础实践教学教案计算机专业 课程：计算机网络技术基础 授课教师

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

14、的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。标志中还可以有以下属性： 说明:以上各个属性可以结合使用，如。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色，如#ff0000对应的是红色。此外，还可以使用Html语言所给定的常量名来表示颜色：Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal，如表示标志对中的文本使用蓝色显示在浏览器的框内。二、HTML的结构演示下面是一个综合的例子，仔细阅读，可以了解以上各个标

15、志对在一个Html文档中的布局或所使用的位置。例1 Html文档中基本标志的使用显示在浏览器最上边蓝色条中的文本红色背景、蓝色文本三、学生练习，教师巡回辅导。四、小结巡回辅导对学生作个别指导，及时解决学生在操作中遇到的问题。总结讲评学生练习认真，学习兴趣较浓。布置作业根据实训内容填写实习报告。整理现场关机，清理、摆放好设备，整理好卫生。教学后记大多数学生上机的积极性较高，还有些人不认真完成上机操作任务，个别学生借自己没有机子就贪玩，这是以后上机课要注意纠正的地方。计算机网络技术基础理论教学教案 计算机专业 课程：计算机网络技术基础 授课教师 课 题Html格式标记的使用课型新授课授课时间第四周

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

17、个回车换行，这么一说我想您该会使用了吧。在的使用上还有一定的技巧，如果您把加在标志对的外边，将创建一个大的回车换行，即前边和后边的文本的行与行之间的距离比较大，若放在的里边则前边和后边的文本的行与行之间的距离将比较小。2.分段标记标志对是用来创建一个段落，在此标志对之间加入的文本将按照段落的格式显示在浏览器上。另外，标志还可以使用align属性，它用来说明对齐方式，语法是：。align可以是Left(左对齐)、Center(居中)和Right(右对齐)三个值中的任何一个。如表示标志对中的文本使用居中的对齐方式。3.（1）标志对用来创建序列表；标志对用来创建一个标有圆点的列表；标志对只能在或标志

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

19、芝加哥 纽约 例题讲解例3 标有数字或圆点的列表中国城市 北京 上海 广州 美国城市 华盛顿 芝加哥 纽约 此例在浏览器中的显示如下: 中国城市 1.北京 2.上海 3.广州 美国城市 华盛顿 芝加哥 纽约 5.列表的嵌套 就是列表里面又有列表。（举例略） 三、小结：1换行标记 2.分段标记3.定义列表标记4.5.列表的嵌套四、作业教学后记 学生对有序开表、无序列表和定义列表的掌握较好，但对列表的嵌套掌握还不好，还须多做相关例题加以练习。计算机网络技术基础实践教学教案计算机专业 课程：计算机网络技术基础 授课教师 课题Html标记机练习课型新授课授课日期第四周第2次课授课时数2课时教学目标1、

20、知识目标：熟悉HTML中列表标记的格式、功能和使用。2、技能目标：正确使用HTML文件国的列表标记。3、德育目标：培养学生动手、动脑、探索知识的能力。教学程序组织教学设备（材料）准备情况学生出勤情况整理现场指导装有记事本程序的计算机，正常学生按常规清点设备并开机讲解示范工艺规程操作要领安全要求演示、练习注意操作步骤机房用电安全学生训练一、 复习html文件中的列表标记1.列表标记（1）有序列表标志对用来创建序列表；（2）无序列表标志对用来创建一个标有圆点的列表；标志对只能在或标志对之间使用，此标志对用来创建一个列表项，若放在之间则每个列表项加上一个数字，若在则为无序列表，之间则每个列表项加上一

21、个圆点。请看下边的例子：（2）有序列表的编号类型 阿拉伯数字(默认) 大写英文字母 小写英文字母 大写罗马数字编号 小写罗马数字编号（3）无序列表类型 实心圆(默认) 空心圆实心方块二、教师演示列表标记的使用。三、学生练习，教师巡回辅导。四、小结巡回辅导对学生作个别指导，及时解决学生在操作中遇到的问题。总结讲评学生练习认真，学习兴趣较浓。布置作业根据实训内容填写实习报告。整理现场关机，清理、摆放好设备，整理好卫生。教学后记大多数学生上机的积极性较高，还有些人不认真完成上机操作任务，个别学生借自己没有机子就贪玩，这是以后上机课要注意纠正的地方。第五周第一次课安岳培训计算机网络技术基础理论教学教案

22、 计算机专业 课程：计算机网络技术基础 授课教师 课 题Html中超链接标记课型新授课授课时间第五周第2次课授课时数2课时教学目标1、知识目标熟悉Html中标记超链接标记的格式及使用。2、技能目标能够使用超链接标记进行超链接的创建。3、德育目标培养学生养成良好的学习习惯，有团结协作的精神。教学重点超链接标记的使用。教学难点超链接标记的属性。教学关键理论学习与实践相结合。教学方法讲授法、演示法、练习法和实习法教学过程一、建立超链接超链接是网页页面中最重要的元素之一，是一个网站的灵魂。一个网站是由多个页面组成的，页面之间依靠链接确定相互的导航关系1、基本语法链接源2、功能建立一个链接源作为链接对象指向链接目标的超链接。3、说明1）链接源是指网页中用来作为超链接的链接对象,可以是一段文本或一张图片。2)通过href属性指定地址，链接目标是要链接到的其他资源，链接文字为鼠标单击的文字内容。3)绝对路径和相对路径。4）Target属性指定链接目标的显示位置。链接文字属性值描述parent在上一级窗口中打开。一般使用框架会经常使用blank在新窗口中打开self在当前窗口中打开，这项一般不用设置top在浏览器的整个窗口中打开，忽略任何框架框架名称只用于框架网页中，目标在指定的框架中显示二、教师演示超链接标记的作用三、小结： 1）链接标记链接源2）Target属性