Dreamweaver8插入Flash动画
2008-02-23 06:04:49来源:互联网 阅读 ()
这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程>>>>>。
通过前面三课的学习,相信您已能制作出一个简单的网页了,很有成就感吧^_^
但是,一个优秀的网站应该不但仅是由文字和图片组成的,而是动态的、多媒体。为了增强网页的表现力,丰富文档的显示效果,我们能够向其Flash动画、Java小程式、音频播放插件等多媒体内容。
一、插入Flash动画
1、插入Flash
为了合理的安排这一课的页面元素,在插入Flash动画之前,让我们先来复习一下表格布局吧^_^
打开03.html,配置页面属性,在弹出的“页面属性”对话框中,“外观”项配置字体为“宋体”,字号为16px,文本颜色为#F282A8,背景图像为img/008.JPG,上边距为50px、下、左、右的边距都为0。 “链接”项选择始终无下划线,链接颜色为#F282A8,已访问链接为#F5E458。
现在我们开始布局~^_^~
(1)插入一个1行1列的表格(表格1),表格的宽度为726px,边框粗细为0,单元格边距为0、单元格间距为1,背景颜色为#892321,将表格居中对齐。
(2) 插入一个3行2列的表格(表格2),表格的宽度为100%,边框粗细为0,单元格边距和单元格间距都为0,背景颜色#6DCFF6。配置第一行左边单元格的宽为173px,高为137px,配置第二行的高为238px,将第三行的两个单元格合并,高度为50px。在第一行左侧单元格插入图片img/102.gif,在右侧单元格插入图片img/101.jpg。在第三行将光标水平居中,输入文字“版权任何©闪客启航”
(3)在表格2第二行左侧单元格插入一个6行一列的表格(表格3),表格宽度为95%,边框和单元格边距为0,单元格间距为5,将表格居中对齐。第一行高度为15,其余各行高度都为40。
(4) 在表格2右侧单元格插入一个1行2列的表格(表格4),表格宽度为550px。边框、单元格边距和间距都为0。
好啦~我们完成了页面的布局,开始插入页面元素。
将光标放置在表格4右侧单元格中,单击常用快捷栏中的媒体按钮,然后在弹出的列表中选择Flash。
弹出“选择文档”对话框,选择swf文档夹中的huaduo.swf文档。单击“确定”按钮后,插入的Flash动画并不会在文档窗口中显示内容,而是以一个带有字母F的灰色框来表示。
在文档窗口单击这个Flash文档,就能够在属性面板中配置他的属性了。
勾选“循环”复选框时影片将连续播放,否则影片在播放一次后自动停止。
通过勾选“自动播放”复选框后,能够设定Flash文档是否在页面加载时就播放。
在“品质”下拉列表中能够选择Flash影片的画质,以最好状态显示,就选择“高品质”。
“对齐”下拉列表用来配置Flash动画的对齐方式,
为了使页面的背景在Flash下能够衬托出来,我们能够使Flash的背景变为透明。单击属性面板中的“参数”按钮,打开“参数”对话框,配置参数为wmode,值为transparent。
这样在任何背景下,Flash动画都能实现透明背景的显示。
2、插入Flash文本
我们将光标放置在表格3第二行的单元格中,用Flash文本制作导航栏目。单击常用快捷栏的媒体按钮,在列表中选择Flash文本,弹出“插入Flash文本”对话框,字体随意,大小22px,颜色配置为#F5E458,转滚颜色为#54C994,文本为“图片素材”,背景颜色#6DCFF6,选择自己需要的路径链接。同样方法我们分别在表格3的第3、4、5、6行制作“代码素材”、“Flash动漫”、“精美壁纸”和“音频视频”等栏目。
3、插入Flash按钮
我们在将光标放置于插入Flash按钮的位置,单击常用快捷栏的媒体按钮,在列表中选择Flash按钮,弹出“插入Flash按钮”对话框。
“样式”用来选择按钮的外观,“按钮文本”用来输入按钮上的文字,“字体”和“大小”用于配置按钮上文字的字体和大小,字号变大,按钮并不会跟着改变。
“链接”用于输入按钮的链接,能够是外部链接,也能够是内部链接。“目标”用来配置打开的链接窗口。
假如需要修改Flash按钮对象,能够先选中他,然后在属性面板中单击“编辑”按钮,会自动弹出刚才的“插入Flash按钮”对话框,更改他的配置就能够了。
4、插入FlashPaper
我们还能够在网页中插入 Macromedia FlashPaper 文档。在浏览器中打开包含 FlashPaper 文档的页面时,浏览者能够浏览 FlashPaper 文档中的任何页面,而无需加载新的 Web 页。也能够搜索、打印和缩放该文档。
在“文档”窗口中,将光标放放在页面上想要显示 FlashPaper 文档的位置,然后选择“插入”>“媒体”>“FlashPaper”。
在“插入 FlashPaper”对话框中,浏览到一个 FlashPaper 文档并将其选定。
假如需要,通过输入宽度和高度(以像素为单位)指定 FlashPaper 对象在网页上的尺寸。 FlashPaper 将缩放文档以适合宽度。
单击“确定”在页面中插入文档。 由于 FlashPaper 文档是 Flash 对象,因此页面上将出现一个 Flash 占位符。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
下一篇: Dreamweaver8表单的应用
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash