第4章节网页文本与图像.pptVIP

第四章　网页文本和图像 第四章　网页文本和图像 本章学习要点： 添加普通文本、特殊文本的方法 文本格式的设置 插入图像的方法 图像的属性设置及优化 图文混排的设置方 4.1 案例1 制作文本网页 〖学习目标〗利用Dreamweaver CS3，创建并保存一个简单的文本网页文件。 〖知识要点〗在网页中添加文本的三种方法；对网页文本的一般编辑操作 。效果如图所示： 操作步骤： 在新建文档中直接输入文本 复制添加其它文档中的文本 导入其它文档中的文本 设置文本属性 4.2 案例2 修饰文本网页 〖学习目标〗掌握在Dreamweaver CS3中打开网页文档的方法，掌握在网页中使用列表和插入其他文本对象的方法。 〖知识要点〗设置列表；添加特殊符号；添加水平线；添加日期等。案例效果所示。 操作步骤： 打开文档 设置项目符号或编号 插入特殊符号、水平线和日期 4.3 学习任务：文本标签 要对选定的文本进行格式化，不仅可以利用“属性”面板进行设置，在“代码”视图下利用HTML标签也可以方便地对其进行设置。 4.3.1文本标签及源代码分析 4.3.2 在标签选择器中设置文本标签的属性 设置标签的相关属性参数，除了可以在“代码”窗口中直接键入以外，还可以通过“标签检查器”面板设置 。 4.4 学习任务：网页图像与网页图像处理工具 在网页中使用图像可以使网页生动、美观、更具视觉冲击力。了解图像的格式及相应的设计工具有助于在网页中恰到好处的使用图像。 4.4.1 网页中常见的图像格式 GIF（图形交换格式）：GIF文件最多使用256种颜色，最适合显示色调不连续或具有大面积单一颜色的图像。 JPEG（联合图像专家组）：JPEG文件格式是用于摄影或连续色调图像的较好格式。 PNG（可移植网络图形）：PNG文件格式是一种替代GIF格式的无专利权限制的格式，它包括对索引色、灰度、真彩色图像以及alpha通道透明度的支持。 4.4.2 常用网页图像制作软件 1．Photoshop 支持大量图像格式 处理图像尺寸和分辨率 图层功能 绘画功能 选取功能 色调和色彩功能 旋转和变形 支持多种颜色模式 开放式结构 4.4.2 常用网页图像制作软件 2．Fireworks 同时编辑位图和矢量图形的功能 大图切割功能 制作具有动态效果的切图功能 制作动画功能 文字工具及文字特效功能 4.5 案例3 制作图像网页 〖学习目标〗掌握在网页中插入图像、设置图像属性及编辑图像等方法。 〖知识要点〗在网页中插入图像；图像的属性设置；图像的编辑；图像占位符的使用；插入鼠标经过图像等。插入图像的网页效果如图所示 。 操作步骤： 插入图像 设置图像属性 编辑图像 裁剪图像 重新取样图像 调整图像亮度和对比度 锐化图像 优化图像 插入图像占位符 插入鼠标经过图像 4.6 案例4 制作图文混排网页 〖学习目标〗掌握制作图文混排网页的方法和技能。 〖知识要点〗调整图像和文本的相当位置。效果如图所示。 谢 谢！ 网页设计与制作 网页设计与制作 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with As