第五模块网页特效制作.doc

第五模块 网页特效制作 课题一 利用marquee制作移动效果 实训目标 1.掌握marquee的基本语法； 2.掌握marquee参数的属性设置； 3.掌握marquee的应用方法。 实训课时 2课时 实训准备 1.Dreamweaver CS3 2.“萧萧个人音乐网”网站 实 训 过 程 任务一：基本语法 1.打开Dreamweaver软件。 2.新建一网页文件，保存并命名为“1.htm”。切换到“显示代码视图”。 3.在body与/body间输入代码如下： marquee我会移动！/marquee marquee direction=”left”我从右向左移！/marqueep marquee direction=”right”我从左向右移！/marquee marquee behavior=”scroll”我一圈一圈绕着走！/marqueep marquee behavior=”slide”我只走一次就歇了！/marqueep marquee behavior=”alternate”我来回走！/marquee marquee behavior=”scroll”我一圈一圈绕着走！/marqueep marquee behavior=”slide”我只走一次就歇了！/marqueep marquee behavior=”alternate”我来回走！/marquee marquee scrollamount=”20”我走得好快哟！/marquee marquee scrolldelay=”500”scrollamount=”100”我走一步，停一停！/marquee marquee bgcolor=”red”我会移动！/marquee marquee height=”40” width=”50%” bgcolor=”#aaeeaa” 我会移动！/marquee marquee direction=”up” width=”308” height=”69”scrollamount=”2” onMouseOver=”this.stop()” onMouseOut=”this.start()”我走！/marquee 课题二 制作META过渡效果 实训目标 1.掌握动态滤镜RevealTrans的添加方法与相关设置； 2.掌握动态滤镜BlendTrans的添加方法与相关设置； 3.掌握Enter与Exit的应用方法。 实训课时 2课时 实训准备 1.Dreamweaver CS3 2.“萧萧个人音乐网”网站 实 训 过 程 任务一：动态滤镜RevealTrans 1.启动Dreamweaver软件。 2.定义站点“萧萧个人音乐网”，双击网站首页index.htm，进入编辑状态。 3.选择“插入—HTML—文件头标签—META”命令，弹出META对话框。 4.设置META对话框：在属性中选“HTTP－equivalent”选项；在“值”中键入“Enter”，表示进入网页时有网页过渡效果；在“内容”中键入“RevealTrans（Duration=4,Transition=23）”，其中，Duration=4表示网页过渡效果的延续时间为4秒，Transition=23表示过渡效果方式，值为23时表示效果随机。 5.输入完后单击“确定”，保存并预览，当点击链接进入该页面时可观看效果。 6.参照步骤3、4，再次插入META标签，在“值”中键入“Exit”，表示离开网页时有网页过渡效果；在“内容”中键入“RevealTrans（Duration=4,Transition=23）”。 7.输入完后单击“确定”，保存并预览，当点击链接离开该页面时可观看效果。 小提示：　　Transition的值与效果对照如下 0　　矩形缩小 1　　矩形扩大 2　　圆形缩小 3　　圆形扩大 4　　下到上刷新 5　　上到下刷新 6　　左到右刷新 7　　右到左刷新 8　　垂直百叶窗 9　　水平百叶窗 10　　错位水平百叶窗 11　　错位垂直百叶窗 12　　点扩散 13　　左右到中间刷新 14　　中间到左右刷新 15　　中间到上下 16　　上下到中间 17　　右下到左上 18　　右上到左下 19　　左上到右下 20　　左下到右上 21　　横条 22　　竖条 23　　以上23种效果随机一种 任务二：动态滤镜BlendTrans 1.双击“最新资讯”页面“files/zx.htm”，进入编辑状态。 2.选择“插入—HTML—文件头标签—META”命令，打开“META”对话框。 3. 设置META对话框：在属性中选“HTTP－equivalent”选项；在“值