网页制作第3章特殊文本和图像.pptVIP

3.1 插入特殊文本 插入其他文本 插入其他文本 插入其他文本 插入其他文本 插入其他文本 3.2 创建列表项 创建简单列表项 创建多级列表项  设置项目列表符号 3.3 CSS样式 CSS定义 CSS样式的分类及应用方式 使用“CSS样式”面板 新建CSS样式 设置“CSS 规则定义”对话框参数 设置“CSS 规则定义”对话框参数 设置“CSS 规则定义”对话框参数 设置“CSS 规则定义”对话框参数 自定义CSS样式 链接外部CSS样式 编辑CSS样式 复制CSS样式 导出CSS样式 CSS样式转化为HTML标签 3.4 拼写检查 3.5 图像编排 计算机图像格式有成百上千种，但网页中使用的只有3中，即JPEG/JPG，GIF和PNG。 3.5.1 图像格式 1.　JPEG/JPG格式 扩展名是.jpg/.jpeg，其全称为Joint Photograhic Experts Group（联合图象专家组，一种压缩标准），JPEG是一种有损压缩格式，当读者将图像保存为JPEG格式时，可以指定图像的品质和压缩级别，应用于网页中的JPEG格式品质一般选中等的，比如在photoshop软件中读者可以选用压缩级别为6。JPEG格式可以支持多达16M种颜色，能很好地实现全彩图像，有利于表现带有渐变色彩且没有清晰轮廓的图像。网络上自然风景图片、鲜花图片多为JPEG格式，比如牡丹花，如图3.5-1所示。 2.　GIF格式 扩展名是.gif，其全称为Graphics Interchange Format（交换的图像文件格式），GIF采用无损压缩存储，在不影响图像质量的情况下。 它还支持透明色，可以去掉图像的背景。但是GIF只支持最多256色，因此多用于渐变色彩不明显或者轮廓清晰的图像。GIF最突出的一个特点是可以制作动画图像。网络上很多图标、按钮、漫画卡通图片等多为GIF格式，如图3.5-2所示。 3.　PNG格式 扩展名是*.png，其全称为Portable Network Graphics（可移植的网络图象文件格式），从其名称就可以看出，它是专门为网络而生的图像格式。PNG是一种能存储32位信息的位图文件格式，和GIF格式一样，png也使用无损压缩方式。类似于GIF，PNG可以也可以是动画，比GIF能容纳更多的颜色，如图3.5-3所示。 3.5.2 网页图像应用策略 读者可以打开一个或多个网页，然后打开“C:\Documents and Settings\xiaoxing\Local Settings\Temporary Internet Files”（网络临时文件）文件夹，可以看到这里有各种文件类型，如“.htm”，“.swf”，“.js”，“.css”和图像文件等，也就是说当浏览网页时，浏览器把请求的网页文件都缓冲到 “Temporary Internet Files”文件夹下，所以文件越大越多下载的时间也越长。一般来说图像文件是比较大的。因此一定要注意图像文件适可而止，同时要讲究一些应用图像的策略。 总结：网页的图像格式一般为：gif格式、jpg格式、png格式三种。 ? GIF格式优点为：可以制作动画，其缺点为：最多只可以支持到256色。 ? 而JPEG格式的优点为：可以支持真彩色，其缺点为：只能为静态图像。 ? PNG格式的优点为：既可以制作动画又可以支持真彩色，其缺点为：文件大，下载速度慢。 ? 当只需要静态图像且色彩要求也不高时：当所选用图像较小时用gif格式文件小；而当所选用图像大时用jpg格式文件小。此时png格式不具备优势。 3.5.3 插入图像 3.5.4设置图像属性 文本和图像应用 制作Web相册 创建翻滚图像 创建导航条 创建图像映射 改变鼠标形状 改变超链接样式 改变超链接样式 图3.5-1 JPEG 　　 图3.5-2 GIF 　　 图3.5-3 PNG 图4-4网络临时文件文件夹 1. 插入页面图像 选择命令“插入”→“图像”。 or单击插入面板常用分类下的图像按钮 or将插入面板上的图像按钮 直接拖到文档窗口中 选择需插入的图像 2. 插入背景图像 “修改”→“页面属性” → “背景图像” 1 改变图像的大小 法一：选中图像 用鼠标拖动 法二： 2 设置图像的对齐方式 属性面板上的按钮 左对齐 居中对齐 右对齐 Or “文本”→“对齐” 3 设置图像和文本的位置关系 默认的图像位置关系 调整后的图像位置 4 设置图像的其他属性 输入图像名称 图像的超链接 指定低分辨率图像 设置图像说明文字 调用Fire