网页文本和图像

《网页文本和图像》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第四章　网页文本和图像第四章　网页文本和图像本章学习要点：添加普通文本、特殊文本的方法文本格式的设置插入图像的方法图像的属性设置及优化图文混排的设置方4.1案例1制作文本网页〖学习目标〗利用DreamweaverCS3，创建并保存一个简单的文本网页文件。〖知识要点〗在网页中添加文本的三种方法；对网页文本的一般编辑操作。效果如图所示：操作步骤：在新建文档中直接输入文本复制添加其它文档中的文本导入其它文档中的文本设置文本属性4.2案例2修饰文本网页〖学习目标〗掌握在DreamweaverCS3中打开网页文档的方法，掌握在网页中使用列表和插入其他文本对象的方法。〖知识要点〗设置列表；添加特殊符

2、号；添加水平线；添加日期等。案例效果所示。操作步骤：打开文档设置项目符号或编号插入特殊符号、水平线和日期4.3学习任务：文本标签要对选定的文本进行格式化，不仅可以利用“属性”面板进行设置，在“代码”视图下利用HTML标签也可以方便地对其进行设置。4.3.1文本标签及源代码分析标签类属作用

分段标签将标识的内容设为一个段落
换行标签强制换行，但不换段落

预格式化标签保留文本的原始排版格式
水平线标签水平线标题标签将标识的文本设为标题，共分六级，文本逐级变小文字格式控制标签设置标识的文本的字体、大小、颜色等特定文字样式标签定义黑体文字
3、ong>用于特别强调的文本，显示为粗体字定义斜体文字用于强调的文本，一般显示为斜体字定义文字下划线定义大号文字定义小号文字定义上标文字定义下标文字
列表标签无序列表，每个列表项前有前导符号，如圆形
有序列表，每个列表项前有序号，如阿拉伯数字
将标识的文本设为一个列表项文本标签名称及功能设置标签的相关属性参数，除了可以在“代码”窗口中直接键入以外，还可以通过“标签检查器”面板设置。4.3.2在标签选择器中设置文本标签的属性选择“窗口→标签检查器”命令，打开“标签”面板，并且切换到“属性”选项卡中，列出了选定列
4、表项可以设置的所有属性，用户根据情况设置或修改相应的标签属性。4.4学习任务：网页图像与网页图像处理工具在网页中使用图像可以使网页生动、美观、更具视觉冲击力。了解图像的格式及相应的设计工具有助于在网页中恰到好处的使用图像。4.4.1网页中常见的图像格式GIF（图形交换格式）：GIF文件最多使用256种颜色，最适合显示色调不连续或具有大面积单一颜色的图像。JPEG（联合图像专家组）：JPEG文件格式是用于摄影或连续色调图像的较好格式。PNG（可移植网络图形）：PNG文件格式是一种替代GIF格式的无专利权限制的格式，它包括对索引色、灰度、真彩色图像以及alpha通道透明度的支持。4.4.2常
5、用网页图像制作软件1．Photoshop支持大量图像格式处理图像尺寸和分辨率图层功能绘画功能选取功能色调和色彩功能旋转和变形支持多种颜色模式开放式结构4.4.2常用网页图像制作软件2．Fireworks同时编辑位图和矢量图形的功能大图切割功能制作具有动态效果的切图功能制作动画功能文字工具及文字特效功能4.5案例3制作图像网页〖学习目标〗掌握在网页中插入图像、设置图像属性及编辑图像等方法。〖知识要点〗在网页中插入图像；图像的属性设置；图像的编辑；图像占位符的使用；插入鼠标经过图像等。插入图像的网页效果如图所示。操作步骤：插入图像设置图像属性编辑图像裁剪图像重新取样图像调整图像亮度和对比度锐
6、化图像优化图像插入图像占位符插入鼠标经过图像4.6案例4制作图文混排网页〖学习目标〗掌握制作图文混排网页的方法和技能。〖知识要点〗调整图像和文本的相当位置。效果如图所示。当网页中既包含文本，又包含图像时，设置好文本和图像的排版格式对网页的整体效果至关重要谢谢！