coolbar吧 关注:7贴子:514
  • 5回复贴,共1

Dreamweaver 8.0学习教程 - 制作多媒体页面

取消只看楼主收藏回复

第四节   制作多媒体页面 

通过前面三课的学习,相信你已经能制作出一个简单的网页了,很有成就感吧^_^
    不过,一个优秀的网站应该不仅仅是由文字和图片组成的,而是动态的、多媒体。为了增强网页的表现力,丰富文档的显示效果,我们可以向其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按钮”对话框。 



“样式”用来选择按钮的外观,“按钮文本”用来输入按钮上的文字,“字体”和“大小”用于设置按钮上文字的字体和大小,字号变大,按钮并不会跟着改变。 
    “链接”用于输入按钮的链接,可以是外部链接,也可以是内部链接。“目标”用来设置打开的链接窗口。 



1楼2006-12-09 17:20回复
    dddd


    4楼2006-12-10 12:15
    回复
      dddddddddddddd


      5楼2006-12-12 15:36
      回复
        dd


        6楼2006-12-13 19:52
        回复
          d


          7楼2006-12-14 18:40
          回复
            d


            8楼2006-12-16 11:44
            回复