第五章动态网页制作
5.1 认识动态网页
1、什么是动态HTML
*动态HTML是指即使在脱离网络环境的情况下，网页下载到浏览器以后仍能够随时变换的HTML.
*英文缩写：DHTML
2、常见的动态HTML效果
⏹光标悬停效果(Dhtml实现）
⏹在网页中加入日期，时间（javascript语言实现）
⏹在网页中加入动感菜单（javascript语言实现）
⏹文字特效，鼠标特效，网页特效。（CS样式表实现）
注意：并不是网页上所有“动”的效果都是动态HTML效果。如：有的GIF图片本身就会动。
3、动态网页
*动态网页不仅局限于动态HTML效果、还包括提供个性化信息服务的页面。如：搜索引擎等。
4、动态网页采用的技术
DHTML，CGI、 ASP、 JSP 、 PHP等
5、静态网页和动态网页的比较
静态网页的优缺点：
*静态网页无需系统实时生成
*采用静态页面建立起来的站点，只能简单地根据用户的请求传送现有页面，无法实现各种个性化的交互功能
*日常维护十分繁琐
动态网页的优缺点：
*动态网页可以通过更新页面的外观和行为，实现动态的交互作用
*能方便地同访问者进行交流，及时获得信息反馈
*一般由计算机实时生成，日常维护简单、更改结构方便、交互性能强大
5.2 理解动态HTML
1、构成动态HTML的核心技术：
2、什么是客户端脚本语言？
客户端脚本语言是指直接对客户端进行编写并对页面发生动态变化的脚本语言。
3、最常用的客户端脚本语言
*JavaScript
*VBScript
4、什么是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 border="1" width="75%">
<tr>
<td width="50%">我的个人主页</td>
<td width="50%"></td>
</table>
效果如图：
*主要用于对具体标签做具体的调整，作用的范围只限于本标签.未充分体现出css样
式表的优越性，应该尽量少用。
②内联式样式表
*若想只对当前页面应用样式，最好使用内联式样式表.
③外联式样式表
*把样式定义成一个“.css”文件，然后链接到网页中.
*可以通过一个.css文件管理网站中多个网页.
外联式样式表实例P116
5.3 应用动态HTML
1、用JavaScript制作动态html    P117
例：⑴日期显示
⑵下拉菜单
2、插入JavaScript特效时需要注意的问题
*首先确定版权问题
*判断是否要修改
*确定插入位置和如何插入
3、动态html设计原则
*尽量精简，不要过多使用动画
*过度的闪烁让人头痛
*合理使用滚动字幕、变换选择框等
5.4 ASP脚本的应用
1、什么是ASP？
ASP是微软公司推出的一种服务器编程技术，其实也就是一套服务器端脚本运行环境。通过ASP，我们可以建立动态的、交互的。高效的WEB服务器应用程序，如交互式的动态网页，包括使用HTML表单收集和处理信息，上传与下载等。
2、ASP工作流程  P123
3、创建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.HTML
B.XML
C.DHTML
D.XHTML 答案：C
2、在网页中的HTML代码嵌入JavaScript，应该使用的标记是（）。
A.＜script＞＜/script＞
B.＜head＞＜/head＞
C.＜body＞＜/body＞
如何制作网页代码
D.＜!--...//--＞答案：A
3、如果想要在网页打开时弹出一个提示对话框，应该在<body>标签中的
（）事件加上JavaScript代码？
C. onMouseOut
D. onLoad 答案：D
4、样式表（CSS）在网页制作中具有重要的作用，以下样式表内容定义文
字具有删除线，它将会影响网页中的（）效果？
<style type="text/css">
p { text-decoration: line-through;}
</style>
A.所有文字
B.表格中的所有文字
C.段落中的所有文字
D.层中的所有文字答案：C
5、在网页中定义样式表，其内容一般位于（）标签之间。
A. <body>和</body>
B. <head>和</head>
C. <html>和</html>
D. <table>和</table> 答案：B
6、用FrontPage编辑网页时，要在网页中插入“滚动字幕”，应使用菜单
（）。
A.“插入/表单”
B. “插入/符号”
C. “插入/文件”
D. “插入/组件”答案:D
7、通过表单，用户提供的数据可以提交到（）上处理。
A.计算机
B.主机
C.WEB服务器
D.数据库答案：C
8. 网页中的表单对应的标签是（）。
A. <table>和</table>
B. <style>和</style>
C. <td>和</td>
D. <form>和</form> 答案：D
9、如果想在表单中增加让用户输入姓名的表单域，应该选择（）。
A.单行文本框
B.滚动文本框
C.复选框
D.下拉菜单答案：A
10、可以用于制作动态网页的技术有（）。
①IE ②ASP ③JSP ④PHP

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。