这篇教程为“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 占位符。
如果需要,在属性检查器中设置其他属性。
5、插入Flash视频
请参见玉树老师的教程(在上面的FlashPaper文档中)。
这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程>>>>>。