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