网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> Dreamweaver >> 正文
最新文章
· 让Adobe Dreamweaver CC支持ASP
· Dreamweaver+ASP实现分页技术
· Dreamweaver8创建自定义代码片段
· Dreamweaver网页制作教程:层及其应用
· 使用Dreamweaver8在网页中插入Flash视
· Dreamweaver制作Flash图片轮换相册
· 如何用Photoshop和Dreamweaver制作网
· Dreamweaver CS4新增功能介绍
· Dreamweaver CS3新增功能介绍
· Dreamweaver CS3中Spry详细区域功能的
热门文章
 让Adobe Dreamweaver CC支持ASP
 Dreamweaver制作Flash图片轮换相册
 如何用Photoshop和Dreamweaver制作
 Dreamweaver 8 时间轴及创建时间轴
 Dreamweaver 8 创建链接关系
 使用Dreamweaver8在网页中插入Flas
 Dreamweaver 8 创建CSS样式
 Dreamweaver+ASP实现分页技术
 Dreamweaver套用源格式命令让源代码
 Dreamweaver 8 创建层
相关文章
如何用Photoshop和Dreamweaver制作网页相
Dreamweaver CS4新增功能介绍
Dreamweaver CS3新增功能介绍
Dreamweaver CS3中Spry详细区域功能的解说
Dreamweaver 8 表单的应用
Dreamweaver 8 创建表单
Dreamweaver 8 认识表单对象
Dreamweaver 8 利用行为制作动态页面
Dreamweaver 8 时间轴及创建时间轴动画
Dreamweaver 8 设置层的属性
Dreamweaver 8 创建层
Dreamweaver 8 制作框架网站
Dreamweaver 8 使用库
Dreamweaver 8 定义可编辑区域
Dreamweaver 8 创建模板
Dreamweaver 8 CSS样式表滤镜实例
Dreamweaver 8 CSS样式表的其他操作
Dreamweaver 8 使用CSS样式美化页面
Dreamweaver 8 创建CSS样式
Dreamweaver 8 创建链接关系
Dreamweaver 8 插入Flash动画
来源:www.cwydesign.com 更新时间:2009/5/2 2:22:32 阅读次数:
字体:[ ] 我要投稿

  通过前面三课的学习,相信你已经能制作出一个简单的网页了,很有成就感吧^_^

  不过,一个优秀的网站应该不仅仅是由文字和图片组成的,而是动态的、多媒体。为了增强网页的表现力,丰富文档的显示效果,我们可以向其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 占位符。

  如果需要,在属性检查器中设置其他属性。

   5、插入Flash视频

  请参见玉树老师的教程(在上面的FlashPaper文档中)。

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号