Dreamweavercs3网页设计讲述.doc

第三章 网页中的文本和图像 3.1在网页中插入文本 从本章开始，大多数的操作都将在“设计”视图窗口中进行，如不作特别说明，文档窗口都是指设计视图状态下的文档窗口。在Dreamweaver CS3“设计”视图窗口中，可以方便的进行各种可视化操作，插入的各种网页元素将以所见及所得的方式呈现在窗口中，并可随时进行修改，使用非常方便。 文档中最常见的网页元素是文本，对文本的操作包括：插入、编辑文本内容、设置文本格式、段落格式，设置文本超链接等。 3.1.1输入文本 在网页中输入文本的方法，与其他应用软件没太大区别。需要注意的是，要在文本中插入空格时，如果按【space】键只能插入一个空格，要插入多个空格的话，须试用【Ctrl+Shift+Space】组合键，输入一次相当于在指定位置插入一个Html的空格代码“nbsp；”。 3.1.2设置网页中的文本属性 设置文本属性的操作都是在文本属性检查器中进行的，选中要设置的文本部分，文本属性检查器将出现当前选中文本的属性信息，通过修改其中各项参数来实现对文本格式、字体和大小、文本样式、对齐方式和超链接等信息的设置修改。 1设置文本格式 “格式”下拉列表框用于定义当前选中文本的格式类型，可选值有：无、段落、标题1~6和预先格式化的等几项。 选择“段落”选项时，将为选中文本增加一个段落标志（p…/p标签），使选中文本成为一个独立的段落。 选择“标题1~6”选项中任意一项，可使选中文本成为一条选定大小的标题。 选择“预先格式化的”选项可使选中文本成为一段预格式化的文本（相当于添加了pre…/pre标签），设置为“预先格式化的”格式化的文本，其中的空格和回车将被完全保留。 如果保持默认的“无”选项不做修改，文本将保持普通文本的格式。 2设置文本字体和大小 在Dreamweaver CS3里设置被选文本内容的字体和大小，都是通过在下拉列表框中选择来完成的，操作非常简便。 默认情况下，在“字体”下拉列表框中的中文字体只有宋体和新宋体两种，而常用字体还摆阔黑体、仿宋体和楷体等，通过选择下拉列表框中“编辑字体列表”命令可将这几种字体加入字体下拉列表框。 选中“可用字体”，单击XX按钮添加新字体；再次添加需先单击XX按钮，再重复上述操作；要移除字体先在“字体列表”中选中字体，单击XX按钮即可；选中字体后单击XX和XX按钮可调整字体在列表中的先后顺序。 3.设置文字样式 Dreamweaver CS3默认采用CSS层叠样式表编码来设置文本格式，当通过文本属性检查器对一段选中的文本进行了文本格式化操作后，Dreamweaver会自动将相关格式设置组合后保存为一段CSS代码，同时在“样式”下拉列表框中会出现一个对应的样式名称，并且该样式名称的文字会体现相关格式设置的具体效果。当需要再次用到相同格式设置时， 可直接从样式下拉列表框中选择样式名称。 其他的文本样式设置还包括：在CSS窗口编辑样式、设置粗体、设置斜体和设置文本颜色。设置文本颜色可以单击“文本颜色选择器”按钮打开颜色选择器进行选择，第2章中我们曾使用过这个颜色选择器，这里对颜色选择器的界面进行详细说明。 颜色选择器由功能区和颜色样本区两部分构成。选择颜色的操作主要是通过“拾色器滴管”工具实现的。在颜色样本区是216中网页安全色，通过滴管单击可选中其中一个安全色，当然拾色器滴管也可以在颜色样本区之外的任何皮姆区域市区、选中颜色，但这时拾取的颜色不一定是网页安全色。 当拾取器滴管移动到颜色样本区或其他屏幕区域时，便可拾取当前位置上的颜色该颜色将在“当前拾取颜色显示区”显示，对应的16进制颜色值则显示在其后。 如果不需要选择颜色，或要清除对象的当前颜色，可单击“调色盘”按钮打开调色盘进行选择操作。 4设置文本对齐方式 文本对齐方式设置由4个设置按钮组成，它们都用于设置文本相对页面或其父元素的水平对齐方式。 当选中的文本已设置有对齐方式时，对应的对齐方式按钮将处于被按下的状态，单击该按钮可以清除当前对齐方式设置。 5.设置文本超链接 设置文本超链接的功能由“链接”文本框、“目标”下拉列表框、“指向文件”按钮和“浏览文件”按钮组成。 设置文本链接的方法是：选中目标文本，然后在“链接”文本框中输入链接的目标地址，最后在“目标”下拉列表框中选择链接目标对象的打开方式。如不设置“目标”选项，链接目标对象将在浏览器窗口打开，代替原有内容。 “链接”文本/列表框中记录了当前文档中包含的所有链接地址，可供用户再次使用。再次启动Dreamweaver后设置过的所有地址都会被记录在该列表框中，直到用户退出。 “指向文件”按钮可以方便地设置一个文本链接以指向以下目标地址“ 另一个在Dreamweaver中打开的文档。 已打开文档中的可见锚点。 “文件”