《网页设计与制作》实训八
实训题目:用行为来制作一些网页的特效使用软件:DreamweaverCS4(以下简称DW)及以上版本素材下载:http103106jsjsxsx8rar软件补丁:http103106jsjsxpackrar下载素材包并解压,得到文件夹“SX8”一、弹出指定大小的窗口步骤要求:
12使用DW编辑所解压出来“快乐儿童玩具网”文件夹下的i
dexhtml文件;单击窗口下方“标签选择器”中的body标签,选中整个网页文档;
3
点击“窗口”-“行为”菜单,在右边弹出行为控制面板,单击
按钮,选择“打开浏览器窗口”,
在弹出的窗口中将“要显示的URL”设置为“快乐儿童玩具网”文件夹下的youhuihtml文件,宽度800,高度456。45注意右侧行为控制面板的变化,将窗口切换到“代码”窗口,查看源代码的变化。保存文件,按F12预览效果。
注:当预览窗口上方显示
时,在此之上点击鼠标,弹出6
,选择“允许阻止的内容”。
双击右侧的行为控制面板中的“打开浏览器窗口”,在弹出的对话框中对其他属性进行一些设定后查看效果的变化。
二、调用JavaScript步骤要求:
1在第一步所完成的效果中,选中网页中如下图片所在的文件,在右侧添加行为“调用JavaScript”
f;23在弹出的对话框中输入“wi
dowlocatio
reload”。选择网页中的另外一张图片,添加“调用JavaScript”行为,在弹出的对话框中输入“wi
dowclose”45保存网页后,分别在刚才设定了行为的图片上点击一下鼠标,查看效果;将刚才所设定的两个行为,分别修改事件名称,保存后再查看效果的变化。
三、转到URL步骤要求:
12在完成前面步骤的情况下,选中网页中没有设定行为的图片添加行为“转到URL”,在URL地址中设定为“http183646142xs”
3保存页面查看效果4在代码视图中调整所设定的行为的位置到其他未设定行为的图像中。
四、弹出信息步骤要求:
1234在完成前面步骤的情况下,选中网页中没有设定行为的图片添加行为“弹出信息”,在“消息”框中输入自己想设定的文本内容保存页面查看效果修改事件名称,同时调整事件的位置后查看效果。
fr