中文版-Dreamweaver-CS6网页设计教程-第3章.pptVIP

第3章 文本与超链接 本章主要内容 插入文本及设置文本的属性。 创建、管理与测试超链接。 修改链接样式。 本章重点 插入文本及设置文本属性的方法。 超链接的使用方法。 修改链接样式的方法。 3.1 文本的插入 在Dreamweaver CS6文档窗口中可以输入普通的文本、特殊字符、日期、水平线等文本元素。这些文本元素可以直接输入，也可以复制并粘贴已有的文本。 3.1.1 插入普通文本 在页面中插入文本内容，一般可以通过以下两种方式来进行：一种是在网页编辑窗口中直接用键盘输入文本，这是文字输入最基本的方式。另一种是复制文本的方式，如果需要插入其他文档中或是网站页面中的文本，可以直接使用“复制”功能，将大段的文本内容复制到网页的编辑窗口来进行排版的工作，如图3-1所示。 3.1.2 插入特殊字符 1. 用“插入”面板插入特殊字符 2. 用输入法插入特殊字符 3.1.3 插入水平线 水平线在网页中可以规划内容和组织信息。在页面上，可以使用一条或多条水平线分隔插入页面中的对象，并且在最终的浏览器中，水平线也会被用户看到。 插入水平线时，首先将光标插入到要加入水平线的位置，然后依次选择“插入”| HTML?|“水平线”命令即可将水平线插入到光标所在的位置，如图 3-8 所示。 另外，用鼠标选中水平线，则“属性”面板会变成如图 3-9 所示的模样。 3.1.4 插入时间 插入时间的操作步骤如下。 (1) 把光标移到要插入时间的页面空白处。 (2) 将“插入”面板切换到“常用”选项卡，单击日期按钮，或者在菜单栏依次选择“插入”|“日期”命令，打开如图3-10所示的对话框。 (3) 设置完毕后，单击“确定”按钮，将设置好格式的时间插入到页面中，如图3-11所示。 3.1.5 插入注释 在文档中加入注释内容，这其实并不属于在页面中插入的内容，它只是为了便于设计者在编写 HTML代码时理解和分析，而在语句后面加入的一些提示信息。这些注释的文本只是起一种辅助作用，它不会出现在最终的浏览器窗口中。 插入注释时，首先将光标放在需要加入注释的地方，然后依次选择“插入”|“注释”命令，或单击插入栏“常用”选项卡中的“注释”按钮，弹出如图3-13所示的“注释”对话框。在“注释”文本框中输入注释文字。 单击“确定”按钮，并切换到“代码”视图，可以看到刚刚插入的注释内容，如图 3-14所示，灰色为注释内容。 3.2 设置文本属性 Dreamweaver CS6默认显示文本“属性”面板，在该面板中可以设置文本的基本属性，例如文字样式、字体、颜色、大小、对齐方式以及文本段落属性等格式。 3.2.1 文字的格式 选择输入的文字，在文字“属性”面板中选择“格式”下拉列表中Dreamweaver CS6提供的文字格式，套用在输入的文字上。图3-15所示为几种文字格式。 3.2.2 文字字体 在设置字体时，首先选中相应文字，然后在“属性”面板中的“字体”下拉列表中选择所需要的字体。如果“字体”下拉列表中没有所需要的字体，而这种字体又存在于用户的计算机中，则可选择“编辑字体列表”选项，打开图3-16所示对话框，从“可用字体”列表框中选择想要的字体，再单击旁边的按钮，单击“确定”按钮之后，该字体就可以加到“属性”面板中的字体列表里。 3.2.3 文字大小 选择文字后，在“大小”下拉列表中可以选择常用的字号大小，如图3-17所示。数字越大，文字显示越大；反之则越小。还可以在文本框中输入自己想要的字号。选择字号大小之后，“大小”下拉列表框右侧的下拉列表框变成可编辑状态，用户可以从中选择字号的单位。“像素(px)”和“点数(pt)”是较为常用的单位。在网页中，使用率最高的文本大小就是9pt(9点数或9磅)，这是目前大多数网站正文部分所使用的设置，这样的文字大小浏览起来令人最舒服，且最利于排版。 3.2.4 文字颜色 文本的颜色是用来美化版面与强调文章的重点的，在编辑状态下输入文本时，它将显示默认的颜色。如果想更改文本的颜色，则可以先选择相应的文本，然后单击“属性”面板中的色块按钮，弹出颜色面板，如图3-18所示，且鼠标变成滴管工具，单击一个色块即可完成文字颜色的修改。 如果用户想要得到其他颜色，则可以单击颜色面板右上角的“系统颜色拾取器”按钮，从弹出的“颜色”调色板中取到更加精确的颜色。单击调色板右上角的按钮，弹出5种可选择的调色板显示方式，分别是“立方色”、“连续色调”、“Windows系统”、“Mac 系统”、“灰度等级”、“颜色格式”，用户可以自行选择。单击按钮会取消提取的任何颜色。在右侧的文本框中也可以直接输入颜色的十六进制代码来进行颜色的选取。 3.2.5 文字的CSS样式 单击属性面板中的“HTML”中的“类”的下拉三角，在下拉列表中