《插入MPG及AVI等视频实验资料.doc》由会员分享，可在线阅读，更多相关《插入MPG及AVI等视频实验资料.doc（6页珍藏版）》请在金锄头文库上搜索。
1、实验1 插入MPG及AVI等视频1、打开jingdian_ori.htm页面，我们希望在光标所在的位置插入视频文件；2、单击对象常用快捷栏上的“媒体”按钮，然后从下拉列表中选择“插件”；3、打开“选择文件“对话框，可以选择要打开的插件文件。这里选择media目录下的peugeor.mpg视频文件；4、单击“确定“按钮后，插入后的插件并不会在文档窗口中显示内容；5、在属性面板中将这个插件图标的大小改为297*297；6、按下F12键，现在的视频文件不能自动播放，如果希望打开页面的时候电影自动播放，可以单击属性面板的“参数“按钮”编辑参数，在参数对话框的“参数”列中输入autostart，并在“值
2、”列中输入true后，单击确定按钮；7、我们希望能够循环播放视频，为了实现这种效果，继续编辑参数，单击“+”按钮，在“参数”列中输入loop，并在“值”列中输入true后，单击“确定”按钮。实验2 插入JAVA小程序1、打开文件index_ori.html，我们希望在光标所在的位置插入视频文件；2、单击对象常用快捷栏中的“媒体”按钮，然后从下拉菜单中选择Applet；3、打开“选择文件”对话框，可以选择1个JAVA Applet小程序，这里选择的是Lake.class文件；4、单击“选择文件”对话框上的“确定”按钮，可以向网页插入这个JAVA Applet小程序；5、通过看软件查看我们要实现的
3、图像为了l.jpg，其宽度为668，高度为120；6、单击面板上的“参数”按钮，打开“参数”对话框，设定参数名为image，参数值为图象文件的实际路径1.jpg，然后单击“确定“按钮；7、选中插入到网页中的JAVA Applet图标，在属性面板中将图标的宽度和高度分别设置为668和220，宽度设定成图象的宽度，高度设定为图象高度的两倍小一点；8、按下F12键，打开浏览器预览页面，发现原有图象下方出现了水纹效果。实验3 插入滚动字幕或图象 1、打开v2_ori.html页面，将光标定位到“2/5本站更新2/6本站添加新栏目”字样的位置；2、切换到Dreamweaver的代码视图，将光标定位需要插
4、入的位置上；3、将文字代码修改为：按下F12键盘后,打开浏览器页面,可以看到了文字实现了滚动效果；4、继续编辑代码，将代码修改为： 按下F12键后，打开浏览器预览页面，可以看到文字实现了滚动的效果；5、现在滚动文字的速度有些快，我们可以继续修改源代码来调整滚动文字的速度：6、我们还希望当鼠标指向滚动字幕的时候，字幕运动停止，当鼠标离开后，滚动继续的效果，这是可以将代码修改为：按下F12键预览。实验4 插入图象操作1、将光标放置到文档中需要插入图象的位置，然后执行“插入/图象”命令，或者通过单击对象面板上“常用”对象组上的图象按钮；2、弹出“选择图象源文件”对话框，选择合适的图象文件，单击确认按
5、钮就可以向网页插入图象；3、分别将index_01.jpg到index_08.jpg插入到指定的位置上；4、操作完毕，保存网页。实验5 插入Fireworks HTML文档1、选择Fireworks工具箱中的切片工具，准备进行图象的切割；2、使用它在图象上拖动就能将图片分割为几个部分，我们可以看到，分割后的每一个部分都被透明色所覆盖；表明该片图象为切片；3、选择“文件/导出”，打开一个对话框，分割后的图片应用于网页时要求每一个部分都按照原来的位置相互衔接上，所以，保存类型为“HTML和图象”，将其保存为网页；4、将文件名命名为index.htm,单击保存；5、回到Dreamweaver中，建立
6、一个空白的页面；6、选择“常用”快捷拦中“图像按钮下拉列表中的“插入Fireworks HTML ”；7、在弹出的对话框中输入Fireworks导出的HTML文件路径，单击确定。8、使用Dreamweaver完成页面的调整，选中页面中空白的图片文件，按Delete键，空白的图象区域变成了空白单元格；9、选中整个表格，在属性面板中将对齐属性设置为“居中对齐”；10、完成页面制作，按F12浏览效果。实验6 插入鼠标经过图象1、使用Dreamweaver处理index_ori.html文件。在中间空白的位置单击鼠标，然后选择“常用”快捷栏中“图象”按钮下拉列表的“鼠标经过图象”，打开“插入鼠标经过图
7、象”对话框；2、在“图象名称”文本框中为翻转图象起一个便于记忆的名称，本例中命名为Image14；3、在“原始图象”文本框中填入页面被打开时候显示的图片，或单击后面的“浏览”按钮，选择一个图象文件作为原始的主图象。这里我们直接选择images文件夹中名为“f22.gif”的图象，文本框中填入图象图片路径“images/f22.gif”，4、在“鼠标经过图象”文本框中填入鼠标经过时显示图象的URL地址，这里我们直接选择images文件夹中名为“f22_2.gif”的图象，文本框中填入图象图片路径“images/f22_2.gif”，实际图片中显示出反色的效果；5、如果选择“预载鼠标经过图象”复选
8、框，则无论是否通过用鼠标指向原始图片来显示轮替图，浏览器会将轮替图下载到本地的缓存中，以加强浏览速度，这里建议选择踏；6、在“替换文本”文本框中填写“Enter”文字，这样当鼠标经过图象时，在鼠标位置的旁边会弹出一个文本显示区域，其中显示的文字就是填入的说明文字；7、在“按下时，前往的URL”文本框中可以输入单击图象时跳转到的链接地址，这里可以填写“http:/”；8、单击“确定”按钮后，完成插入鼠标经过图象的操作；9、在文档窗口中是无法测试图象的鼠标经过效果的，直接按F12键，启动浏览器，预览当前文档的效果。实验7 插入导航条1、打开index_ori.html页面，将光标放在左侧空白的位置
9、，准备开始制作特效。选择“常用”快捷栏中的“图象”按钮下拉列表中的“导航条”，这时弹出“插入导航条“对话框；2、每一个图象链接被称为一个项目，所有的项目都显示在“导航条元件“选框中，由于刚开始建立，所以只存在一个默认的导航条按钮，接着我们就去修改它；3、给新建的导航条元件起一个容易理解的名称，以便在脚本程序中引用，实例中第一个元件的名称为menu1；4、在“状态图象”中输入默认的图象文件的路径，也可以通过单击“浏览”按钮，从磁盘中选择图象文件，这里选择的路径是“images/index_08.jpg”；5、用同样的方法为“鼠标经过图象”，“按下图象”和“按下时鼠标经过图象”三种状态选择不同的图
10、象，这里的图片分别是“images/index_08_2.jpg”，“images/index_08_3.jpg” “images/index_08_4.jpg”;6、在“替换文本”中设置当图象无法在浏览器中显示的时候将显示文本说明，这里设置为HUAHUO；7、在“按下时，前往的URL”中设置当单击该图象时，打开的网页路径，这里设置为“http:/”；8、选择“预先载入图象”复选框；9、“插入”下拉列表框用来设置导航条的排列方式，有两个选项“水平”和“垂直”，这里选择“垂直”；10、选择使用表格，可以用表格排列导航条中的元件；11、按F12键，预览效果。实验8 制作图象页面1、观察index.
11、htm页面的上方，有logo图象和一个形象图片构成，打开index_ori.htm，将光标定位到上方空白的位置；2、点击对象面板“常用”中的“”图象按钮，弹出“选择图象源”文件对话框，在“选择图象源”对话框中选中logo.gif文件，单击“确认”按钮即向网页插入图象；3、将光标定位在刚才插入的图象右侧，再次点击对象面板“常用”中的“图象”按钮，在“选择图象源”对话框中选择 top_dw.jpg文件，单击“确认”按钮；4、将光标定位到“demo.已经是第三稿了，晕.这年头什么客户都能遇到，看原图请点击这里”字样的下方，单击对象面板“常用”的“图象”按钮，在“选择图象源文件”对话框中选中200523115759499.jpg文件，单击“确认”；5、将光标定位到“访问地址：http:/”字样的下方，单击对象面板“常用”的“图象”按钮，在“选择图象源文件”对话框中选中200511715643358.jpg文件，单击“确认”；6、按照同样的办法，在这幅图象的左侧插入rss100.png,rss200.png,somerights.gif图片；在页面的下方插入其他客户的设计稿图片。实验9 HTML中关于图象页面的操作使用HTML语言完成下面页面的操作（相关图片在文件夹中）：
