实战Dreamweaver CS5 网页制作教程 第2版 刘天真 第11章 常见动态特效的制作新.pptVIP

11.* 第11章　常见动态特效的制作 在线教务辅导网： 更多课程配套课件资源请访问在线教务辅导网 学习目标 能够在标题栏设置动态效果 能够在状态栏设置动态效果 能够制作出“设为首页”和“添加到收藏夹”的功能 能够在网页中显示获取的系统时间和日期 本章内容 11.1　案例制作：为网页“车行天下”制作动态效果 11.2 新知解析 11.3　实战演练：为“天鹅之家-首页”添加动态代码 11.1　案例制作：为网页“车行天下”制作动态效果 　　通过本案例的操作，你将学会： 1）如何在网页中制作设 为首页、动态标题栏 效果 2）如何为网页添加背景 音乐 11.1　案例制作：为网页“车行天下”制作动态效果 操作步骤： 　　 1）定义站点。新建文件夹“che”，将素材中所有的文件和文件夹拷贝到“che”文件夹。在Dreamweaver CS5中新建站点，站点名称为“车行天下”，站点文件夹定义为文件夹“che”。 2）为保证网页制作顺利进行，隐藏AP Div元素的锚点，保证在编辑窗口中一个AP Div元素内绘制另一个AP Div元素，即可实现嵌套。具体做法：单击菜单“编辑”→“首选参数”命令，打开“首选参数”对话框，在对话框“分类”中选择“AP元素”，在右侧“在AP Div中创建以后嵌套”前的复选框中打对勾，这样只要在一个AP Div元素中绘制另一个AP Div元素，即可实现嵌套。 11.1　案例制作：为网页“车行天下”制作动态效果 操作步骤： 　　 3）设为首页。打开index.html文件，在Banner的右下角绘制AP Div元素“apDiv5”，输入文字“设为首页”。选中该AP Div元素，注意观察状态栏。 AP Div元素“apDiv5”的标签在AP Div元素“main”标签的右侧，即保证AP Div元素“apDiv5”隶属于AP Div元素“main”。将光标定位于AP Div元素“apDiv5”中，切换到代码视图，在“设为首页”前后输入如下代码。 a href=# onClick=varstrhref=window.location.href;this.style.behavior =url(#default#homepage);this.sethomepage();style =CURSOR:hand设为首页/a 11.1　案例制作：为网页“车行天下”制作动态效果 操作步骤： 　　 4）设置标题栏动态效果。将光标定位在head/head标签之间，输入如下代码： SCRIPT language=JavaScript a=::::::::车行天下欢迎您!::::::::　 function title() { a=a+a.substring(0,1) a=a.substring(1,a.length) document.title=a setTimeout(title(),500) } title() /script 11.1　案例制作：为网页“车行天下”制作动态效果 操作步骤： 　　 5）设置背景音乐。将光标定位在head/head标签之间，输入如下代码： bgsound loop=-1 src=other/bgsound.mp3 / 6）预览效果 11.2 新知解析 11.2.1 什么是脚本 脚本语言是一种在互联网上广为传播、使用的特效程序语言，是一种不需要编译的语言。网页中常用的有JavaScript和VBScript两种。JavaScript自身具有高效代码和开放性，基于客户端浏览器，具有简单性、动态性、跨平台性、节省CGI的交互时间等特点，得到了广泛应用。 11.2.2 Script脚本的插入与应用 1）在head与/head之间插入JavaScript脚本。例如案例制作中设置动态状态栏和背景音乐的脚本代码的插入。 2）结合标签使用JavaScript脚本。例如实例中的“设为首页”特效代码的插入。 11.2 新知解析 11.2.3 常见的Script脚本脚本特效 1. 设为首页 　　可以通过以下代码来实现。 a href=# onClick=varstrhref=window.location.href;this.style.behavior =url(#default#homepage);this.sethomepage();style =CURSOR:hand设为首页/a 其中，a…/a是一对标签； onClick表示鼠标点击事件； this.style.behavior=url(#default#homepage)表示将设为首页； this.setHomePage()表示将网址为的网页设为首页。 11.2 新知解析