网页设计图像与媒体

这是一篇关于网页设计图像与媒体的思维导图，图片和媒体，插入图像的方式，网页中的图像格式，媒体包括插入媒体，音频引入的内容点。

图片和媒体

• 图像
  • 插入图像的方式
    • 直接点图像按钮
    • 选择“插入—常用—图像”
    • “Ctrl+Alt+I”快捷键
  • 网页中的图像格式
    • JPG/JPGE格式：不支持透明度，不支持动画
    • PNG格式：支持任意透明度，不支持动画
    • GIF格式：支持完全透明度，支持动画
  • 插入图片的代码知识
    • 1.使用img标签
    • 2.<img src="图片路径" alt="图像替代文本" width="图片宽度" heihht="图片高度"/>
    • src属性
      • 用来指定图片文件所在的路径，必须要有
      • 图片路径可以是相对路径，也可以是绝对路径
    • alt属性
      • 图片无法正常显示时替换文本，可以使用中文，也可以使用英文
      • 路径不对，网速过慢，浏览器版本过低，图片格式不对
      • <img src="图片路径" alt="替换文本" />
    • width属性和height属性
      • width属性：设置图片宽度，height属性：设置图片高度
      • 不设置图片会按原始尺寸显示
      • 如果只设置一个属性，另一个会根据已设置的属性等比例缩放
      • 如果两个属性都设置，可能会变形
      • 默认单位为像素，也可以使用百分比（以容器宽度为基准）
    • alighn属性
      • top 顶端对齐
      • bottom 底端对齐
      • middle 垂直居中
      • left 左对齐
      • right 右对齐
    • title属性：提供在图像可见时对图像的描述（鼠标滑过图片时显示的文本）
• 媒体
  • 插入媒体
    • Flash动画
    • FLV
    • Shockwave影片
    • 影片Applet程序
    • Active X控件
  • 音频引入
    • Audio标签：在网页中引入音频（IE8以及之前版本不支持）
    • 属性名和属性值一样，可以只写属性名（controls="controls"可以写成controls）
    • src属性：指定音频文件路径，必须要有
    • controls属性：显示播放控件
    • autoplay属性：音频在就绪后马上播放
    • loop属性：音频播放结束后重新开始
    • muted属性：音频输出应该被静音
    • preload属性：页面加载时，就开始加载音频，并预备播放（等待播放），如果使用了“autoplay”属性，preload属性不会生效
  • 视频引入（属性与音频一致）