实验三：向网页中插入图片及多媒体文件.docVIP

实验三：在网页中嵌入图片和多媒体文件 一、实验目的 1、掌握在网页中插入并设置图片属性的基本方法； 2、掌握在图片中设置不同热点区域的方法； 3、掌握在网页中嵌入背景音乐及多媒体音频文件的方法； 4、掌握在网页中嵌入flash按钮和flash动画的基本操作。 二、实验要求 1、在网页中添加不同的图片，并能够通过修改源代码和在Dreamweaver中更改图片属性来设置其大小和位置； 2、在指定图片上添加不同的热点，并使热点链接到不同的页面； 3、为图片设置鼠标经过效果； 4、为网页设定背景音乐； 5、在网页中添加flash。 三、实验原理 1、HTML基本语法； 2、Dreamweaver基本操作。 四、实验步骤 完成下列案例页面的制作，并在IE和Firefox两种浏览器中进行测试。 制作一个简单的页面： 将实验三文件夹中的3-1pic和3-2pic两张图片插入到页面中，并将该页面保存为index.html。 将这两张图片的大小都设定为300X200像素。并且一个靠左对齐，一个靠右对齐。 为两张图片添加超链接，使其分别链接到两个名为page1.html和page2.html的页面上。 按下面要求制作页面： 在page1.html页面中插入cartoon.jpeg图片，设置居中。 在属性面板中，利用圆形热点工具，将图片中圆形的“悟”字部分设置为一个热点，并为该热点设置超链接链接到page2.html页面。 按下面要求制作页面： 在page2.html页面中制作一个鼠标经过效果，使鼠标未经过时显示cat1.png图片，鼠标经过时显示cat2.png图片。测试并保存该页面。 为该图片添加超链接，使其链接到page1.html页面。 按要求制作下面的页面： 将bgmusic.mp3设置为page1.html的背景音乐。 将flash文件3d.swf插入到页面page1.html中，使其位于cartoon图片的下方。并在浏览器中观察页面效果。 总结在网页中插入图片和多媒体文件时需要注意的问题。