《第五讲制作多媒体页面课件》由会员分享，可在线阅读，更多相关《第五讲制作多媒体页面课件（26页珍藏版）》请在金锄头文库上搜索。
1、制作图像页面,图像常识 插入并设置图像 插入其它图像元素 使用外部图像编辑器,图像常识,网页中常用的图像格式 GIF 、JPEG、PNG（应用不广泛） GIF(Graphic Interchange Format)： 图像交换格式、采用LZW无损压缩算法。只包含256种颜色，支持透明的背景色和动画格式。通常网站中的Logo、按钮图片、文字图片和背景图片都使用这种格式。,JPEG（Joint Photographic Experts Group)：采用有损压缩的算法。支持位真彩色，但不支持透明的背景色和动画格式。经常用来表现色彩丰富、武装复杂的图像。,插入并设置图像,插入图像 通过“插入”“图像
2、”菜单命令插入图像 通过“文件”面板插入图像 通过“资源”面板插入图像 设置图像属性 选中插入的图像，可以在“属性”检查器中设置图像的属性。,为图像设置热点 插入其他图像元素 插入图像占位符，其步骤如下： 在文档编辑页面中用鼠标指针定位需要插入图像占位符的位置。 选择“插入”“图像对象”“图像占位符”输入占位符的名称、宽度和高度。还可以设置颜色和替换文本。 单击“确定”按钮，即可插入一个图像占位符，默认情况下颜色为灰色。 完成网页规划后，使用设计好的图像替换图像占位符。,插入鼠标经过图像：经常用来制作动态效果，当鼠标移动到图像上时，该图像就变为另外一幅图像。（按钮、导航条制作） step1.在
3、需要插入的地方单击鼠标左键定位一个插入点。 step2.选择“插入”“图像对象”“鼠标经过图像”菜单命令，打开“插入鼠标经过图像”对话框。 step3.单击“浏览”按钮，分别设置原始图像和鼠标经过图像。 step4.单击“确定”按钮，将图像插入到表格中，完成制作。 step5.保存预览。,插入导航条 由一系列的栏目按钮组成，在Dreamweaver 8中可以为导航条中的按钮设置种状态图像，分别为状态图像、鼠标经过图像、按下图像和按下时鼠标经过图像，通常只需设置状态图像和鼠标经过图像即可。 例制作一个包含个导航按钮的导航条： step1.首先根据需要在页面中插入一个行列的表格，并设置表格的宽度与
4、导航条的宽度相同。 step2.将鼠标光标定位在表格中，选择“插入”“图像对象”“导航条”菜单命令，打开对话框。 step3.单击“浏览”按钮，设置状态图像和鼠标经过图像，然后在“按下时，前往的URL”文本框中设置链接的目标文件。,step4.单击“添加项”按钮，增加一个导航条元件，并自动命名为unnamed1。 step5.在“项目名称”文本框中设置导航条文件的新名称，然后单击“浏览”按钮，设置第二个导航条元件的状态图像和鼠标经过图像，在“按下时，前往的URL”文本框中设置链接的目标文件。 step6.使用相同的方法继续增加导航条元件。 step7.单击“确定”按钮，返回到文档编辑窗口，可看
5、到导航条图像已经插入到表格中，此时显示的为状态图像。 step8.按F12键在IE浏览器中预览，当鼠标移动到导航条按钮上时，图像由设置的状态图像变为鼠标经过图像，产生动态效果。,使用外部图像编辑器,定义外部图像编辑器 step1.选择“编辑”“首先参数”菜单命令，打开“首先参数”对话框，在“分类”列表中选择“文件类型/编码器“一项。 step2.单击“编辑器”列表上方的添加按钮，打开“选择外部编辑器”对话框。 step3.单击“打开”按钮，返回到“首先参数”对话框中，此时在“编辑器”列表中可以看到新增加的编辑器。 step4.选中其中一项，单击“设为主要”按钮，将其作为主要编辑器，这样扩展名列
6、表中的文件类型都使用该编辑器进行编辑。,制作多媒体页面,插入Flash 插入Shockwave动画 插入声音 插入视频,插入Flash,Flash的文件类型 Flash文件(.fla)是所有项目的源文件，在Flash程序中创建。只能在Flash中打开，将它导出为SWF或SWT文件在浏览器中使用。 Flash SWF文件( .swf)是Flash(.fla)文件的压缩版本，已进行了优化以便于在网页中使用。 Flash模板文件(.swt)能够修改和替换Flash SWF文件中的信息。用于Flash按钮对象中，使我们能够用自己的文本或链接修改模板，以便创建满足需求的SWF。 Flash元素文件(.s
7、wc)是一个Flash SWF文件，通过将此类程序合并到网页，可以创建丰富的Internet应用程序。 Flash视频文件格式(.flv)是一种视频文件，它包含经过编码的音频和视频数据，用于通过Flash Player传送。,插入Flash动画 Step1.打开需要插入Flash动画的网页，使用鼠标定位一个插入点。 Step2.选择“插入”“媒体”“Flash“菜单命令，打开“选择文件”对话框，选中一个SWF运来文件。 Step3.单击“确定”，将Flash运来插入到页面中，页面显示一个F标记的灰色区域。 Step4.在灰色区域上单击鼠标左键，选中动画，在其“属性”检查器中设置其相关属性。 S
8、tep5.完成Flash动画在网页中的插入操作，保存网页，预览效果。,全部显示：虽然被拉长，但是画面依然保持应有的长宽比例，旁边由颜色来填充，整个画面完全显示。 无边框：flash适应调整后的尺寸，超出调整的尺寸之外的部分被裁减了，依然保持原有的长宽比例，但是超出的部分已不可见。 严格匹配：匹配设定的尺寸，不管原有的长宽比例尺寸，只管匹配后来设定的尺寸，有很大的变形，其长宽比例已不符合原来的要求，但会完全显示所有内容。,插入Flash按钮 Step1.打开需要插入Flash动画的网页，利用表格进行排版布局，在图像下面的表格中插入一个行列的表格，设置每个单元格的宽度为100像素，使用鼠标定位一个
9、插入点。 Step2.选择“插入”“媒体”“Flash按钮“菜单命令，打开“插入Flash按钮”对话框，选中一个样式并对其进行设置。 Step3.单击“确定”，将Flash按钮插入到页面中第一个单元格中。 Step4.选中插入的按钮，可以在其属性面板中设置其相关属性，一般情况下保持默认即可。 Step5.继续在其它单元格中插入按钮。 Step6.完成Flash按钮在网页中的插入操作，保存网页，预览效果。,插入Flash文本 Step1.打开上面制作的Flash按钮页面，在网页上方的表格中定位一个插入点。 Step2.选择“插入”“媒体”“Flash文本“菜单命令，打开“插入Flash文本”对话
10、框，设置其相关属性。 Step3.单击“确定”，将Flash文本插入到页面中。 Step4.在插入的文本上单击鼠标左键，在其“属性”检查器中设置其相关属性。 Step5.完成Flash动画在网页中的插入操作，保存网页，预览效果。,插入图像查看器,Step1.打开需要插入图像查看器的网页，使用鼠标定位一个插入点。 Step2.选择“插入”“媒体”“图像查看器“菜单命令，打开“保存Flash元素”对话框，设置保存的文件名和路径。,Step3.单击“保存”，保存Flash元素，并将图像查看器插入到网页中，在“属性”面板中设置其宽和高的值。图像查看器的大小要与图像大小成比例。 Step4.按F9，打开
11、“Flash元素”面板，将frameShow一项的参数由“否”改为“是”，这样可以在图像查看器的外围显示边框。 Step5.imageURLs右侧的参数，按Delete键将其删除。,Step6.单击参数右侧的“编辑数组值”按钮，打开“编辑imageURLs”数组对话框，在“值”的下方单击鼠标指针，出现一个文本框和文件夹图标。 Step7.单击右侧的文件夹图标，打开“选择文件”对话框，选中需要插入的图像文件。 Step8.单击“确定”按钮，增加一个数组值，值为图像的存储路径。,Step9.使用同样的方法，将需要展示的N张图像都插入到“编辑imageURLs数组”对话框中。 Step10.在“Fl
12、ash元素“面板中，设置slideAutoplay一项的参数为“是”，让Flash运来自动播放，设置slideLoop一项的参数为“是”，让Flash动画循环播放，设置title一项的参数为“小区景观”，在播放区域的左上角显示标题文字，设置transitions一项的参数为“Random”，让Flash运来的播放效果为随机。 Step11. 保存网页，预览效果。,插入声音 嵌入音乐 添加背景音乐,嵌入音乐,step1.打开一个需要插入音乐的网页文档，然后使用鼠标指针定位一个插入点。 step2.选择“插入”“媒体”“插件”菜单命令，打开“选择文件”对话框，在对话框中浏览并选中一个MP3文件。
13、Step3.单击“确定”将音乐文件插入到网页中，此时会显示一个图标。 Step4.在这个音乐类型的插件文件的“属性”面板中设置宽为480,高为50，即音乐播放器的尺寸。 Step5.保存文档，预览效果，可以通过播放器上的按钮来控制音乐文件的播放。,添加背景音乐,step1.打开一个需要插入背景音乐的网页文档，然后切换到代码视图，在中定位一个插入点。 step2.输入代码。 Step3.在标签中添加代码loop=“true”，它的作用是使背景音乐循环播放。 Step4.保存文档，预览效果。,插入视频,目前网页中经常使用的视频文件有如下两种，这两种文件无须下载，可在网页中直接观看。 插入MPG视频
14、 插入RM视频,插入MPG视频,step1.在Dreamweaver中打开一个需要插入MPG视频的网 页文档，使用鼠标定位一个插入点。 step2.选择“插入”“媒体”“插件”菜单命令，打开“选择 文件”对话框，在对话框中浏览并选中一个MPG视频文件。 step3.单击“确定”按钮将MPG视频文件插入到网页中。 step4.选中MPG视频文件，然后在它的“属性”面板中将宽和高分 别设置为260,即视频文件的实际尺寸，也可按比例适当 放大或者缩小。 step5.在“属性”面板中单击“参数”按钮，打开“参数”对话框，增加 一个参数autostart，设置参数值为true，使MPG视频可以 自动播放。 step6.保存文档，然后按F12键预览网页效果。,插入RM视频,step1.在Dreamweaver中打开一个需要插入RM视频的网页 文档，用鼠标定位一个插入点。 step2.在“插入”栏中选择“RealAudio”选项卡 step3.打开“选择文件”对话框，选中一个RM视频文件。 step4.单击“确定”按钮，将RM视频文件插入到网页中。设 置其属性。 step5.保存文档，预览网页效果。,插入Flashpaper,
