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

《图像多媒体网页 超级链接讲义》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第五次课图像多媒体和超级链接图像和多媒体一、网页中的图像格式网页中通常使用的图像文件有JPEG、GIF和PNG三种格式，其中以前两者最常用，大多数浏览器都支持。1.GIF：网络中最常见的图像格式l最多可显示256种颜色，因此最适合显示：色调不连续/大面积单一颜色的图像，如导航条、按钮、图标、徽标等，不适合照片。l无损压缩l支持透明背景l交织文件格式，浏览器完成下载图像之前，浏览者即可看到该图像。l通用性好，几乎所有浏览器都支持，而且有许多免费软件支持该文件编辑。2.JPEG：有损压缩l丰富色彩，最多可显示1670万种颜色l

2、有损压缩l比GIF格式图像小，下载速度更快l图像边缘细节损失严重，不适合包含鲜明对比度的图像或文本的图像3.PNG：专门为网络准备的图像格式l使用新型无损压缩方案l丰富色彩，最多可显示1670万种颜色l通用性差，IE4.0或更高版本和Netscape4.04或更高版本浏览器都只能部分支持。二、插入图像、设置图像属性1.插入图像首先注意：文档中插入的图像必须位于当前站点文件夹内或远程站点文件夹内，否则图像不能正确显示，因此，建立站点时，创建一个“image”文件夹。步骤一：将插入点放置在要插入图像的位置5步骤二：插入图像方法

3、：“插入”面板“插入”菜单2.设置图像属性图像的“属性”面板显示该图像属性“宽”“高”选项：以像素为单位指定图像宽度和高度。注意：只缩放图像的显示大小，不缩短下载时间，浏览器；在缩放图像前下载所有图像数据“编辑”按钮：启动外部编辑图像编辑器，“重新取样”：对已调整过得图像重新取样，提高图片在新的大小和形状下的品质“地图”和“指针热点工具”设置图像的热点链接“原始”：指定在载入主图像之前可快速载入的低品质图像，节省浏览时间“对齐”：指定同一行上的图像和文本的对齐方式。“垂直边距”和“水平边距”：指定沿图像边沿添加的边距“替换

4、”：给图片添加文字说明三、插入图像占位符布局时，设计图像在网页中的位置，设计方案通过后，再将这个位置变成具体图像。方法一：“插入”面板方法二：“插入”菜单四、跟踪图像“修改”>“页面属性”五、调整图文混排效果调整同一行图像与文字相对位置：选中图像，属性面板“对齐”9个选项：“默认值”：通常指定基线对齐，浏览器不同，默认值也不同“基线”和“底部”：文本的基线与选定对象的底部对齐“顶端”：当前行中最高文本的顶端与图像的顶端对齐“居中”：当前行的基线与图像的中部对齐“文本上方”：文本行中最高字符的顶端与图像的顶端对齐“绝对居中”

5、：当前行中文本的中部与图像中部对齐5“绝对底部”：将文本行字母的底部与图像的底部对齐。“左对齐”：图像放置在左边，文本在图像右侧换行“右对齐”：图像放置在右边，文本在图像左侧换行案例数码相机网页步骤一：插入图像：分别在第一段和第二段英文标题前插入图像3和4步骤二：图文对齐：分别在属性面板“对齐”选项中选择“左对齐”和“右对齐”步骤三：设定图像大小：选中图像，单击右下角调整点拖曳，属性面板中图像“宽、高”随之变化步骤四：恢复图像原始大小，单击“宽、高”后的旋转形状按钮。六、多媒体在网页中的应用案例营养美食网页步骤一：打开美食

6、网页素材；步骤二：插入Flash动画：光标置入右下方单元，“插入”面板>“Flash”，插入case.swf步骤三：播放：属性面板“播放”按钮知识点：1.插入Flash动画：只支持Flash使用文件类型（.fla/.swf/.swt-模板文件）的swf，2.方法：“插入”面板和“插入”菜单3.插入Shockwave影片：是Web上用于交互式多媒体的Macromedia标准，是一种经过压缩的格式，使得在Director中创建的多媒体文件能够被快速下载，而且可以子啊大多数浏览器中播放。方法同Flash动画插入。4.插入Appl

7、et程序：是用Java编程语言开发的、可嵌入Web页中的小型应用程序，插入方法相同5.插入ActiveX控件：是可以充当浏览器插件的课重复使用的组件，有些像微型的应用程序。只在Windows系统上的IE中运行。超链接一、文本超链接51.创建文本链接：方法很简单，主要是在链接文本的“属性”面板中指定链接文件，指定链接文件方法3种：方法一：直接输入要链接文件的路径和文件名：链接本地站点：直接输入文档相对路径或站点根目录相对路径链接到本地站点以外的文件：直接输入绝对路径方法二：使用“浏览文件”按钮：弹出“选择文件”对话框时，注意

8、：在“相对于”下拉列表中两个选项，“文档”表示使用文档相对路径，“站点根目录”表示使用站点根目录相对路径来链接。“URL”选项文本框中可以直接输入网页的绝对路径提示：一般要链接本地站点中的一个文件时，最好不要使用绝对路径，因为如果移动文件，文件内所有的绝对路径都将被打断。方法三：使用“指向文件”图标：快