精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>图象处理>Fireworks教程>正文

使用Fireworks 8制作网页效果图


来源:经典论坛 时间:07-08-19 点击: 点击这里收藏本文

1.3 使用Dreamweaver 8进行调整
1.打开Dreamweaver 8的【文件面板】,使用Fireworks 8生成的网页和切割好的图片都已经保存到站点中。如图1.13所示。


图1.13 文件面板中的网页文件和图片
2.双击“index.htm”,在Dreamweaver 8的编辑窗口中打开生成的形象首页。效果如图1.14所示。

点击在新窗口查看全图
CTRL 鼠标滚轮放大或缩小
图1.14 打开形象首页
3.把提供的Flash素材拷贝到站点中的Flash文件夹里。如图1.15所示。


图1.15 把Flash动画素材拷贝到站点的Flash文件夹中
4.把形象页面“index.htm”中的女性图片删除。效果如图1.16所示。

点击在新窗口查看全图
CTRL 鼠标滚轮放大或缩小
图1.16 删除页面中的图片
5.选择删除掉图片的单元格,把刚刚删除掉的图片在【属性面板】中设置为当前单元格的背景图片。如图1.17所示。

点击在新窗口查看全图
CTRL 鼠标滚轮放大或缩小
图1.17 设置单元格的背景图片
6.选择【插入】@@【媒体】@@【Flash】命令(快捷键:【Ctrl+Alt+F】)。在这个单元格中插入Flash动画“hudie.swf”。如图1.18所示。

点击在新窗口查看全图
CTRL 鼠标滚轮放大或缩小
图1.18 插入Flash动画
7.但是这个Flash动画的尺寸比单元格的尺寸要大很多,选择这个Flash动画,在【属性面板】中设置Flash动画的宽度和高度分别为“406像素”和“258像素”。最终效果如图1.19所示。

点击在新窗口查看全图
CTRL 鼠标滚轮放大或缩小
图1.19 设置Flash动画的宽度和高度
【说明】Flash动画的宽度和高度实际上和单元格背景的图片是一样的。具体尺寸可以在制作完切片以后,在Dreamweaver中插入图像时得到。
8.选择Flash动画,点击【属性面板】右下角的【参数】按钮,在弹出的【参数】对话框中输入“wmode”=“transparent” 如图1.20所示。


图1.20 给Flash动画添加参数
【说明】添加这个参数的作用是把Flash动画的背景改变为透明,很多时候我们可以在背景图片上覆盖一个透明的Flash动画,快速实现Flash页面效果。背景透明的Flash动画有很多素材,大家可以直接拿来使用,在网络中可以搜索到很多这样的Flash动画。
9.使用同样的方法,在形象首页的右侧,插入一个Flash动画“text.swf”。如图1.21所示。

点击在新窗口查看全图
CTRL 鼠标滚轮放大或缩小
图1.21 制作背景透明的Flash动画

9 7 3 1 2 3 4 5 6 7 8 9 4 8 :

  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.