第五章动态网页制作5.1 认识动态网页1、什么是动态HTML*动态HTML是指即使在脱离网络环境的情况下,网页下载到浏览器以后仍能够随时变换的HTML.*英文缩写：DHTML2、常见的动态HTML效果⏹光标悬停效果(Dhtml实现）⏹在网页中加入日期，时间（javascript语言实现）⏹在网页中加入动感菜单（javascript语言实现）⏹文字特效，鼠标特效，网页特效。
（CS样式表实现）注意：并不是网页上所有“动”的效果都是动态HTML效果。
如：有的GIF图片本身就会动。
3、动态网页*动态网页不仅局限于动态HTML效果、还包括提供个性化信息服务的页面。
如：搜索引擎等。
4、动态网页采用的技术DHTML，CGI、ASP、JSP 、PHP等5、静态网页和动态网页的比较静态网页的优缺点：*静态网页无需系统实时生成*采用静态页面建立起来的站点，只能简单地根据用户的请求传送现有页面，无法实现各种个性化的交互功能*日常维护十分繁琐动态网页的优缺点：*动态网页可以通过更新页面的外观和行为，实现动态的交互作用*能方便地同访问者进行交流，及时获得信息反馈*一般由计算机实时生成，日常维护简单、更改结构方便、交互性能强大5.2 理解动态HTML1、构成动态HTML的核心技术：2、什么是客户端脚本语言？客户端脚本语言是指直接对客户端进行编写并对页面发生动态变化的脚本语言。
3、最常用的客户端脚本语言*JavaScript*VBScript4、什么是JavaScript？*面向浏览器的网页脚本编程语言*Javascript代码必须与HTML结合起来*嵌入HTML页面时，必须使用<SCRIPT>标签<script>标签使用的一般形式如下：<Script Language=”JjavaScript”>//JavaScript 语句</Script>⑴使用javascript在网页制作工具FrontPage的HTML代码的<body>与</body>间插入代码：<script language="javascript">alert("你好！")</script>实现效果：当进入网页时，弹出警告窗口“你好”。
⑵调用javascript一次编写多次调用。
⏹在记事本中编写javascript语句，保存为“test.js”例：<script language="javascript">alert("你好！")</script>⏹在需要时调用<script language="javascript" src="test.js"></script>当前网页与调用的网页在同一文件夹中可直接调用！5、什么是CSS样式表？*样式就是用一个指定的名字来标识和保存的一组有关字符和段落格式的选项集合*CSS就是一组样式*CSS样式表作为当前网页制作中的一个常用技术，不仅可以对文字格式进行设置，还可以更加精确地控制布局、字体、颜色、背景和其他图文效果。
⑴CSS主要优点①只需要修改一个CSS代码就可以改变页数不定的网页外观和格式。
②可以“随心所欲”地控制页面布局和外观③在所有浏览器和平台之间具有较好的兼容性。
④精简网页，提高下载速度。
例如：实现效果：网页中“欢迎进入机器人做学玩网站！”字体为宋体，颜色为绿色。
P114 ①用html语言实现<body><em><font face=”宋体” color=”green”><h3>欢迎进入机器人做学玩网站！</h3></font></em></body>②用css样式表来实现⑵CSS代码与html比较⑶在html中加入CSS在html中加入CSS并不是只有一种方法，在不同的情况下，可以采用不同的方式，比较常用的有下面几种*嵌入式样式表*内联式样式表*外联式样式表①嵌入式样式表<table style="color:red;font-size:10pt"border="1" width="75%"><tr><td width="50%">我的个人主页</td><td width="50%"></td></table>效果如图：*主要用于对具体标签做具体的调整,作用的范围只限于本标签.未充分体现出css样式表的优越性，应该尽量少用。
②内联式样式表*若想只对当前页面应用样式,最好使用内联式样式表.③外联式样式表*把样式定义成一个“.css”文件,然后链接到网页中.*可以通过一个.css文件管理网站中多个网页.外联式样式表实例P1165.3 应用动态HTML1、用JavaScript制作动态html P117例：⑴日期显示⑵下拉菜单2、插入JavaScript特效时需要注意的问题*首先确定版权问题*判断是否要修改*确定插入位置和如何插入3、动态html设计原则*尽量精简，不要过多使用动画*过度的闪烁让人头痛*合理使用滚动字幕、变换选择框等5.4 ASP脚本的应用1、什么是ASP？ASP是微软公司推出的一种服务器编程技术，其实也就是一套服务器端脚本运行环境。
通过ASP，我们可以建立动态的、交互的。
高效的WEB服务器应用程序，如交互式的动态网页，包括使用HTML表单收集和处理信息，上传与下载等。
2、ASP工作流程P1233、创建ASP程序的准备工作⑴运行环境：①Microsoft internet information server version 3.0/4.0 on windows NT server，简称IIS。
②Microsoft personal web server on windows 95/98，简称PWS。
⑵ASP程序ASP程序是以扩展名为“.asp”的纯文本形式存储于网络服务器上的，可以用任何文本编辑器打开它。
ASP程序中可以包含纯文本、HTML标记以及脚本语言。
只需将ASP程序放在web服务器上，并进行简单设置，就可以通过WWW的方式访问该ASP程序。
4、ASP的简单运用P125《第五章动态网页制作》测试题一、选择题1、（）是动态HTML的简称，它其实并不是一门新的语言，只是HTML、CSS和客户端脚本的一种集成，即一个页面中包括HTML+CSS+JavaScript(或其它客户端脚本)。
A.HTMLB.XMLC.DHTMLD.XHTML 答案：C2、在网页中的HTML代码嵌入JavaScript，应该使用的标记是（）。
A.＜script＞＜/script＞B.＜head＞＜/head＞C.＜body＞＜/body＞D.＜!--...//--＞答案：A3、如果想要在网页打开时弹出一个提示对话框，应该在<body>标签中的（）事件加上JavaScript代码？A.onFocusB.onMouseOverC. onMouseOutD. onLoad 答案：D4、样式表（CSS）在网页制作中具有重要的作用，以下样式表内容定义文字具有删除线，它将会影响网页中的（）效果？<style type="text/css">p { text-decoration: line-through;}</style>A.所有文字B.表格中的所有文字C.段落中的所有文字D.层中的所有文字答案：C5、在网页中定义样式表，其内容一般位于（）标签之间。
A. <body>和</body>B. <head>和</head>C. <html>和</html>D. <table>和</table> 答案：B6、用FrontPage编辑网页时，要在网页中插入“滚动字幕”，应使用菜单（）。
A. “插入/表单”B. “插入/符号”C. “插入/文件”D. “插入/组件”答案:D7、通过表单，用户提供的数据可以提交到（）上处理。
A.计算机B.主机C.WEB服务器D.数据库答案：C8. 网页中的表单对应的标签是（）。
A. <table>和</table>B. <style>和</style>C. <td>和</td>D. <form>和</form> 答案：D9、如果想在表单中增加让用户输入姓名的表单域，应该选择（）。
A.单行文本框B.滚动文本框C.复选框D.下拉菜单答案：A10、可以用于制作动态网页的技术有（）。
①IE ②ASP ③JSP ④PHPA.①②③B.②③④C.①③④D.①②④答案:B11、关于ASP网页技术的说法中，错误的是？（）。
A.ASP可以和HTML或其他脚本语言相互嵌套B.编辑ASP网页时不需要发布就可以直接通过IE浏览器预览效果C.ASP是一种Web服务器端运行的脚本语言，程序代码得到保密D.ASP以对象为基础，可以使用ActiveX控件扩充其功能答案：B12、小红同学制作了一个30来个WEB页面的个人站点，她想通过样式表来控制网页的排版布局和格式，基于网站的维护和方便修改来看，她应该使用（）方式比较好？A、直接设置网页对象B、内联样式表C、外联样式表D、嵌入式样式表13、使用CSS设置外观时，若想只对当前网页应用样式，最好使用（）A、直接设置网页对象B、内联样式表C、内联式样式表D、外联式样式表14、使用CSS为多个网页进行相同风格的布局和外观设置时，为了方便对这些网页进行修改，最好使用（）A、直接设置网页对象B、内联样式表C、内联式样式表D、外联式样式表15、在HTML中加入<taBlestyle=”Color:reD;font-size:10pt”>，此为（）。
A、外联式样式表B、动态式样式表C、内联式样式表D、嵌入式样式表16、网页中设有超链接的文字，在鼠标划过时，变成淡蓝色，字体也由9pt，变为10pt，并出现下划线，这是使用了：（）A、动画效果B、加入html的Css方式C、网站标志D、以上都不对17、可以通过一个.Css文件管理网站中多个网页外观设置的是（）。
A、直接设置网页对象B、内联样式表C、内联式样式表D、外联式样式表18、下列关于CSS样式表作用的叙述中哪些是正确的：（）A、精简网页，提高下载速度B、只需修改一个CSS代码，就可改变页数不定的网页外观和格式C、可以在网页中显示时间和日期D、在不同浏览器和平台之间具有较好的兼容性的简单使用19、网页设计中，关于ASP正确的是（）A、ASP程序可以用winDows的记事本打开编辑B、ASP是一套客户端脚本运行环境C、ASP程序中不可以包含HTML标记脚本语言D、ASP是一种静态网页开发工具20、下面ASP说法中正确的（）A、ASP程序只能用写字板打开编辑B、用户在客户端看到的代码就是ASP源代码C、ASP程序可包含HTML标记及脚本语言D、ASP是一套客户端脚本运行环境21、高二8班同学学习了动态网页的相关知识后，开展有关动态网页知识的相关讨论，以下观点不正确的是：（）A、插入flash动画和视频流媒体的网页是不一定是动态网页B、CSS、ASP、CGI，PHP等都属于动态网页技术C、一般网站中的论坛、电子留言本都使用了相关的动态网页技术D、应用CSS样式表的DHTML网页是基于服务器端的动态网页22、ASP程序是以扩展名为（）的纯文本形式存储于网络服务器上的A、aspB、DoCC、jpgD、swf23、下面关于ASP的表述中，正确的是（）。