2016贵州铜仁职业技校PHOTOSHOP教案：Web 应用.doc

Web 应用 （4课时） 教学目的： ImageReady是与PHOTOSHOP捆绑的网页制作软件，这章的主要内容 是介绍常见的几种网页格式，切片工具的使用方法及用途，使用ImageReady制作GIF动画的方法。 教学内容： 常见的几种网页格式 GIF网络中最常见的格式，支持透明图像和动画效果。它通过减少颜色来压缩文件（少于256色），是无损压缩。 优点：颜色少、压缩效率高、图像清晰、交错关联文件会在下载的过程中出现在对方的显示器上。 缺点：颜色过渡微妙的图像在压缩时，会出现色带和斑点。 JPEG网络中最常见的格式，支持极高的压缩率（最多可支持16.8M种颜色），是通过减少图像的数据达到压缩其大小的目的，是有损压缩。 优点：能很好地处理多颜色图片，尺寸小、下载数度快， 缺点：不支持透明和动画功能，图像压缩时会出现模糊和噪点。 PNG-8和PNG-24格式一种无损的应用交叉平台的高度压缩的RGB格式。它是专门为优化网络压缩图像而设计的，将取代GIF成为未来网络图片的主导格式。 优点：图像能更好的与浏览器背景融合，支持Interlaced功能和透明效果。 缺点：不能很好的减小文件尺寸。 Save for Web功能 (Alt+Shift+Ctrl+S) 作用：优化网络图片 工具： 抓手工具：H 切片工具：K 缩放工具：Z 吸管工具：I 吸管颜色 显示和隐藏切片：Q 控制面板： GIF Selective选项：图片优化的计算方法 Diffusion选项：选择不同的抖动效果 Transpare：如果被优化的图像中存在透明的部分时，并选择该项，不透明部分将被模板颜色Matte填充，不选择该项，透明的部分将被模板颜色填充。 Interlaced：选择下载模式，使得下载的时间看起来加快了，但这样会增加文件的尺寸，并且如果选择了其中的选项有可能就不能再对Lossy（损耗）进行设置。 Lossy：可以控制图像的损失程度，数值越大，图像尺寸越小，损失就越多，图象质量自然下降。 Dither：增加图像的抖动程度会对质量不是很高的图像有一定的帮助。 Matter：颜色面板，Eyeeropper：吸管颜色 Amount：和Transparency dither联系紧密，它的作用是制定透明度的数值。 Web snap：将图片颜色自动替换成Web调色板中的颜色。 JIEP Progressive：图片上传到网络以后，在用浏览器浏览时，图片会在下载以后自动以低质量和分辨率显示。 ICC Profile：提供校对工作，但不是所有浏览器都可以支持。 Optimized：减小图像尺寸 Quality：可以在0～100之间控制图像质量。 PNG WBMP 子菜单 保存设置：存储现在的设置 删除设置：删除已存的设置 依照文件大小优化： Desired File：填写希望的文件大小 Csurrent Setting： Auto Select GIF/JPEG：这一项将按照“Desired File”填写的希望之文件大小自动安排图像属性，同时自动选择GIF/JPEG以达到最佳效果。 重新浏览 输出设置 颜色控制面板： Select All Non-Web Safe Colors：单击颜色表中的方块图标，将他们转换为最近的网页安全色。 Lock/Unlock Select Color（锁定/解开选中颜色）：可避免一次锁定所有颜色。 Map/Unmap Selected Colors to/from Transpatent：变为透明 Shift/Unshift Selected Colors to/from Web Palette：它可以让你预先看到转换到网页安全颜色时效果如何。如果这个转换效果不佳，可以取消转换。 保存调色板 关于删除颜色的建议：GIF和PNG是通过减少颜色的种类达到压缩的目的，所以在控制面板中删除颜色是很重要的，建议最好删除亮度接近的颜色中的一个或多个，不要删除过渡比较大的颜色，否则会使图像失真。 图像尺寸面板： Smooth：提高图像的质量，但会影响下载的速度。 Jagged：下载速度会提高，但显示图像没有前一种方法准确。 切片工具的应用 工具栏中的切片工具 Save for Web中的切片选项 ：双击切片 Name：默认切片名称 URL：链接地址 Target（目标）：包含-blank、-self、-patent、-top。与Frompage、Dreamweaver等HTML编辑器一样，-blank：链接地址将在新窗口中打开；-self：链接地址将在原窗口打开。 Meggage：填入你在链接时的相关信息，鼠标移到链接上时，浏览器的状态栏将出现指定的文本内容。 All：鼠标停留在连接上时显示的文字。 切片种类：双击切片，选择“无图