Adobe Dreamweaver 设计 制作 钱海军讲师
Adobe Dreamweaver 钱海军 讲师 设计 制作
制作多媒体页面 在页面中插入FLASH动画 在页面中插入FLASH按钮 在页面中插入FLASH文本 在页面中插入音频 在页面中插入视频 ● 在页面中插入Applet 在页面中插入滚动字幕 ZhuHai Radio And Television University
ZhuHai Radio And Television University 制作多媒体页面 • 在页面中插入FLASH动画 • 在页面中插入FLASH按钮 • 在页面中插入FLASH文本 • 在页面中插入音频 • 在页面中插入视频 • 在页面中插入Applet • 在页面中插入滚动字幕
一、在页面中插入动画 为增强网页的表现力，丰富文档的显示效果，除了在网页中使用文本和图像元素表达信息 外，用户可以向其中插入动画以丰富网页的效果。 Insert Modify Text Commands Site Window Help 1.单击“媒体“FLASH”按钮，在弹出的“选择 Tag... Ctrl+E 1~同 Image Ctrl+Alt+I FLASH"对话框中选择要插入的FLASH文件。 Image Objects A Media Flash Ctrl+Alt+F 2.单击“确定”按钮后，所插入的FLASH动画并 Table Ctrl+Alt+T Image Viewer Table Objects Flash Text Layout Objects Flash Button 不会在“文档窗口”中显示内容，而是显示一个带 Form FlashPaper Flash Video... 有“F”的灰色框表示。 Hyperlink Email Link Shockwave Ctrl+Alt+D 3.在网页编辑窗g中单击这个FLASH文件，可以 Named Anchor Ctrl+Alt+A Applet Date ActiveX Server-Side Include Plugin 在“属性”面板中设置其属性。为了测试动画在 Comment HTML 网页编辑窗口中的预览效果，可以选中FLASH文 Template Objects Recent Snippets 件，单击“属性”面板上的“播放”按钮直接进 Customize Favorites... Get More Objects... 行预览。 ZhuHai Radio And Television University
ZhuHai Radio And Television University 一、在页面中插入动画 为增强网页的表现力，丰富文档的显示效果，除了在网页中使用文本和图像元素表达信息 外，用户可以向其中插入动画以丰富网页的效果。 1. 单击“媒体“-”FLASH”按钮，在弹出的“选择 FLASH”对话框中选择要插入的FLASH文件。 2. 单击“确定”按钮后，所插入的FLASH动画并 不会在“文档窗口”中显示内容，而是显示一个带 有“F”的灰色框表示。 3. 在网页编辑窗口中单击这个FLASH文件，可以 在“属性”面板中设置其属性。为了测试动画在 网页编辑窗口中的预览效果，可以选中FLASH文 件，单击“属性”面板上的“播放”按钮直接进 行预览
二、在页面中插入FLASH按钮 为简化用户操作，特别对于初级用户，软件专门内置了多种FLASH按钮样式。 1.在“常用”对象组上的“媒体”按钮下拉 Insert Flash Button X 式菜单列表中选择第二项“FLASH按钮”， Sample: OK Button Text 弹出插入对话框。 Apply Cancel Style: Beveled Rect-Blue 2.从“样式”下拉式菜单中选择所需的按钮 Beveled Rect-Bronze Get More Styles... Beveled Rect-Green Beveled Rect-Grey 样式。在“按钮文本”文本框中，输入要显示 Help Blip Arrow Blue Warper 的文本。在“字体”下拉式列表中，选择要使 Button text: Font: Verdana Size:12 用的字体。在“大小”文本框中，输入字体大 Link: Browse... 小的数值。在“另存为”文本框中，输入用来 Target: Bg color: 园 保存此新SWF文件的文件名。在“链接”文 Save as:button1.swf Browse... 本框中，输入相应内容进行设置。 3.单击“应用”按钮，在不关闭对话框的情 况下直接诶查看按钮的设置效果。如果需要修 改按钮对象，可以在选中情况下，在“属性” 面板进行修改设置。 ZhuHai Radio And Television University
ZhuHai Radio And Television University 二、在页面中插入FLASH按钮 为简化用户操作，特别对于初级用户，软件专门内置了多种FLASH按钮样式。 1. 在“常用”对象组上的“媒体”按钮下拉 式菜单列表中选择第二项“FLASH按钮”， 弹出插入对话框。 2. 从“样式”下拉式菜单中选择所需的按钮 样式。在“按钮文本”文本框中，输入要显示 的文本。在“字体”下拉式列表中，选择要使 用的字体。在“大小”文本框中，输入字体大 小的数值。在“另存为”文本框中，输入用来 保存此新SWF文件的文件名。在“链接”文 本框中，输入相应内容进行设置。 3. 单击“应用”按钮，在不关闭对话框的情 况下直接诶查看按钮的设置效果。如果需要修 改按钮对象，可以在选中情况下，在“属性” 面板进行修改设置
三、在页面中插入FLASHT文本 1.在“常用”对象组上的“媒体”按钮下拉 Insert Flash Text 式菜单列表中选择第二项“FLASH文本”， Font:Aharoni Size:30 OK 弹出插入对话框。 BL度 Apply Color: ▣#000000 Rolover color: Cancel 2.从“文本”域中输入所需的文本“意见建 Text: Help 议”，在“”字体“下拉式列表中选择一种 字体。在”大小“文本框中输入字号大小。 ☑Show font 在”颜色“文本框中，设置文本颜色。在” Link: Browse... Target: 转滚颜色“文本框中设置当鼠标指针经过 Bg color: 园 FLASH文本对象时所显示的颜色，最后保 Save as:text1.swf Browse... 存。 3.单击”应用“按钮查看按钮的设置效果。 ZhuHai Radio And Television University
ZhuHai Radio And Television University 三、在页面中插入FLASH文本 1. 在“常用”对象组上的“媒体”按钮下拉 式菜单列表中选择第二项“FLASH文本”， 弹出插入对话框。 2. 从“文本”域中输入所需的文本“意见建 议”，在“”字体“下拉式列表中选择一种 字体。在”大小“文本框中输入字号大小。 在”颜色“文本框中，设置文本颜色。在” 转滚颜色“文本框中设置当鼠标指针经过 FLASH文本对象时所显示的颜色，最后保 存。 3. 单击”应用“按钮查看按钮的设置效果
四、在页面中插入音频 在网页中可以嵌入背景音乐。这种音乐多以MDI、MP3文件为主。也可以嵌入音频将声音 直接并入页面中，但只有浏览者在浏览网页时具有适合所选声音文件的插件后，声音才可以播 放。如果希望在页面上显示播放器的外观，包括播放、暂停、停止、音量及声音文件的开始点 和结束点等控制面板，可以使用这种方法。 ZhuHai Radio And Television University
ZhuHai Radio And Television University 四、在页面中插入音频 在网页中可以嵌入背景音乐。这种音乐多以MIDI、MP3文件为主。也可以嵌入音频将声音 直接并入页面中，但只有浏览者在浏览网页时具有适合所选声音文件的插件后，声音才可以播 放。如果希望在页面上显示播放器的外观，包括播放、暂停、停止、音量及声音文件的开始点 和结束点等控制面板，可以使用这种方法
4.1制作背景音乐效果 1.切换到DW8的“拆分”视图，将光标定位到之间的位置。 2.在光标的位置输入：,如果需要循环播放音乐，在上述代码中加 入loop=true。 Khtml xmlns="http://www.w3.org/1999/xhtml"> 3 Untitled Document 6 12 ZhuHai Radio And Television University
ZhuHai Radio And Television University 4.1 制作背景音乐效果 1. 切换到DW8的“拆分”视图，将光标定位到之间的位置。 2. 在光标的位置输入:，如果需要循环播放音乐，在上述代码中加 入loop=true
4.2嵌入背景音乐 1.单击“常用”对象组按钮，从弹出的下拉菜单中选择“插件”选项。 2.打开“选择文件”对话框，可以选择要打开的插件文件，这里我们选择MP3声音文件。 3.单击“确定”按钮后，所插入的插件不会在”文档窗口“中显示内容，而是以图标形式显示。 4.在”属性“面板中将这个插件图标的大小进行修改。 5.如果需要循环播放音乐，单击属性面板的”参数“按钮，然后单击加号”+“按钮，在”参 数“中输入”1o0p“,并在”值“列中输入”true“后，单击”确定“按钮。 6.如果希望在预览网页的时候音乐不会自动播放，可以在”参数“对话框中的”参数“中输 入”autostart“,并在”值“列中输入”true”后，单击”确定“按钮。安按Fl2键，可以 看到在打开的浏览器页面实现了嵌入音乐的效果。 Parameters 田回 ®回 OK Parameter Value Cancel boop true autostart☑true 0通14s一物4 Help ZhuHai Radio And Television University
ZhuHai Radio And Television University 4.2 嵌入背景音乐 1. 单击“常用”对象组 按钮，从弹出的下拉菜单中选择“插件”选项。 2. 打开“选择文件”对话框，可以选择要打开的插件文件，这里我们选择MP3声音文件。 3. 单击“确定”按钮后，所插入的插件不会在”文档窗口“中显示内容，而是以图标形式显示。 4. 在”属性“面板中将这个插件图标的大小进行修改。 5. 如果需要循环播放音乐，单击属性面板的”参数“按钮，然后单击加号”+“按钮，在”参 数“中输入”loop“，并在”值“列中输入”true“后，单击”确定“按钮。 6. 如果希望在预览网页的时候音乐不会自动播放，可以在”参数“对话框中的”参数“中输 入”autostart“，并在”值“列中输入”true”后，单击”确定“按钮。安按F12键，可以 看到在打开的浏览器页面实现了嵌入音乐的效果
五、在页面中插入视频 插入视频文件的操作可以将视频直接并入页面中，但只有浏览者在浏览网页时具有适合所 选视频文件的插件后，视频才可以播放。这可以在页面上显示播放器效果，包括播放、暂停、 停止、音量及视频文件的开始点和结束点等控制面板。 ZhuHai Radio And Television University
ZhuHai Radio And Television University 五、在页面中插入视频 插入视频文件的操作可以将视频直接并入页面中，但只有浏览者在浏览网页时具有适合所 选视频文件的插件后，视频才可以播放。这可以在页面上显示播放器效果，包括播放、暂停、 停止、音量及视频文件的开始点和结束点等控制面板
5.1插入普通视频 1.单击“常用”对象组，按钮，从弹出的下拉菜单中选择“插件”选项。 2.打开“选择文件”对话框，可以选择要打开的插件文件，这里我们选择MPG视频文件。 3.单击“确定”按钮后，所插入的插件不会在”文档窗口“中显示内容，而是以图标形式显示。 4.在”属性“面板中将这个插件图标的大小进行修改。 5.如果需要循环播放视频，单击属性面板的”参数“按钮，然后单击加号”+“按钮，在”参 数“中输入”1oop“,并在”值“列中输入”tue“后，单击”确定“按钮。 6.如果希望在预览网页的时候视频不会自动播放，可以在”参数“对话框中的”参数“中输 入”autostart“,并在”值“列中输入”true”后，单击”确定“按钮。安按Fl2键，可以 看到在打开的浏览器页面实现了嵌入视频的效果。 Parameters 田回 因回 OK Parameter Value Cancel bop true autostar■☑true Help ⑩■44+1可 ZhuHai Radio And Television University
ZhuHai Radio And Television University 5.1 插入普通视频 1. 单击“常用”对象组 按钮，从弹出的下拉菜单中选择“插件”选项。 2. 打开“选择文件”对话框，可以选择要打开的插件文件，这里我们选择MPG视频文件。 3. 单击“确定”按钮后，所插入的插件不会在”文档窗口“中显示内容，而是以图标形式显示。 4. 在”属性“面板中将这个插件图标的大小进行修改。 5. 如果需要循环播放视频，单击属性面板的”参数“按钮，然后单击加号”+“按钮，在”参 数“中输入”loop“，并在”值“列中输入”true“后，单击”确定“按钮。 6. 如果希望在预览网页的时候视频不会自动播放，可以在”参数“对话框中的”参数“中输 入”autostart“，并在”值“列中输入”true”后，单击”确定“按钮。安按F12键，可以 看到在打开的浏览器页面实现了嵌入视频的效果