《第五章 动态网页制作》题纲和试题.docx

第五章 动态网页制作 认识动态网页 1、什么是动态HTML 动态 HTML 是指即使在脱离网络环境的情况下,网页下载到浏览器以后仍能够随时变换的 HTML. 英文缩写：DHTML 2、常见的动态HTML 效果 光标悬停效果(Dhtml 实现） 在网页中加入日期，时间（javascript 语言实现） 在网页中加入动感菜单（javascript 语言实现） 文字特效，鼠标特效，网页特效。（CS 样式表实现） 注意：并不是网页上所有“动”的效果都是动态HTML 效果。如：有的 GIF 图片本身就会动。3、动态网页 动态网页不仅局限于动态HTML 效果、还包括提供个性化信息服务的页面。如：搜索引擎等。 4 、 动 态 网 页 采 用 的 技 术 DHTML，CGI、 ASP、 JSP 、 PHP 等 5、静态网页和动态网页的比较静态网页的优缺点： 静态网页无需系统实时生成 采用静态页面建立起来的站点，只能简单地根据用户的请求传送现有页面，无法实现各种个性化的交互功能 日常维护十分繁琐动态网页的优缺点： 动态网页可以通过更新页面的外观和行为，实现动态的交互作用 能方便地同访问者进行交流，及时获得信息反馈 一般由计算机实时生成，日常维护简单、更改结构方便、交互性能强大 理解动态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”文件,然后链接到网页中. 可以通过一个.css 文件管理网站中多个网页. 外联式样式表实例P116 5.3 应用动态HTML 1、用JavaScript 制作动态html P117 例：⑴日期显示 ⑵下拉菜单 2、插入JavaScript 特效时需要注意的问题 首先确定版权问题 判断是否要修改 确定插入位置和如何插入3、动态html 设计原则 尽量精简，不要过