《第五章动态网页制作》题纲和试题（卷）.doc

第五章 动态网页制作 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 emfont face=”宋体” color=”green” h3欢迎进入机器人做学玩网站！/h3 /font/em /body ②用css样式表来实现 ⑵CSS代码与html比较 ⑶在html中加入CSS 在html中加入CSS并不是只有一种方法，在不同的情况下，可以采用不同的方式，比较常用的有下面几种 嵌入式样式表 内联式样式表 外联式样式表 ①嵌入式样式表 table style=color:red;font-size:10ptborder=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设计原则 尽量精简，不要过多使用动画 过度的闪烁让人头痛 合理使用滚动字幕、变换选择框等