17、网页多媒体内容的创建与嵌入

月月光659

于 2025-10-27 09:11:42 发布

阅读量16

点赞数

CC 4.0 BY-SA版权

分类专栏：解码网页构建艺术文章标签：多媒体图像映射动画GIF

本文链接：https://blog.youkuaiyun.com/sand8/article/details/155154460

解码网页构建艺术专栏收录该内容

44 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

网页多媒体内容的创建与嵌入

1. 多媒体概述

在早期的网络世界中，“多媒体”一词令人兴奋不已，人们能在原本只有文本的协议上听到数字声音，这极具吸引力。如今，“多媒体”既让用户兴奋，又让他们感到沮丧。这种情绪差异取决于用户对接触媒体的控制程度，例如直播或按需播放的电视节目通常是好事，而大量让浏览器卡顿的Flash横幅广告则是坏事。

那么，什么是多媒体呢？维基百科将多媒体定义为“使用多种形式的信息内容和信息处理（如文本、音频、图形、动画、视频、交互性）来向用户受众提供信息或娱乐的媒体”。对于网络而言，多媒体是除文本之外的任何内容，包括图形（静态和动态）、音频、视频及其组合。如今，几乎你访问的任何网页都包含多媒体内容。

2. 图像映射

图像映射是一种在网页中实现交互的技术，允许用户点击图像的不同区域以链接到不同的页面。以下是一个图像映射的示例代码：

<body>
<img alt="Pick a Shape" src="shape.jpg" usemap="#map1" />
<map name="map1">
<area href="polygon.html"
shape="poly" coords="123,54,142,110,201,
111,154,147,171,203,123,169,75,204,91,147,45,110,104,109"
alt="Polygon Link" />
<area href="circle.html"
shape="circle" coords="307,109,53"
alt="Ci