您所在位置：网站首页 > 高等教育 > 大学课件《网页制作三剑客案例教程》-肖维明-电子教案第5章

《网页制作三剑客案例教程》-肖维明-电子教案第5章

13页

卖家[上传人]：E****

文档编号：89455861

上传时间：2019-05-25

文档格式：PPT

文档大小：1.99MB

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

10 金贝

/ 13 举报版权申诉马上下载

文本预览

下载提示

常见问题

1、主编：高志清作者：张伟,中国水利水电出版社,网页制作三剑客案例教程,第5章行为和网页特效, 学习目标,了解各种行为的功能，对几种常用的行为要熟练地掌握。了解网页特效地制作方法，清楚js代码中各个属性的作用，能根据自己网站的情况进行更改。,u 利用行为增加网页的生动性 u 网页特效, 学习内容,5-1 利用行为增加网页的生动性,5-1-1 掌握行为基础知,行为可以让你不用书写一行javascript代码即可实现多种动态网页效果。在这一节中我们要掌握行为的概念和应用原理，并为了全面运用行为而巩固基础知识。,Dreamweaver 8中提供了很多动作，每个动作可以完成特定的任务。这些行为其实就是标准的javascript程序，这样，如果你所需要的功能在这些动作中，那么就不要自己编写javascript程序了。,认识【行为】面板,【行为】面板,5-1-2 Dreamweaver中提供的动作类型,5-1-3 认识事件,窗口事件,键盘和鼠标的事件,表单事件,其他事件,5-1-4 常用行为之动态按钮的制作,选择第一个按钮图像，在【行为】面板中单击【添加】按钮，在下拉菜单中选择【交换图像】

2、命令。在打开的【交换图像】对话框中的【设定原始档为】中选择“images”文件夹中的 “menu_001_d.gif”文件，如左下图所示。此时【行为】面板中便添加了指定的动作，如右下图所示。保存页面，当鼠标移动到第一个按钮上时，按钮图像将变为设置的图像。,【行为】面板中添加了动作,设定图像文件,5-1-5 常用行为之弹出窗口页面的制作,这一节我们要讲解的弹出窗口页面不仅可以实现打开页面的同时弹出，也可以单击按钮时弹出，这个效果是通过【行为】菜单中的【打开浏览器窗口】动作来实现的。在Dreamweaver中可以通过此行为来设定打开的浏览器窗口的大小，以及是否显示导航条、地址工具栏、状态栏和菜单条等项内容。,5-1-6 常用行为之下拉菜单的制作,打开文件“index.html”文件。选择一个栏目图片，在【属性】面板中的【链接】项中输入“#”，创建空链接。（必须创建了超链接的项才能用来制作下拉菜单）在【行为】面板中单击【添加】按钮，在下拉菜单中选择【显示弹出式菜单】命令。出现【显示弹出式菜单】对话框后，在【文本】框中输入子栏目项，链接设置为“#”，如右图所示。,设置下拉菜单项目,单

3、击按钮添加项目，输入其他菜单名称，如右图所示。单击【外观】标签之后，根据网页的情况设置子菜单的字体、大小、颜色、背景颜色等等。单击【外观】标签之后，根据网页的情况设置子菜单的字体、大小、颜色、背景颜色等等，选择【位置】标签，将X值设置为“20”，将Y值设置为“35”，并单击按钮。,输入其他菜单项,在【行为】面板上增加了“隐藏弹出式菜单”和“显示弹出式菜单”两个动作，如左下图所示。将文件保存，预览页面。将鼠标放在第一个菜单上，就会出现相关的下拉菜单。如右下图所示。,【行为】面板,预览后的页面,5-1-7 常用行为之为网页添加背景音乐,打开一个文件，或重新创建一个文件。执行菜单栏中的【窗口】/【行为】命令，打开【行为】面板。单击按钮，在弹出菜单中选择【播放声音】命令。在弹出的【播放声音】窗口中，单击按钮选择音乐文件（要选择浏览器支持的音乐文件格式如：mid、wav、AIFF、AU）。单击按钮即可将所选文件插入到页面中。此时，执行菜单栏中的【文件】/【保存】命令，将文件保存。预览页面可以听到我们插入的音乐文件。,5-1-8 常用行为之调用JavaScript函数,“调用JavaScript函数”动作可以呼叫特定的JavaScript代码或函数。如果想使用这一动作，首先应该在网页文档上插入调用的JavaScript。,复制代码,【调用JavaScript】对话框,5-2 网页特效,5-2-1 制作嵌套页面,输入代码,预览后的页面,5-2-2 制作文字滚动效果,文字滚动效果是通过语句实现的。读者只要记住右表中的代码公式即可。另外改变direction项，可以改变文字移动的方向。,direction=up是设置向上移动；direction=down是设置向下移动；direction=down是设置向下移动；direction=left是设置向左移动；direction=right是设置向右移动。,5-2-3 制作页面前飘动图像的效果,在网上我们经常会看到一些飘动的广告图像，只要切换到代码模式下。在标签外插入相应代码，即可达到所想要效果。,5-4 本章小结,本章内容讲解完毕，通过本章我们可以了解到在网站制作中，行为和特效在网站制作中是经常会使用到的，收集一些js代码也是平时必须的，这样在制作网站中才能使自己的作品更具有特色。,

《《网页制作三剑客案例教程》-肖维明-电子教案第5章》由会员E****分享，可在线阅读，更多相关《《网页制作三剑客案例教程》-肖维明-电子教案第5章》请在金锄头文库上搜索。

点击阅读更多内容

TA的资源