最新DW教程--四、插入媒体和制作链接汇编.doc

第四节   制作多媒体页面 通过前面三课的学习，相信你已经能制作出一个简单的网页了，很有成就感吧_    不过，一个优秀的网站应该不仅仅是由文字和图片组成的，而是动态的、多媒体。为了增强网页的表现力，丰富文档的显示效果，我们可以向其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文件，就可以在属性面板中设置它的属性了。 附件l：对乙公司、丙公司投资情况的说明勾选“循环”复选框时影片将连续播放，否则影片在播放一次后自动停止。     通过勾选“自动播放”复选框后，可以设定Flash文件是否在页面加载时就播放。     在“品质”下拉列表中可以选择Flash影片的画质，以最佳状态显示，就选择“高品质”。     “对齐”下拉列表用来设置Flash动画的对齐方式，     为了使页面的背景在Flash下能够衬托出来，我们可以使Flash的背景变为透明。单击属性面板中的“参数”按钮，打开“参数”对话框，设置参数为wmode，值为transparent。 2、MIS系统设计的内容： 新系统总体结构框架设计，代码设计，数据库设计，输入/输出设计，处理流程设计及模块功能设计。这样在任何背景下，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文档中）。      二、插入声音 声音能极好的烘托网页页面的氛围，网页中常见的声音格式有WAV、MP3、MIDI、AIF、RA、或Real Audio格式。      1、添加背景音乐      在页面中可以嵌入背景音乐。这种音乐多以MP3，MIDI文件为主，在DW中，添加背景音乐有两种方法，一种是通过手写代码实现，还有一种是通过行为实现。      在HTML语言中，通过<BGSOUNG>这个标记可以嵌入多种格式的音乐文件，具体步骤是：      我们将01.mid音乐文件存放在med文件夹里。      打开03.html网页，我们为这个页面添加背景音乐      切换到DW的“拆分”视图，讲光标定位到</body>之前的位置，在光标的位置写下下面这段代码：<bgsound srcmed/01.mid>，如下图所示。按下F12键，在浏览器中查看效果，我们可以听见背景音乐声。     如果希望循环播放音乐，将刚才的源代码修改为以下代码即可： <bgsound src="med/01.mid" loop="true">    2、嵌入音乐     嵌入音频可以将声音直接插入页面中，但只有浏览者在浏览网页时具有所选声音文件的适当插件后，声音才可以播放。如果希望在页面显示浏览器的外观，可以使用这种方法。     打开02.html网页，将光标放置于我们想要显示播放器的位置。 单击快捷栏上的“媒体”按钮，从下拉列表中选择“插件”。     弹出“选择文件”对话框，在对话框中02.war音频文件。 E筹资活动现金流入8 120万元单击确定按钮后，插入的插件在文档窗口中以下图所示图标来显示。 C继发性纤溶系统激活12、（）是MPR? （制造资源计划）微观计划的开始，是MPR?的核心。选中该图标，在属性面板中可以对播放器的属性进行设置： 要实现循环播放音乐的效果，单击属性面板中的“参数”按钮，然后单击“”按钮，在“参数”列中输入loop，并在“值”列中输入true后，单击“确定”按钮。 要实现自动播放，可以继续编辑参数，在参数对话框的“参数”列中输入autostart，并在值中输入true，单击“确定”按钮。 (2)6月30日，甲公司以8 000万元的拍卖价格取得一栋已达到预定可使刚状态的房屋，该房屋的预计使用年限为50年。当地政府为鼓励甲公司在当地投资，于同日拨付甲公司2 000万元，作为对甲公司取得房屋的补偿。A凝血因子和血小板的激活 D纤溶亢进按下F12键，打开浏览器预览，这个页面实现了嵌入音乐的效果，在浏览器里显示了播放插件。     三、创建链接关系     链接是一个网站的灵魂，一个网站是由多个页面组成的，而这些页面之间依据链接确定相互之间的导航关系。    超级链接是指站点内不同网页之间、站点与Web之间的链接关系，它可以使站点内的网页成为有机的整体，还能够使不同站点之间建立联系。超级链接由两部分组成：链接载体和链接目标。    许多页面元素可以作为链接载体，如：文本、图像、图像热区、动画等。而链接目标可以是任意网络资源，如：页面、图像、声音、程序、其他网站、Email甚至是页面中的某个位置 - 锚点。    链接的类型    如果按链接目标分类，可以将超级链接分为以下几种类型：     * 内部链接：同一网站文档之间的链接。     * 外部链接：不同网站文档之间的链接。     * 锚点链接：同一网页或不同网页中指定位置的链接。     * E-mail链接：发送电子邮件的链接。     1、关于链接路径     绝对路径，为文件提供完全的路径，包括适用的协议，例如http、ftp，rtsp等。 http:/www.163.com/    ftp:/202.136.254.1/    相对路径，相对路径最适合网站的内部链接。如果链接到同一目录下，则只需要输入要链接文件的名称。要链接到下一级目录中的文件，只需要输入目录名。然后输入“/“，再输入文件名。如链接到上一级目录中的文件，则先输入”./“再输入目录名，文件名。    根路径：是指从站点根文件夹到被链接文档经由的路径，以前斜杠开头，例如， /fy/maodian.html就是站点根文件夹下的fy子文件夹中的一个文件（maodian.html ）的根路径。    2、创建外部链接     不论是文字还是图像，都可以创建链接到绝对地址的外部链接。创建链接的方法可以直接输入地址也可以使用超级链接对话框。     （1）直接输入地址     打开02.html页面，输入并选中文字“闪客启航网页技术区”。     在属性面板中，“链接”用来设置图像或文字的超链接，“目标”用来设置打开方式。    我们在“链接”文本框直接输入外部绝对地址http:/bbs.flasher123.com/index.asp?boardid=4，在“目标”项的下拉列表中选择_blank（在一个新的未命名的浏览器窗口中打开链接）。如下图所示。7、系统开发过程中第一个正式文档是（）（2）使用超级链接对话框     打开03.html页面，选中文字“闪客启航”。    单击常用快捷栏中的“超级链接”按钮。【答案】：B弹出“超级链接”对话框，我们进行以下各项的设置：     “文本”文本框用来设置超级链接显示的文本。     “链接”用来设置超链接连接到的路径。     “目标”下拉列表框用来设置超链接的打开方式，有四个选项。     “标题”文本框用来设置超链接的标题。    设置好后，单击“确定”按钮，向网页中插入超链接。    3、创建内部链接    在文档窗口选中文字，单击属性面板“链接”后的按钮，弹出“选择文件”对话框，选择要链接到的网页文件，即可链接到这个网页。    我们也可以拖动“链接”后的按钮到站点面板上的相应网页文件，则链接将指向这个网页文件。    此外，我们还可以直接将相对地址输入到“链接”文本框里来链接一个页面。    4、创建Email链接    单击常用快捷栏中的“电子邮件链接”按钮，弹出“电子邮件链接”对话框，在对话框的文本框那输入要链接的文本，然后在Email文本框内输入邮箱地址即可。     5、创建锚点链接    所谓锚点链接，是指在同一个页面中的不同位置的链接。    打开一个页面较长的网页，将光标放置于要插入锚点的地方，单击常用快捷栏的“命名锚记”按钮，插入锚点。再选中需要链接锚点的文字，再属性面板中拖动链接后的到锚点上即可。    6、制作图像映射    打开03.html文件，选中102。gif图片，在属性面板中，有不同形状的图像热区按钮，选择一个热区按钮单击。    然后在图像上需要创建热区的位置拖动鼠标，即可创建热区。此时，选中的部分被称着图像热点。    选中这个图像热点，在属性面板上可以给这个图像热点设置超链接即可。C凝血酶时间延长现在，请发挥你的想象力，巧妙运用各种页面元素来丰富你的网页，把它装扮的更加生动和精彩！