计算机网络基础第5章教案.doc

攀枝花市经贸旅游学校 教 案 PAGE PAGE 2 第5章　HTML语言入门 课 　型：　新课 课时安排：18课时 教学目标： 知识目标：1)理解网页与网站的概念； 2)掌握HTML文件的基本结构； 3)掌握HTML文件编辑的常用标记； 4)掌握列表标记的应用； 5)掌握超链接标记的应用； 6)掌握表格标记的应用； 7)掌握表单和框架技术的应用； 8)掌握多媒体在网页中的应用； 9)掌握CSS在网页中的应用； 技能目标：培养学生运用所学知识与技能，主动探究，解决实际问题的能力。 德育目标：培养大家养成勇于探究新知识，不断地提高自身的审美意识，树立正确的人生观和价值。 教学重点：HTML、 列表标记、超链接标记、表格标记、表单和框架技术、CSS 教学难点：标记的使用与运用 安全教育：培养学生网络安全意识 教学方法：讲演练 教学过程： 第1,2课时 5.1 网页制作概述 一、网站 网站(Website)是指在Internet上，使用HTML(Hypertext Markup Language,超文本标记语言)等工具制作的用于展示特定内容的相关网页集合。 1．网站类型 网站类型是指根据网站使用性质和内容的不同对网站的分类，通常情况下可以将网站分为政府网站、商业网站、企业网站、教育科研机构网站、个人网站和其它非盈利机构网站等。 2．网站结构 网站结构一般分为物理结构和逻辑结构，网站物理结构是指网站真实的目录及文件所存储的位置；网站逻辑结构是指在一个网站中各页面之间的逻辑链接关系，也可称为网站地图。 常见的网站逻辑结构有以下三种： (1) 线性结构：这是网站最简单的一种结构，它是以某种顺序组织的，可以是时间顺序，也可以是逻辑甚至是字母顺序。通过这些顺序呈线性地链接。如一般的索引就采用线性结构。线性结构是组织网页的基本结构。 (2) 二维表结构：这种结构允许浏览者横向、纵向地浏览信息。 (3) 层次结构：层次结构是由一条主线构成索引，每一层又由一条线性结构构成。如网站导航就是这种结构。层次构造是目前网页制作普遍采用的一种结构形式。 二、网页 网页是网站中的“一页”，是构成网站的基本元素，是承载各种网站应用服务的平台。就是当浏览者访问网站时，在浏览器窗口中所看到的一个个页面。其中，在浏览器窗口中首先打开的默认页面称为该网站的首页或主页(Home Page)，网站首页一般命名为index或default。 1．网页文件的类型 网页是以文件的形式存储的网页文件。 以.htm或.html为后缀的文件，俗称HTML文件。 不同的后缀，分别代表不同类型的网页文件，如以.asp或.aspx或.php或.jsp等为后缀的网页文件。 2．网页的分类 网页按使用技术的不同，一般分为静态网页和动态网页。 静态网页是相对于动态网页而言的，是指没有后台数据库、不含程序和交互操作的网页。采用纯HTML来编写。插入.gif格式的动画、FLASH动画、滚动字幕等可实现视觉上的动态效果。 动态网页可以实现网页浏览者和网页设计者的交互，实现交互技术有两种：一种是客户端技术如常用的JavaScript和VBScript；另一种是服务器端技术如目前常用的ASP和PHP。它们会随不同浏览者、不同时间、不同操作返回不同的网页，例如ASP、PHP、JSP、ASP.net、CGI等； ★客户端脚本语言 JavaScript：由 HYPERLINK /wiki/%E7%BD%91%E6%99%AF%E5%85%AC%E5%8F%B8 \o 网景公司 网景公司的 HYPERLINK /wiki/Brendan_Eich \o Brendan Eich Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类型广泛用于 HYPERLINK /wiki/%E5%AE%A2%E6%88%B7%E7%AB%AF \o 客户端 客户端 HYPERLINK /w/index.php?title=%E7%B6%B2%E9%A0%81%E5%BC%80%E5%8F%91action=editredlink=1 \o 网页开发 网页开发的 HYPERLINK /wiki/%E8%85%B3%E6%9C%AC%E8%AA%9E%E8%A8%80 \o 脚本语言 脚本语言，最常是于 HYPERLINK /wiki/HTML \o HTML HTML上使用，用来给HTML网页添加动态功能。 VBScript是 HYPERLINK /wiki/%E5%BE%AE%E8%BD%AF \o 微软 微软开发的一种 HYPERLINK /wiki/%E8%84%9A%E6%9C%AC%E8%AF%AD%E8%A8%80 \o 脚本语言 脚本语言，可以看作是 HYPERLINK /wiki