制作多媒体效果网页.pptVIP

第十二讲 制作多媒体效果网页（二） 任务一 创建网页滚动广告 任务二 创建网页视频 任务一 创建网页滚动广告 【知识点】嵌套表格、代码视图 【重点/难点】代码的添加 【范例分析】 本实例在设计制作时，通过添加Javascript代码为输入的公告文字创建滚动效果，从而完成本例的制作。 【主要步骤】 启动Dreamweaver，新建一个网页文件，将其命名为“index.htm”，打开“页面属性”，设置“字体”为12pix，“文本颜色”为#FFFFFF，上边距为0pix；在“分类”列表框中选择“链接”选项，链接字体“大小”设置为9pit，链接颜色为#4893DD，将“变换图像链接”颜色设置为“#1AA663”，在”下划线样式”下拉列表框中选择“始终无下划线”。 在网页插入三大宽为778pix、居中对齐且“填充”和“间距”均为0的表格； 其中第一个表格1×1； 第二个表格1×3且“表格ID”文本框中输入“01”； 第三个表格1×1，背景色设置为“#EFDCEF”。 在第一个表格中再插入一1×5，宽度为100%的嵌套表格，分别在各列插入相应的图像； （关键步骤）在第二个表格“01”的第一列中插入光标，将其背景颜色设置为“#DE80A5”， 1）在其中插入一1×1，宽为253pix，边框粗细、单元格边距和单元格间距均为“0”的嵌套表格，并将表格ID设置为“01-1”，在其中插入相应的图像； 2）将光标移至表格“01-1”之外的第一列中，再插入一个1×1的表格“01-2”，设置同“01-1”；将光标移至“01-2”中，为其设置一背景图像； a）将光标移至表格“01-2”中，插入一1×1、宽为214pix（高为160pix）、单元格边距和单元格间距均为“0”的嵌套表格“01-2-1”，将光标移至表格中，为其设置一背景图像，并将垂直对齐设置为“底部对齐”； a1）在“01-2-1”表格中再插入一个1×1 、宽为214pix、单元格边距和单元格间距均为“0”的嵌套表格“01-2-1-1“； a2）在表格“01-2-1-1“中，将垂直对齐方式设置为“顶端”对齐，然后在表格中·输入滚动公告文字，并为文字设置空链接； a3） 在“代码视图”中，在显示的文字前后添加代码（见上部）； （关键步骤） 3）将光标移至表格“01-2”外，插入一4×1、宽为253pix、单元格边距和单元格间距均为“0”的表格；在第1、3行中插入相应的图像，在第2、4行单元格中输入相应文字； 将“01”表格中间和右侧的单元格合并，然后将合并后的单元格背景颜色设置为灰色； 将光标移至合并后的单元格中，在其中插入一个4×4、宽度为98%、单元格和单元格间距均为“0”的嵌套表格。 a）将嵌套表格的第一行单元格合并，并将其背景颜色设置为白色，然后在该单元格中插入相应图像； b）在其余各单元格中插入相应图像； 在网页中插入第三个1×1的大表格，宽为778pix，单元格边距和单元格间距均为“0”，别经颜色为“#EFDCEF”、居中对齐，并在表格中输入相应文字。 【为网页添加背景音乐的方法】 切换到“代码视图”，在body/body之间输入 bgsound src=“11.mp3” loop=-1 其中“11.mp3”为歌曲的名称，“loop=-1”表示音乐 无限循环播放。 【重要知识问答】 本例中输入的代码的含义？ 代码表示在表格中使输入的文字滚动显示；marquee（[计]选取框，用于创建一个滚动的文本字幕 ）标签表示对文字进行滚动设置； 其中 “scrollamount”属性是对“滚动的速度”进行设置，默认为6 “direction”是对滚动方向进行设置，（ 默认为“left”）； “scrolldelay”用于设定两次滚动操作之间的间隔时间， （该时间以毫秒为单位；此属性不是必须使用的，默认为0）。 “height” 表示运动区域的高度，（默认width=100% height为标签内元素的高度）。 为网页添加背景音乐的注意事项？ 本例中添加背景音乐的方法是最常用的一种方法。对于背景音乐的格式现在大多数的主流音乐格式，如 wav、mid和mp3等。需要注意的是， 如果考虑较低的原因，则可以使用Mid音效作为网页的背景音乐，因为Mid音乐文件小，这样在网页打开的过程中能很快加载并播放，但是Mid只能存放音乐的旋律，没有悦耳的和声和唱词。如果网速较快