第2章应用文本和图像.ppt

第2章 应用文本和图像 2.1 案例1应用文本——制作文本网页 2.2学习任务：网页图像与网页图像处理工具 2.3 案例2 应用图像——制作图像网页 2.4 实训——制作“图文混排”网页 2.1 案例1应用文本——制作文本网页 2.1.1 直接输入文本 2.1.2 复制添加其它文档中的文本 2.1.3 设置文本基本属性 2.1.4 创建列表 2.1.5 插入特殊文本 2.1.1 直接输入文本 2.1.2 复制添加其它文档中的文本 2.1.3 设置文本基本属性 2.1.4 创建列表 2.1.5 插入特殊文本 2.2 学习任务：网页图像与网页图像处理工具 2.2.1 网页中常见的图像格式 2.2.2 网页图像设计工具简介 2.2.1 网页中常见的图像格式 在网页中使用图像可以使网页生动、美观、更具视觉冲击力。了解图像的格式及相应的设计工具有助于在网页中恰到好处的使用图像。 适应网络传输的要求，目前网页中通常使用的图像文件只有3种，即 GIF、JPEG 和 PNG，其中GIF 和 JPEG 文件格式的支持情况最好。 1．GIF（图形交换格式） GIF文件是Internet上使用最早、最流行的图像格式。由于最高支持256种颜色，最适合显示色调不连续或具有大面积单一颜色的图像，例如导航条、按钮、 徽标、文本、卡通图像等，当它用来显示更丰富的色彩效果时，往往力不从心，但却有较好的压缩比。GIF图像支持交错显示模式，该模式会在网络传输速率较慢时，以隔行显示的方式慢慢下载显示完一张图片。GIF图像还支持透明背景，图像都是矩形占位的，通过设置背景透明度，来显示类似徽标等非规则形状，而不会遮挡背景。GIF文件的扩展名为.gif。 2．JPEG（联合图像专家组） JPEG最多支持1670万种颜色，当网页上需要全彩色图像（如高清晰照片）时，最好选用该格式的图像。JPEG是一种有损压缩，压缩比很高，但压缩效果很好，压缩产生的损失肉眼很难看出来。JPEG图像支持渐进交错显示模式，该模式会在网络传输速率较慢时，由模糊到清晰慢慢下载显示完一张图片。该格式不支持透明度和动画功能。 3．PNG（可移植网络图形） Fireworks的默认文件格式。该格式是一种替代GIF格式的无专利权限制的格式，具有GIF和JPEG的全部优点，该格式可 保留所有原始层、矢量、颜色和效果信息（如阴影），具有完全可编辑、灵活性强、文件容量小等特点，但该格式还处于普及阶段，还没有被所有浏览器支持。 2.2.2 网页图像设计工具简介 制作网页的前提是准备好各类素材。Dreamweaver CS4是一款网页设计工具，虽然本身具有一定的图像处理能力，但并不提供图像设计功能。因此，需要用户掌握一种图像处理软件的基本使用方法。现在流行的图像制作软件有Adobe公司的PhotoShop、Fireworks、Illustrator、FreeHand，Corel公司的CorelDrawt等。目前，应用最广的是Photoshop，最适合做网页图像的是Fireworks。 1．Photoshop Photoshop是Adobe公司旗下最为出名的图像处理软件之一。从1990年2月由Adobe公司正式发行Photoshop 1.0开始，到2008年10月正式发布Photoshop CS4，Photoshop已经成为 图像处理软件中的领军人物，其功能强大、操作便捷，为设计工作提供了一个广阔的表现空间，使许多不可能实现的效果变成了现实。Photoshop的功能主要有： 处理图像尺寸和分辨率。可以按要求调整图像的尺寸、修改分辨率、裁剪图像。 图层功能。支持多图层工作方法，可以对图层进行合并、合成、翻转、复制和移动等编辑操作。可以建立不同的层，以及控制图层的透明度等。 绘画功能。使用Photoshop提供的绘图工具(喷枪工具、画笔工具、铅笔工具、直线工具等)可以绘制图形，使用文本工具可以在图像中加入文字内容。 选取功能。通过使用多种选取工具(矩形选框工具、椭圆形选框工具、魔棒工具、套索工具等)可以快速选取不同形状的选取范围，以及对不同选取范围进行修改和编辑(如进行羽化，自由变形选取范围，增删、载入和保存选取范围等编辑操作)。 色调和色彩功能。通过此功能可以很容易地调整图像的对比度、色相、饱和度和明暗度。 旋转和变形。可以分别对选取范围、层和路径等多种对象进行翻转和旋转，以及进行拉伸、缩放、倾斜和自由变形等操作。 支持多种颜色模式。可以灵活地转换多种颜色模式，包括黑白、灰度、双色调、索引色、HSB、Lab、RGB和CMYK模式等。 2．Fireworks Fireworks与Dreamweaver和Flash并称“网页三剑客”，