第五章 动态网页制作知识点

第五章动态网页制作知识点

I.认识动态网页

A.学习要求

1.了解常见的动态html的几种常见效果

2.了解静态网页与动态网页的异同

3.会建立简单的动态网页

本节的重点是动态html的应用，并熟悉其制作方法

B.动态HTML

1.什么是动态HTML

①.概念：动态html是指即使在脱离网络环境的情况下，网页下载到浏览器以后仍能随时变换的HTML即DTHTML

②.动态html应用程序大多数在客户端的浏览器上进行，也可根据需要向服务器发出请求

③.并不是网页中所有的“动”的效果都是动态html ，有的是动画，如GIF图像、SWF动画等

2.实现简单的动态HTML效果

在frontpage2000中，通过格式菜单中动态html效果菜单，我们可以容易地实现多种动态html效果，其中触发事件有：单击、鼠标悬停、双击、网页加载；效果类型有：飞入、弹起等，最后设置效果样式就可完成动态html的操作

C.动态网页

1.什么是动态网页

①.动态网页除了动态html外，还包括一些能够提供个性化信息服务的页面，例如：服务器通过html表单收集用户的信息，用户也可以通过搜索引擎页面得到自己想要的信息

②.这里的动态强调的人机交互，就是按照访问者的需要，对访问者输入的

信息做出不同的响应，并提供相应的信息

③.常用的主要技术有：CGI（公用网关接口）、ASP（动态服务器页面）、JSP （java服务器页面）、PHP（超级文本预处理语言）等

2.静态网页和动态网页的比较

静态网页无需系统实时生成，网页风格灵活多样，但不能实现个性的交互功能，日常维护十分繁锁不支持数据库

动态网页可以自动更新页面的外观和行为，实现动态的交互作用，方便地同访问者进行交流，及时获得信息的反馈使用者在浏览页面时，能通过因特网（internet）或内联网（intranet）查询网络数据库的资料，甚至更新或删除网络服务器上资料

动态网页一般由计算机实时生成，日常维护简单，更改结构方便，交互性功能强大等优点

缺点：相对静态网页而言，动态网页很难被搜索引擎收录

内联网（intranet）概念：内联网又称企业内联网，是指使用因特网技术建立的可支持企事业内部业务处理和信息交流的综合性网络信息系统

常见的效果有：自动更新的日期、弹出式窗口、弹出式菜单、鼠标指向后文字变色、图片的自动变换、飞入、飞出等

II.理解动态HTML

A.学习要求

1.了解动态html的三大核心技术之一——javascript脚本语言，并能简单的运用网络中免费共享的javascript小程序，美化自己的网页，使自已的网页动起来

2.了解并能应用动态网页的另一个技术——css样式表熟练掌握css样式表的三种用法，并进行实践操作从中体会样式表的优势

B.客户端脚本语言

动态HTML的核心技术主要有：客户端的脚本语言、文件目录模块、CSS 样式表

文件目录模块（DOM）：使得HTML具备了动态性，体现的是Web页面元素的等级关系，这些元素可以按照指定的时间在浏览器上呈现

1.什么是客户端脚本语言

就是指可以直接对客户端进行编写并使页面发生动态变化的脚本语言常用的有javascript和vbscript两种脚本语言

2.什么是javascript

javascript是一种面向浏览器的网页脚本编程语言，是netscape公司推出的一种提高网页页面交互性的方法可以嵌入到html文件之中，不需要编译就可在浏览器中运行举例如下：

javascript程序段一般都写在HTML文件的和标签之间，也可写在和标签之间

3.调用javascript文件

写在html页面中的javascript语句只能在当前页面中调用，不能共享为了使相同的效果能引用到多个网页页面中，我们可以将这些效果的javascript语句写在一个文件中，这个文件的扩展名为“.js”在需要使用的页面html 语言中进行调用，实现javascript效果的共享，并且修改时也只需修改一次

调用javascript文件的方法：

上述调用javascript文件的语句一般写在HTML文件的和标签之间，也可写在和标签之间

在一个HTML文件中可以使用标签对任意多次

C、CSS样式表

1.什么是CSS

a.定义

CSS其实是一组样式，它增加了更多的样式定义来辅助HTML

b.什么是样式

就是用一个指定的名字来标识和保存的一组有关字符和段落格式的选项集合

c.作用

不仅可以对文字格式进行设置，还可以精确地控制页面的布局、字体、颜色、背景和其他图文效果其优点如下：①只需修改一个CSS代码就可以改变页数不定的网页外观和格式

②可以“随心所欲”地控制页面布局和外观

③具有较好的兼容性

④精简网页，提高下载速度

2.CSS的实现

a.CSS的书写格式