图像多媒体网页 超级链接讲义.docVIP

第五次课 图像多媒体和超级链接 图像和多媒体 一、网页中的图像格式 网页中通常使用的图像文件有JPEG、GIF和PNG三种格式，其中以前两者最常用，大多数浏览器都支持。 1.GIF：网络中最常见的图像格式 最多可显示256种颜色，因此最适合显示：色调不连续/大面积单一颜色的图像，如导航条、按钮、图标、徽标等，不适合照片。 无损压缩 支持透明背景 交织文件格式，浏览器完成下载图像之前，浏览者即可看到该图像。 通用性好，几乎所有浏览器都支持，而且有许多免费软件支持该文件编辑。 2.JPEG：有损压缩 丰富色彩，最多可显示1670万种颜色 有损压缩 比GIF格式图像小，下载速度更快 图像边缘细节损失严重，不适合包含鲜明对比度的图像或文本的图像 3.PNG：专门为网络准备的图像格式 使用新型无损压缩方案 丰富色彩，最多可显示1670万种颜色 通用性差，IE4.0或更高版本和Netscape4.04或更高版本浏览器都只能部分支持。 二、插入图像、设置图像属性 1.插入图像 首先注意：文档中插入的图像必须位于当前站点文件夹内或远程站点文件夹内，否则图像不能正确显示，因此，建立站点时，创建一个“image”文件夹。 步骤一：将插入点放置在要插入图像的位置 步骤二：插入图像方法：“插入”面板 “插入”菜单 2.设置图像属性 图像的“属性”面板显示该图像属性 “宽”“高”选项：以像素为单位指定图像宽度和高度。 注意：只缩放图像的显示大小，不缩短下载时间，浏览器；在缩放图像前下载所有图像数据 “编辑”按钮：启动外部编辑图像编辑器， “重新取样”：对已调整过得图像重新取样，提高图片在新的大小和形状下的品质 “地图”和“指针热点工具”设置图像的热点链接 “原始”：指定在载入主图像之前可快速载入的低品质图像，节省浏览时间 “对齐”：指定同一行上的图像和文本的对齐方式。 “垂直边距”和“水平边距”：指定沿图像边沿添加的边距 “替换”：给图片添加文字说明 三、插入图像占位符 布局时，设计图像在网页中的位置，设计方案通过后，再将这个位置变成具体图像。 方法一：“插入”面板 方法二：“插入”菜单 四、跟踪图像 “修改”“页面属性” 五、调整图文混排效果 调整同一行图像与文字相对位置：选中图像，属性面板“对齐”9个选项： “默认值”：通常指定基线对齐，浏览器不同，默认值也不同 “基线”和“底部”：文本的基线与选定对象的底部对齐 “顶端”：当前行中最高文本的顶端与图像的顶端对齐 “居中”：当前行的基线与图像的中部对齐 “文本上方”：文本行中最高字符的顶端与图像的顶端对齐 “绝对居中”：当前行中文本的中部与图像中部对齐 “绝对底部”：将文本行字母的底部与图像的底部对齐。 “左对齐”：图像放置在左边，文本在图像右侧换行 “右对齐”：图像放置在右边，文本在图像左侧换行 案例 数码相机网页 步骤一：插入图像：分别在第一段和第二段英文标题前插入图像3和4 步骤二：图文对齐：分别在属性面板“对齐”选项中选择“左对齐”和“右对齐” 步骤三：设定图像大小：选中图像，单击右下角调整点拖曳，属性面板中图像“宽、高”随之变化 步骤四：恢复图像原始大小，单击“宽、高”后的旋转形状按钮。 六、多媒体在网页中的应用 案例 营养美食网页 步骤一：打开美食网页素材； 步骤二：插入Flash动画：光标置入右下方单元，“插入”面板“Flash”，插入case.swf 步骤三：播放：属性面板“播放”按钮 知识点： 1.插入Flash动画：只支持Flash使用文件类型（.fla/.swf/.swt-模板文件）的swf， 2.方法：“插入”面板和“插入”菜单 3.插入Shockwave影片：是Web上用于交互式多媒体的Macromedia标准，是一种经过压缩的格式，使得在Director中创建的多媒体文件能够被快速下载，而且可以子啊大多数浏览器中播放。方法同Flash动画插入。 4.插入Applet程序：是用Java编程语言开发的、可嵌入Web页中的小型应用程序，插入方法相同 5.插入ActiveX控件：是可以充当浏览器插件的课重复使用的组件，有些像微型的应用程序。只在Windows系统上的IE中运行。 超链接 一、文本超链接 1.创建文本链接：方法很简单，主要是在链接文本的“属性”面板中指定链接文件，指定链接文件方法3种： 方法一：直接输入要链接文件的路径和文件名： 链接本地站点：直接输入文档相对路径或站点根目录相对路径 链接到本地站点以外的文件：直接输入绝对路径 方法二：使用“浏览文件”按钮： 弹出“选择文件”对话框时，注意： 在“相对于”下拉列表中两个选项，“文档”表示使用文档相对路径，“站点根目录”表示使用站点根目录相对路径来链接。 “URL”选项文本框中可以直接输入网页的绝对