第2章网页元素(免费阅读).pptVIP

第2章 设置和管理图层 一般网页直观的看，由文字、图片、动画和音视频等组成。而这些组成网页的内容，称为网页元素。因此，网页元素在网页中，均占有比较重要的地位。 在一个网页中，并不是需要包含所有的网页元素，而根据该页面实际的需求应用网页元素。例如，对于文学网页来说，主要包含文本、图像即可；而对影视网站，则除包含一些图像、文本外，还需要含纳大量的音视频等元素。 * 本章知识要点： 应用网页文本 插入网页图像 插入Flash动画 创建超级链接 * 2.1 网页文本 网页文本几乎在每个网页中，必不可少的元素。一般纯网页文本（没有图像、视频等其他元素），具有浏览速度快等优点。在一些大型网站中，文字的主导地位是无可替代的。 * 2.1.1 输入各种文本 Dreamweaver 允许用户直接在页面中输入文本，也可以将其它文档中的文本复制并粘贴页面中。除此之外，还可以从其它文档类型导入文本。 * 输入文本 执行 复制文件 2.1.2 设置文本格式 使用Dreamweaver可以方便的设置文本的各种样式，例如字体、颜色、大小等。通常网页文本的颜色应与网页的主色调相适应。 * 名称 功能描述 格式 设置所选文本的段落样式。段落应用p标签的默认格式，“标题1”添加H1标签，等等 样式 显示当前应用于所选文本的类样式。如果没有对所选内容应用过任何样式，则弹出式菜单显示“无”。如果已对所选内容应用了多个样式，则弹出式菜单为空。还可以选择“附加样式表”以打开一个允许附加外部样式表的对话框 字体 对文本应用所选字体组合。使用弹出式菜单选择要应用的字体组合，或选择“编辑字体列表”创建或编辑字体组合 大小 应用特定的字体大小 文本颜色 以所选颜色显示文本。单击颜色框选择网页安全色，或在相邻的文本域中输入十六进制值（例如#FFFF00） 粗体 根据在首选参数对话框的“常规”类别中设置的样式首选参数，将b或strong应用于所选文本 斜体 根据在首选参数对话框的“常规”类别中设置的样式首选参数，将i或em应用于所选文本 CSS按钮 打开CSS面板 列表项目 打开“列表属性”对话框。设置整个列表或个别列表项的外观，还可以设置编号样式，重置计数或设置个别列表项目或整个列表的项目符号样式选项 页面属性 打开页面属性对话框，设置页面格式 2.1.3 文本段落格式 段落文本除了可以设置字体属性外，还可以对其排列方式与显示区域设置。要改变一个或多个段落在水平方向上的对齐方式，先选择需要调整的段落，再在【属性】面板中单击不同的对齐按钮，即可得到相应的显示效果。 * 单击 左对齐 居中对齐 单击 2.2 网页图像 网页图像用于美化网页页面的主要元素，具有直观、生动等特点。而图像在网页中，应用的方法并非相同。并且图像会影响网页浏览速度，所以设计网页时要整体考虑图像的数目和大小。 * 2.2.1 网页图像概述 网页图像的不同格式，其影响页面浏览的速度也不相同，所以掌握图像格式方面的知识是必不可少的。虽然存在着很多种图形文件格式，但是在Web中，通常使用的只有GIF、JPEG、PNG三种文件格式。 * 2.2.2 插入图像 网页中最常见的图像是直接插入式图像，该图像插入网页以后，在正常情况下不可以在相同的位置输入文本，或者再次插入图像。除此之外，还可以作为其他内容进行插入操作。 * 单击 2.2.3 图像格式 当在Dreamweaver中，除了设置文本的格式外，还可以设置图像的格式。一般网页图像都是在图像处理软件中，处理之后添加到网页中。而对于一些特殊图像，也可以在【属性】面板中直接设置。 * 对齐方式 2.2.4 编辑图像 Dreamweaver 提供基本图像编辑功能，无需使用外部图像编辑应用程序（如Phtoshop或者Fireworks）即可修改图像。图像编辑工具旨在使用户能与图像处理人员轻松地协作。 * 图标 名称 功能描述 编辑 启动外部编辑器（在首选参数中指定的图像编辑器），打开选定的图像开始编辑 优化 在【图像预览】对话框中，对不同格式的图像进行不同程度的优化 裁剪 可让修剪图像的大小，从所选图像中删除不需要的区域 重新取样 对已调整大小的图像进行重新取样，提高图片在新的大小和形状下的品质 亮度和对比度 修改图像中像素的亮度或对比度 锐化 调整图像的清晰度 2.3 插入Flash多媒体 通常情况下，网页中的多数多媒体文件是由Flash制作完成，并且将其文件插入到文档的合适位置。目前，Flash在网页中应用较为广泛，并且可以替代多个网页的其他元素，如