DOC《教学主题》

教学主题 网页 适用年级 高二年级 教学课时 1课时 教材分析 本节教材主要介绍了网页栏目的构成、静态网页和动态网页等内容.

因此,首先要让学生从理论上了解网页、主页、网站的基本概念以及它们之间的关系;

其次,通过介绍浏览典型的网页来加深对网页栏目构成的理解;

最后,重点让学生通过作业

二、

三、四(见作业单)了解静态网页与动态网页在表现形式以及工作原理方面的差异. 学习目的 了解网页、主页、网站的基本概念及其相互关系. 了解网页栏目的构成. 3. 了解静态网页技术和动态网页技术的不同之处. 所需资源和环境 数字化资源 http://www.cbe21.com/ http://www.phzx.net http://chinese.2318.net/index.asp 教学资源 教材《网络技术应用》

第五章1节 教材配套的教师用书 3. 《网页》学习任务单 教学支撑环境 计算机网络教室(要求:可以访问校园内网及外部INTERNET) 教学引导问题设计 问题 目的 重点/难点/关键点 网站、网页、主页的关系 清楚什么是网站、网页、主页 主页及超级连接 网页栏目由什么构成的 了解网页栏目的各个组成部分 网站标志(LOGO),页眉区,热点推荐区 静态网页和动态网页的区别 理解静态网页和动态网页的工作原理 动态网页的工作原理 教学过程设计

一、新课引入: 同学们,我们平常经常说"登陆网站"、"打开网页"、"某网站的主页",那么,网站、网页、主页究竟是什么关系呢?

二、新课讲授: 网页就是一个用超文本标记语言(HTML)编写的文件,利用"链接的方法"将一系列网页相互串联起来,便形成了一个网站.当我们连接到任何一个网站上时,首先显示的便是该网站的主页(homepage)也叫首页,它是一个网站的起点. 学生活动: 学生打开google网站(www.google.com)体会google主页(http://www.google.com/int l/ zh-CN/)和超级链接

三、教师设问:既然网站是由网页构成的,那么网页又是什么构成的呢? 教师登陆"中国基础教育网"(http://www.cbe21.com)以此分析讲解网页构成. 1页面标题:显示在浏览器标题栏的文字,一般为网站的主题或欢迎词 2网站标志(LOGO):主页顶部标志性图标,一般为网站创意或内涵的体现. 3页眉区:展示网站主题或发布广告、宣传语,一般为flash动画. 教学 过程设计 4导航栏:引导用户快速浏览网站内容. 5登陆区:与用户交互,一般为注册用户使用. 6搜索区:帮助用户查找本网站某一内容. 7热点推荐区:网站最新更新内容. 8主内容区:网站主体. 9页脚区:在页面底部,放置导航条、版权信息、联系方式、赞助商等. 学生活动: 学生登陆"中国基础教育网"观察主页以理解消化教学内容,然后完成作业一.

四、教师设问:互联网上的网页成千上万,它们都是怎样运行的呢?实现方法相同么?若不同有哪些种? 教师解答:实现方法分静态网页和动态网页. 1.静态网页: 在服务器上以文件形式存放并以相同格式发送给客户的网页.客户通过浏览器看到的网页内容就是事先保存在服务器上相同的网页内容,网页在服务器端和客户浏览器端完全一致、没有变化.它由HTML语言编写,扩展名一般为.htm或.html.工作原理如教材p76图所示 动态网页: (1)客户端动态网页技术:不需要与服务器交互,它通常采用java小程序和脚本语言形式直接嵌在网页中.服务器将网页发送给客户以后,网页在客户端浏览器中直接响应用户的动作.如网页中插入"日期"功能的实现. 学生活动: 学生完成作业二以体会客户端动态网页工作原理. 学生完成作业三以体会客户端动态网页工作原理. (2)服务器端动态技术:需要服务器和客户端的共同参与,客户通过浏览器发出面请求后,服务器根据请示的参数运行服务端程序产生结果页面再返回给客户端浏览器,一般需服务器端数据库支持.如"google"、"baidu"等搜索网站搜索结果的返回. 工作原理如教材p77图所示 学生活动: 学生完成作业四以体会服务端动态网页工作原理.

五、本课小结 课后反思: 教案设计者: 贾威 E-mail: [email protected] 单位: 浙江省平湖中学 通信地址: 东湖大道(314200) 5.1网页学习任务单 作业一:请打开下面两个网站(http://www.phzx.net ,http://chinese.2318.net/index.asp ) 观察页面,填写下表. 请把以上两个网站的下列部分在页面上指出: 页面标题 推荐热点区 网站标志(LOGO) 主要内容区 页眉区 页脚区 导航栏 搜索区 登陆区 注:有些部分可能没有 作业二: (1)学生使用"记事本"输入教材p78实验一的网页代码,并保存为try1.htm或try1.html. (2)学生在浏览器中打开此文件,观察运行的效果,并完成课后问题. 作业三: (1)学生使用"记事本"输入教材p79实验二的网页代码,并保存为try2.htm或try2.html. (2)学生在浏览器中打开此文件,观察运行的效果,并完成课后问题. 作业四: 学生打开"google"输入"教育"、"中学"等关键词体会服务器端动态技术.