3.2编排网页主体文本（课件）-高二《网页设计与制作》同步教学（人民邮电版）

本任务主要是对网页主体部分的文本进行编排，涉及到的知识点有文本标题格式，文本的字体、大小和颜色，文本对齐方式以及列表的应用等。 Dreamweaver 8 网页设计与制作 任务三 编排网页主体文本 项目三： 编排校园文学网页 编排网页主体操作动画 任务一 任务二 任务三 小 结 任务四 实 训 操作一 编排左侧栏目文本 本操作主要是编排网页左侧栏目中的文本。通过本操作的学习，应该掌握的内容主要有： 1、设置文本段落的方法 在文档窗口中，每按一次【Enter】键就会生成一个段落。按【Enter 】键的操作通常称为“硬回车”，段落就是带有硬回车的文本组合。由硬回车生成的段落，其HTML标签是“<p>文本</p>”。使用硬回车划分段落后，段落与段落之间会产生一个空行间距。 如果以CSS样式的方式设置了一个段落的字体、大小和颜色属性，按【Enter】键后下一段文本会继承这一属性。如果要取消这一属性，需要在【属性】面板的【样式】下拉列表中选择“无”。 Dreamweaver 8 网页设计与制作 项目三： 编排校园文学网页 任务一 任务二 任务三 小 结 任务四 实 训 操作一 编排左侧栏目文本 2、插入换行符的方法 插入换行符可以在主菜单栏中选择【插入】／【HTML】／【特殊字符】／【换行符】命令，也可以按【 Shift 】 + 【 Enter 】键。其HTML标签是“<br>”。使用换行符只能使文本换行，但这不等于重新开始一个段落，只有按【 Enter 】 键才是重新开始一个段落。 Dreamweaver 8 网页设计与制作 项目三： 编排校园文学网页 换行符 任务一 任务二 任务三 小 结 任务四 实 训 操作一 编排左侧栏目文本 3、设置文本样式的方法 通过【文本】／【样式】级联菜单命令可以对文本设置简单的样式，如“下划线”、“删除线”等。在【属性】面板中，单击【 B 】按钮或【 I 】按钮也可以给文本设置粗体或斜体样式。 Dreamweaver 8 网页设计与制作 项目三： 编排校园文学网页 加下划线 任务一 任务二 任务三 小 结 任务四 实 训 4、设置文本对齐方式的方法 单击【属性】面板的 【左对齐】、【居中对齐】、【右对齐】和【两端对齐】按钮或选择【文本】/【对齐】菜单中的【左对齐】、【居中对齐】、【右对齐】和【两端对齐】命令可分别使文本左对齐、居中对齐、右对齐和两端对齐。 Dreamweaver 8 网页设计与制作 操作一 编排左侧栏目文本 项目三： 编排校园文学网页 任务一 任务二 任务三 小 结 任务四 实 训 5、【文本】工具面板和插入特殊字符的方法 在【插入】面板中选择【文本】选项，将出现【文本】工具面板。【文本】工具面板的最后一项为【字符】，单击该项将出现字符列表下拉菜单，其中所列符号都可以通过选择插入到文本中。选择【其他字符】选项，将打开【插入其他字符】对话框，可以从中插入一些特殊符号。插入特殊字符也可以通过【插入】／【HTML】／【特殊字符】级联菜单命令进行。 Dreamweaver 8 网页设计与制作 操作一 编排左侧栏目文本 项目三： 编排校园文学网页 【文本】工具面板 字符列表 【插入其他字符】对话框 任务一 任务二 任务三 小 结 任务四 实 训 本操作主要是编排网页右侧栏目中的文本。通过本操作的学习，应该掌握的内容主要有： 1、设置文档标题的方法 文档标题主要用来对页面内容进行概括或分类。Dreamweaver提供了6种标准的样式“标题1”～“标题6”，可以在【属性】面板的【格式】下拉列表中进行选择。“标题1”～“标题6”对应的HTML标签是“<h1>”～“<h6>”。当将标题设置成“标题1”～“标题6”中的某一种时，Dreamweaver会按其默认设置显示。当然也可以通过【页面属性】对话框的【标题】分类来重新设置“标题1”～“标题6”的字体、大小和颜色属性。 Dreamweaver 8 网页设计与制作 操作二 编排右侧正文文本 项目三： 编排校园文学网页 任务一 任务二 任务三 小 结 任务四 实 训 2、设置文本缩进或凸出的方法 在文档排版过程中，有时会遇到需要使某段文本整体向内缩进或整体向外凸出的情况。在主菜单栏或右键快捷菜单中选择【文本】／【缩进】命令或【文本】／【凸出】命令，或者单击【属性】面板上的【缩进】按钮