第3章 图片及多媒体文件的使用.pptVIP

Alt属性指定了替代文本，用于图像在无法显示或者用户禁止图像时显示，代替图像在浏览器中。当用户把光标移到图像上时，在其旁边会显示描述性文本。 文字和图像是网页中的基本元素，在网页中插入图像可以使网页更加生动形象，文字和图像的排版是网页制作中最基本的操作，下面通过实例讲述在网页中插入图像。 如在页面内载入一段动听的音乐，或者用户可能要在每次鼠标指针滑过某个链接时播放一段声音效果，这样会大大增加了网页的特效。 在网页中，除了可以嵌入普通的声音文件之外，还可以为某个网页设置背景音乐。利用bgsound标签可以设置网页的背景音乐。 3.3 添加多媒体文件 随着宽带技术的发展，网页视频技术的出现极大的丰富了人们的业余生活，在网页中加入视频等多媒体文件，可以使单调的网页变得更加生动。在网页中常见的多媒体文件包括声音文件和视频文件。 3.4 使用marquee设置滚动效果 3.4.1 marquee标签及其属性 3.4.2 代码演练：使用marquee插入滚动公告 * * 第3章 图片及多媒体文件的使用 教学内容：在网页中插入图像和多媒体会极大地丰富网页的内容。图像和多媒体本身直观、生动，同时它又跨越语言、地域及年龄差异，赋予了网页更多的魅力和新鲜感。 教学重点 插入图像及设置图像属性 背景音乐 教学难点 使用marquee设置滚动效果 添加多媒体文件 教学目标和基本要求 ___________________________________ ___________________________________ ___________________________________ 教学时间：本章共分_______课时 教学方法 案例教学 多媒体教学 理论面授 教学素材 课程范例文件：sample\第3章\ 练习文件：exercise\第3章\ 本章各节课时分配及链接 3.1 图像标记img及属性——（ ）课时 3.2 添加背景音乐——（ ）课时 3.3 添加多媒体文件——（ ）课时 3.4 使用marquee设置滚动效果——（ ）课时 3.5综合实训：创建丰富的图像和多媒体网页——（ ）课时 3.1 图像标签img及属性 在网页上使用图像，能使网页充满生机，而且能直观的表达出网页主题。一个精美的图像网页不但能引起浏览者的兴趣，而且在很多时候能体现出网站的风格。 插入图像的时候，仅仅使用img标签是不够的，还需要配合其他的属性来完成。其中src属性是必要的属性，它指定要插入的图像文件的保存位置与名称。 3.1.1 图像标签img 3.1.2 设置图像高度height 默认情况下，页面中图像的显示大小就是图像默认的宽度和高度，也可以使用height任意设置图像的高度。 使用Width可以定义图像的宽度，如果img元素不定义宽度，图像就会按照它的原始尺寸显示。 3.1.3 设置图像宽度width 3.1.4 设置图像的边框border 默认的图像是没有边框的，通过border属性可以为图像添加边框线。可以设置边框的宽度，边框默认的颜色是黑色。 3.1.5 设置图像水平间距hspace 图像和文字之间的水平距离是可以通过hspace进行调整的，这个属性用来调整图像和文字之间的左右距离，从而避免了网页上文字和图像的拥挤。 3.1.6 设置图像垂直间距vspace 可以使用vspace调整图像和文字之间上下的距离，其单位默认为像素。 3.1.7 设置图像相对于文字的对齐方式align 默认情况下，如果不设置图像的对齐方式，图像就会按照行内元素的方法插入一段文本。align的对齐方式有两种：即绝对对齐和相对对齐。 3.1.8 设置图像替代文字alt 3.1.9 代码演练：在网页中插入图像 3.2 添加背景音乐 3.2.1 设置背景音乐bgsound 3.2.2 设置循环播放次数loop 通常情况下，背景音乐需要不断的播放，但有时也需要指定播放的次数，这一功能实现起来并不难，只要设置相应的loop参数即可。 在网页中，经常可以看到如字幕一般的滚动文字和滚动图像效果，在网页中添加适当的滚动效果可以起到增强页面动感的作用。 使用marquee标签可以将文字设置为动态滚动的效果。 marquee标签可以实现元素在网页中移动的效果，以达到动感十足的视觉效果。下面讲述使用marquee插入滚动公告，具体操作步骤如下。 3.5综合实训：创建丰富的图像和多媒体网页 *