《Dreamweaver网页设计与制作》-第 ６ 章 　制 作 文 本 页 面

６.１文本的常规操作６.１.１在网页中输入文本在网页中输入文本，主要有直接输入文本内容、从其他文档中复制文本和从其他文件导入文本３种方式。１.直接输入文本内容（１）首先用鼠标单击网页编辑窗口中的拟输入文本的位置，在该位置处随即出现闪动的光标，标识输入文字的起始位置。（２）接下来，选择适当的输入法输入文字即可，如图６－１所示。下一页返回６.１文本的常规操作２.从其他文档中复制文本有时，可以从其他文档中复制一些想要的文本内容。首先打开其他文档，选中待复制的内容，然后单击鼠标右键，在弹出的快捷菜单中选择“复制”命令，然后切换回Ｄｒｅａｍｗｅａｖｅｒ当中，在需要复制的地方单击光标进行位置确定，然后同样单击鼠标右键，在弹出的快捷菜单中选择“粘贴”命令即可完成文本的插入。当然，也可以像在其他软件中一样，通过快捷键“Ｃｔｒｌ＋Ｃ”实现文本复制功能，通过快捷键“Ｃｔｒｌ＋Ｖ”实现文本粘贴功能。上一页下一页返回６.１文本的常规操作３.从其他文件中导入文本在Ｄｒｅａｍｗｅａｖｅｒ中，有时可以直接从别的文件中导入一些有用的文本数据。首先，单击菜单栏中的“文件”项，然后选“导入”，再选择要导入的文件格式，在打开的文件窗口中，选择要导入的文件即可，如图６－２所示。６.１.２添加特殊文本１.添加空格在Ｗｏｒｄ或记事本等其他文本编辑软件中添加空格，只需要敲击空格键（Ｓｐａｃｅ键）即可。可是在Ｄｒｅａｍｗｅａｖｅｒ中单纯地多次敲击空格键却只能添加一个空格。上一页下一页返回６.１文本的常规操作如果需要输入多个连续的空格可以通过以下几种方法来实现：（１）在菜单中选择“插入”／“ＨＴＭＬ”／“特殊字符”／“不换行空格”命令，即可完成一个空格的插入。如果需要插入多个空格，重复以上操作即可，如图６－３所示。（２）直接按“Ｃｔｒｌ＋Ｓｈｉｆｔ＋Ｓｐａｃｅ”组合键即可完成一个空格的插入。如果需要插入多个空格，重复以上操作即可。（３）设置软件首选参数为“允许连续空格”，即可完成连续空格的插入。小技巧：可以将工作窗口切换到代码页，然后输入代码“＆ｎｂｓｐ；”，即可完成一个空格的录入，重复该代码，即可完成多个空格的录入。上一页下一页返回６.１文本的常规操作２.添加日期时间假如需要在文档的某一个位置处插入形式如“Ｆｒｉｄａｙ，２００６－０７－１４９：４７ＡＭ”所示的日期，且要求每次保存网页时都自动更新该日期，可通过以下操作实现相应的功能：（１）切换到“常用”工具栏。（２）按Ｅｎｔｅｒ键，添加一空行，将光标放置在空行与正文对齐的最左端。（３）单击菜单中的“插入”→“日期”命令，或者单击“常用”工具栏的“日期”按钮，弹出“插入日期”对话框。上一页下一页返回６.１文本的常规操作（４）在“插入日期”对话框中，在“星期格式”下拉表框中选取“Ｔｈｕｒｓｄａｙ”，在“日期格式”下拉列表框中选取“１９７４－０３－０７”，在“时间格式”下拉列表框选取“１０：１８ＰＭ”，选中“储存时自动更新”复选框，然后单击“确定”按钮，最后生成的日期效果为“Ｆｒｉｄａｙ，２００６－０７－１４９：４７ＡＭ”的形式。（５）保存插入的日期。３.插入水平线（１）将“插入”工具栏切换到“ＨＴＭＬ”类型。（２）将光标放置到标题最后一个字符的右边。（３）单击“ＨＴＭＬ插入”工具栏的“水平线”按钮，即可向网页中标题与正文之间插入一条水平线。上一页下一页返回６.１文本的常规操作４.添加特殊字符（１）通过菜单中的“插入”／“ＨＴＭＬ”／“特殊字符”命令插入先将光标放置到需要插入特殊字符的位置并单击确认，然后选择菜单中的“插入”／“ＨＴＭＬ”／“特殊字符”命令，在“特殊字符”的级联菜单中选择需要插入的特殊字符。（２）通过“文本插入”工具栏插入在Ｄｒｅａｍｗｅａｖｅｒ的“插入”工具栏中选择“文本”，显示“文本插入”工具栏。将光标放置到需要插入特殊字符的位置，然后单击工具栏中的“文本”，单击所需插入的特殊字符即可将其插入到网页中。上一页返回６.２编辑文本格式６.２.１文本的常规编辑可以像Ｗｏｒｄ文档一样对网页中的文本进行编辑。１.文本的选中在Ｄｒｅａｍｗｅａｖｅｒ中，可以通过拖动鼠标选中一个或多个文字、一行或多行文本，也可以选中网页中的全部文本。２.文本的删除在Ｄｒｅａｍｗｅａｖｅｒ中，可以按ＢａｃｋＳｐａｃｅ键或Ｄｅｌｅｔｅ键实现删除文本操作。下一页返回６.２编辑文本格式３.文本的复制、剪切、粘贴在Ｄｒｅａｍｗｅａｖｅｒ中，可以通过“编辑”菜单中的“复制”“剪切”和“粘贴”等子菜单来完成相关的操作，也可以通过快捷键“Ｃｔｒｌ＋Ｃ”“Ｃｔｒｌ＋Ｘ”和“Ｃｔｒｌ＋Ｖ”来完成相应的操作。４.文本的查找与替换在Ｄｒｅａｍｗｅａｖｅｒ中，可以通过“编辑”菜单中的“查找和替换”“查找下一个”和“查找所选”等子菜单来完成相关的操作，也可以通过快捷键“Ｃｔｒｌ＋Ｆ”“Ｓｈｉｆｔ＋Ｆ３”和“Ｆ３”来完成相应的操作。上一页下一页返回６.２编辑文本格式５.实现撤销或重作操作在Ｄｒｅａｍｗｅａｖｅｒ中，可以通过“编辑”菜单中的“撤销（Ｕ）键入”和“重作（Ｒ）键入”等子菜单来完成相关的操作，也可以通过快捷键“Ｃｔｒｌ＋Ｚ”和“Ｃｔｒｌ＋Ｙ”来完成相应的操作。６.２.２文本的排版１.换行与分段的区别换行和分段在文本的编辑中是常用的操作，但二者是有区别的，从外观上行，换行只是单纯地另起一行，而分段则增加一个空白行。从形式上讲，换行后的内容仍和原行内容属于同一段落，可以应用相同的样式，而分段的内容则可以应用其他样式。上一页下一页返回６.２编辑文本格式２.文本的换行与分段在Ｄｒｅａｍｗｅａｖｅｒ中，换行和分段的操作主要有以下几种：（１）可以通过敲击回车键来实现换行和分段。如果想要分段则按Ｅｎｔｅｒ键（隔一行），如果只是想要换行则按“Ｓｈｉｆｔ＋Ｅｎｔｅｒ”组合键（不分段）。（２）也可以将工作窗口切换到代码页，然后通过录入相应的ＨＴＭＬ标签代码来控制换行和分段。如果录入“＜ｂｒ＞”或“＜ｂｒ／＞”，则表示从这一位置开始换行。如果要连换多行，则多次录入该标签代码即可。上一页下一页返回６.２编辑文本格式３.文本的加粗显示通过对某些文本的加粗显示，可以实现对该内容的强调，所以加粗是文本排版中的常见操作。在Ｄｒｅａｍｗｅａｖｅｒ中，文本加粗主要有以下方法。１）通过按钮进行加粗用鼠标拖黑选中拟加粗的文字内容，然后在下方的属性面板中单击“Ｂ”字按钮，即可实现文本的加粗显示，如图６－５所示。２）通过ＨＴＭＬ代码标签进行加粗首先，把工作窗口切换到代码窗口，然后在拟加粗的文字前、后分别加上标签“＜Ｂ＞”和“＜／Ｂ＞”，即可实现文本的加粗显示。上一页下一页返回６.２编辑文本格式可以用另一组标签“＜ＳＴＲＯＮＧ＞”和“＜／ＳＴＲＯＮＧ＞”来代替“＜Ｂ＞”和“＜／Ｂ＞”，这同样可以实现相同的文本加粗效果。４.文本的斜体显示通过对某些文本的斜体显示，可以实现对该内容的强调，所以斜体显示是文本排版中的常见操作。在Ｄｒｅａｍｗｅａｖｅｒ中，文本的斜体显示主要有以下方法。上一页下一页返回６.２编辑文本格式１）通过按钮进行斜体显示首先，用鼠标拖黑选中拟进行斜体显示的文字内容，然后在下方的属性面板中单击“Ｉ”字按钮，即可实现文本的斜体显示，如图６－６所示。２）通过ＨＴＭＬ代码标签进行斜体显示首先，把工作窗口切换到代码窗口，然后在拟斜体显示的文字前、后分别加上标签“＜ｅｍ＞”和“＜／ｅｍ＞”，即可实现文本的斜体显示。上一页返回６.３设置文字样式６.３.１设置文字字体首先，把工作窗口切换到设计页面，然后选择要设置字体的文字，在其“属性”面板中的“字体”下拉列表框中选择需要使用的字体即可。具体的操作如下：在Ｄｒｅａｍｗｅａｖｅｒ中选择需要设置字体的文字，单击“属性”面板中的“ＣＳＳ”按钮，即可切换到样式表模式，然后在“字体”选择列表中选中一个字体，即可完成字体的设置，在设计页面中对选中的字体进行调用即可。下一页返回６.３设置文字样式６.３.２设置文字的大小１.通过ＣＳＳ设置文字的大小首先，将工作窗口切换到设计页面，然后鼠标拖黑选中拟改变大小的文字，点选下面属性面板中的类文件，通过附加已有的样式文件来更改文字的大小，如图６－７所示。２.通过标签来更改文字的大小除了使用ＣＳＳ外，也可以使用＜ｆｏｎｔ＞标签对文字的大小和颜色等格式进行设置。操作方法如下：首先将工作窗口切换到代码页面，然后找到拟改变大小的文字，在文字前方填写标签“＜ｆｏｎｔｓｉｚｅ＝”＋５“＞”，在文字的后方填写标签“＜／ｆｏｎｔ＞”。当把页面切换回设计页面时，就发现文字的大小已经发生改变了，如图６－８所示。上一页下一页返回６.３设置文字样式６.３.３设置文字的颜色１.通过面板来设置文字的颜色在Ｄｒｅａｍｗｅａｖｅｒ中，不仅可以进行字体和大小的设置，还可对文字进行相应的颜色设置，使页面的文字更加漂亮多姿。其具体的操作方法如下：在设计窗口中，选择好需要设置颜色的文字，单击“属性”面板中的色块按钮，就可以打开一个颜色选择列表。这时会发现光标变成了吸取器的形状，可以在列表中单击所需颜色的色块来进行选择，如图６－９所示。上一页下一页返回６.３设置文字样式如果颜色列表框中的颜色不适合，还可以单击