【asp精品源码栏目提醒】:以下是网学会员为您推荐的asp精品源码-动态网页制作 计算机文档 - 计算机教材,希望本篇文章对您学习有所帮助。
信息技术基础教案高二年级 备课组成员狄乐群 管敏强 唐俊仙 陈燕 蒋莉莉 王洁 1 第五章 动态网页制作 5.1认识动态网页 授课题目:§5.1认识动态网页 授课时数: 1学时 课 型: 新课 教学目标 1 知识与技能:了解动态 HTML能够实现简单的动态 HTML 效果准确把握静态网页与动态网页的区别为学生以后自主制作动态网页打下良好的基础。
2 过程与方法: 通过简单的实例演示让学生对动态 HTML 概念有比较具体的认识利用任务驱动法让学生学会简单的动态 HTML 制作。
依据学生前面制作网页的基础首先给出静态网页的概念有了静态网页的学习采用比较法学生会对动态网页有个粗浅的了解。
进而通过实例演示让学生对动态网页有更深一步的了解达到准确把握动态网页的概念。
3.情感态度与价值观利用精彩的实例激发学生学习动态 HTML 网页的制作兴趣提高学生的审美情趣。
重 点 实现简单的动态 HTML 效果 静态网页与动态网页的区别 难 点掌握动态网页的特性实现简单的动态 HTML 效果 静态网页与动态网页的区别动态网页的生成过程 教学过程 1.教师展示事先做好的简单的动态网页”鼠标指向一图片该图片变成另外一图片”和一个网页中直接插入一gif动画 请学生们就这两个简单的网页展开讨论。
1分析两个网页的共同点及异同点 2你看到这第一个网页鼠标指向图片的动你觉得它是普通意义上的动画吗 希望大家踊跃发言说出自己的观点。
教师总结:并不是网页上所有的”动”的效果都是动态HTML效果. 从而引出动态HTML的概念:指即使在脱离网络环境的情况下网页下载到浏览器以后仍能够随时变换的HTML.举例:鼠标移到文本、文本变成其它颜色、鼠标特效、常用的搜索引擎、用户注册、用户登录、在线调查、用户管理、订单管理等等等. 同学们前面都自己利用 FrontPage 制作过自己喜欢的网页这种网页的文件扩展名是 .htm 或者 .html 。
网页上的每一行代码都是同学们预先编写好后放置到 Web 服务器上的在发送到客户端的浏览器上不再发生任何变化。
这种网页就称之为静态网页。
接下来我们来了解一下静态网页与动态网页的工作原理 静态网页的处理流程如图 5-1 所示。
信息技术基础教案高二年级 备课组成员狄乐群 管敏强 唐俊仙 陈燕 蒋莉莉 王洁 2 动态网页的处理流程如图 5-2 所示。
动态网页和静态网页的相同之处都是 ASCII 编码文件都存在着 HTML 代码都能包含脚本语言代码都存放在 Web 服务器上都把用户请求的页面发送到浏览器上。
动态网页和静态网页的区别 是动态网页的文件扩展名不是 .htm 、 .html而是以 asp 、 jsp 、 php 、 perl 、 .cgi 等形式为文件后缀动态网页中的某些脚本只能在服务器上运行而静态网页不能包含在服务器上运行的任何脚本当 Web 服务器收到用户请求的静态页面后将把查找结果直接发送到浏览器而当 Web 服务器收到用户请求的动态页面后它将先把这个网页传递给一个称为应用服务器扩展的特殊软件进行处理然后将处理结果传送给浏览器。
2.自己动手制作简单的动态 HTML 师请同学们从网上找两幅自己喜欢的图片并下载到本地机。
然后打开 FrontPage 先将其中的一幅图片插入使用 DHTML 效果利用其中的“鼠标悬停”事件将第一幅图片交换成第二幅图片。
生利用网络在本地机上完成该任务同时体会动态 HTML 效果 学有余力的同学也可以试一下触发事件中的”网页加载”、”双击”、“单击”等并设置效果类型及信息技术基础教案高二年级 备课组成员狄乐群 管敏强 唐俊仙 陈燕 蒋莉莉 王洁 3 效果设置内容。
3教师总结 同学们我们本节课主要是了解了动态 HTML 的实现效果希望同学们通过课堂上讲解的实例对动态 HTML 有个大致的了解。
教师进一步比较静态网页和动态网页。
1程序是否在服务器端运行是区分动态网页和静态网页的重要标志。
在服务器端运行的程序、网页、组件属于动态网页它们会随不同客户、不同时间返回不同的网页例如 ASP 、 PHP 、 JSP 、 ASPNET 、 CGI 等。
运行于客户端的程序、网页、插件、组件属于静态网页例如 Html 页、 Flash 、 JavaScript 、 VBScript 等等它们是永远不变的。
2这里说的动态网页与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系动态网页可以是纯文字内容的也可以是包含各种动画的内容这些只是网页具体内容的表现形式无论网页是否具有动态效果采用动态网站技术生成的网页都称为动态网页。
从网站浏览者的角度来看无论是动态网页还是静态网页都可以展示基本的文字和图片信息但从网站开发、管理、维护的角度来看却有很大的差别。
动态网页的一般特点如下 a动态网页以数据库技术为基础可以大大降低网站维护的工作量 b采用动态网页技术的网站可以实现更多的功能如用户注册、用户登录、在线调查、用户管理、订单管理等等 c动态网页实际上并不是独立存在于服务器上的网页文件只有当用户请求时服务器才返回一个完整的网页。
比较静态网页与动态网页的区别表 5-1 静态网页 动态网页 扩展名 Html、htm asp 、 jsp 、 php 、 perl 、 .cgi 是否以数据库作为基础 no Yes 能否完成交互功能 no yes 是否独立于服务器 N Y 响应流程 查找到后反馈给浏览器 得由应用服务器扩展的特殊软件进行处理后反馈给浏览器 优 / 缺点 优点网页风格灵活多样 缺点维护繁无法交互 优点实时生成、维护方便、交互性强 教学反思 信息技术基础教案高二年级 备课组成员狄乐群 管敏强 唐俊仙 陈燕 蒋莉莉 王洁 4 信息技术基础教案高二年级 备课组成员狄乐群 管敏强 唐俊仙 陈燕 蒋莉莉 王洁 5 52理解动态HTML 授课题目:§5.2理解动态HTML 授课时数: 2学时 课 型: 新课 教学目标 1知识与技能 了解构成动态 HTML 的三大核心技术 掌握 JavaScript 的编写原则能够调用 JavaScript 文件理解什么是CSS样式表掌握运用CSS进行样式设置的方法和格式掌握在 HTML 中加入CSS的三种方法。
2.过程与方法 培养学生独立思考、动手实践的能力培养学生自主探究性、协作性学习能力激发学生学习信息技术的兴趣培养学生发现美、创造美的能力提高学生的综合素质。
3.情感态度与价值观 通过使用 JavaScript 制作动态网页让学生进一步感受网页制作的美并合理使用技术来表现美。
通过学习运用CSS样式表优化网页制作让学生学习正确、合理运用技术了解技术服务于内容的原则。
重 点在静态网页中嵌入或调 JavaScript 文件制作动态网页。
在HTML中加入CSS的三种方法。
难 点掌握 JavaScript 的编写原则并用来生成动态网页。
CSS 样式设置的方法和格式。
教学过程 1用 JavaScript 制作动态网页 动态HTML是随着浏览器的日益强大而产生的它不属于一种专门的编程技术而是一种通过各种技术的综合发展而得以实现的技术应用概念。
构成动态HTML的核心技术主要有客户端的脚本语言常见的是JavaScript VBScript、文件目标模块 Document Object Model 、 CSS 样式表。
常见的名词解释 客户端的脚本语言指可以直接在客户端进行编写并使页面发生动态变化的脚本语言而JavaScript 和 VBScript就是我们最常用的客户端的脚本语言。
JavaScript是一种面向浏览器的网页脚本编程语言JavaScript脚本可以被嵌入HTML文件之中无需经过编译即在浏览器中运行。
在将 JavaScript 嵌入 HTML 页面时必须使用 ltSCRIPTgt 标签 JavaScript 代码是包含在 ltSCRIPTgt 标签内的。
只
上一篇:
【精品】各种格式的文件用什么软件打开
下一篇:
法律专业开题报告范文