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

计算机专业 课程：计算机网络技术基础 授课教师 课 题 授课时间 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主体标记中的属性。 六、作业 学生对---标记和属性的功能，特点掌握较好，但对教学后记 标记中属性的记忆还不牢固，还须加强记忆训练。

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

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