Dreamweaver CS3网页设计案例教程（第二版） 沈大林 主编 第2章 Dreamweaver CS3基础新.pptVIP

第 2 章 Dreamweaver CS3 基础 2.1 【案例 8】“中国名胜—长城”网页 相关知识 1．创建网页文字的其他方法 （1）键盘输入和复制粘贴文字：最简单和最直接的输入方法是键盘输入，也可以在其他的程序或窗口中选中 一些文本，按【Ctrl+C】组合键，将文字复制到剪贴板上；然后，回到 Dreamweaver CS3“设计”视图的文档窗 口中，按【Ctrl+V】组合键，将其粘贴到光标所在位置。在 Dreamweaver CS3 中，不仅可以保留文字，还可以保 留部分段落的格式和文字的样式。 在“设计”视图文档窗口中，直接按【Enter】键的效果相当于插入代码p（从状态栏的左边可以看出）， 除了换行外，还会多空一行，这表示将开始一个新的段落。如果觉得这样换行后间距过大，可在输入文字后， 按【Shift+Enter】组合键，这相当于插入代码br，表示一个新行将产生在当前行的下面，但仍属于当前段 落，并使用该段落的现有格式。在“设计”视图文档窗口中，对文本的许多操作与在 Word 中的操作基本一样。 例如，选取文字、删除文字和复制文字等。 （2）使用“插入”（文本）栏：单击“插入”栏上的“文本”标签，如图 2-1-9 所示。面板中有许多文本格 l l l l 式控制按钮，通过这些按钮可以方便地设置文本的格式。 图 2-1-9 单击“插入”（文本）面板的“文本”标签 2．文字属性的设置 文本的属性可以由图 2-1-5 所示的文本“属性”栏和窗口中的“文本”菜单来设定。 （1）文字标题格式的设置：文本有六种标题格式，对应的字号大小和段落对齐方式都是设定好的。在“格式” 下拉列表框内可选择各种格式，其中各选项的含义如下： “无”选项：无特殊格式的规定，仅决定于浏览器本身。 “段落”选项：正文段落，在文字的开始与结尾处有换行，各行的文字间距较小。 “标题 1”～“标题 6”选项：是标题 1～标题 6，约为中文 1 至 6 号字大小。 “预先格式化的”选项：预定义的格式。 （2）创建字体组合：Dreamweaver 使用了字体组合的方法，取代了简单地给文本指定一种字体的方法。字体 组合就是多个不同字体依次排列的组合。在设计网页时，可给文本指定一种字体组合。在浏览器中浏览该网页时， 系统会按照字体组合中指定的字体顺序自动寻找用户计算机中安装的字体。采用这种方法可以兼顾各种浏览器和 安装不同操作系统的计算机。其操作方法如下： ① 单击“字体”下拉列表框的 按钮，可以弹出 Dreamweaver 提供的各种字体组合选项，如图 2-1-10 所示。 单击某一个字体组合的名称，即可设置该字体组合。 ② 单击图 2-1-10 中字列表框内的“编辑字体列表”选项，弹出“编辑字体列表”对话框，如图 2-1-11 所 示。选中该对话框中“字体列表”列表框内的“在以下列表中添加字体”选项。 图 2-1-10 字体组合列表项 图 2-1-11 “编辑字体列表”对话框 ③ 双击“可用字体”列表框内的字体名称，将在“选择的字体”列表框内显示相应的字体名字；也可以单 击选中某一个字体名字，再单击 按钮。 按照上述方法，依次往“选择的字体”列表框内添加字体组合中的各种字体，并会在“字体列表”列表框内 、 、 最下边显示新字体。单击“确定”按钮，完成字体组合的创建。 ④ 如果要删除字体组合中的一种字体，单击选中“选择的字体”列表框内该字体的名称，再单击 按钮； 如果要删除一个字体组合，可在“字体列表”列表框内单击选中该字体组合，再单击“编辑字体列表”对话框中 的 按钮。 ⑤ 如果还要增加字体组合，可以单击“编辑字体列表”对话框中的 按钮，使“字体列表”列表框内增加 “在以下列表中添加字体”选项。 （3）文字其他属性的设置：利用“属性”栏和“文本”菜单，可设置文字的大小、颜色、对齐方式、缩进和 风格等属性。设置的方法如下： ① 文字大小设置：字号的数字越大，文字也越大，默认的字号是 13。选中文字“属性”栏内的“大小”下 拉列表框中的一个字号，即可完成字号的设定。在“大小”下拉列表框内还有“极小”“极大”和“较小”“较 大”选项。 ② 文字颜色的设置：单击文字“属性”栏内的“文本颜色”按钮 ，弹出颜色面板，从中可以设置文字的 颜色。 ③ 文字的对齐设置：文字的对齐是指一行或多行文字在水平方向的位置，它有左对齐、居中对齐和右对齐 三种。对齐可以在选中文字后，单击“属性”栏内的 （左对齐）、 （居中对齐）和 （右对齐）按钮来实现。 如果文字是直接输入的，则会以浏览器的边界线进行对齐。 ④ 文