Dreamweaver网页设计项目教程 王雪松 项目二 任务4网页美化与特效9新.pptVIP

Dreamweaver网页设计项目教程 机械工业出版社 任务4网页美化与特效9（建议2学时） 任务4网页美化与 01 任务实施 02 任务拓展 03 触类旁通 任务实施 保存二级子页面框架 到此为止，本网站的网页框架基本完成，我们将此页面保存到各个二级页面的文件夹中，以备后续制作二级子页面使用。 1）打开index.html，选择“文件”→“另存为”选项，在弹出的“另存为”对话框中选择保存到“../news”文件夹，文件名为1.html。 2）依次把当前网页分别保存到各二级子页文件夹中。 任务拓展 可以对事件作出响应 可以读写HTML元素 JavaScript 是一种编程工具 可以做动态的文本 可被用来验证数据 可被用来创建cookies 了解JavaScript JS能做什么 什么是JS特效 JS定义 任务拓展 Spry构件 本任务中，制作导航是通过设置项目列表及设置超链接样式等方法制作导航条，弹出菜单的方法是创建div，并通过鼠标移上或移出事件触发“显示-隐藏”行为。其实导航条的制作方法有很多，在Dreamweaver CS5内置JavaScript库中，有一个Spry构件，可以很方便地实现菜单、折叠等各种效果。 1）光标定位，选择“插入”→“spry”→“spry菜单栏”，插入菜单栏，如图所示： 任务拓展 Spry构件 2）根据本实例要求，在弹出的“spry菜单栏”对话框中选择“水平”选项，单击“确定”按钮，如图所示： 任务拓展 Spry构件 3）菜单已经插入成功，如图所示： 最后根据需要修改菜单项内容，还可以为菜单重新设置CSS样式并应用。这里就不详细讲解了，感兴趣的同学课后可以参照相关课程的讲解，使用此种制作方法完善我们的网页制作。 触类旁通 本节任务中，导航特效只讲解到“最新动态”，其它导航特效的制作方法相同，同学们可自行完成任务。 Thank you! 谢谢观赏