网页设计与制作 第2版 项目教学 作者 王君学 古淑强 项目三 文本-编排文化知识网页-.pptVIP

网页设计与制作 项目三 文本──编排文化知识网页 在网页制作中处理文本是非常重要的内容。本项目主要通过编排一个文化知识网页，介绍在Dreamweaver 8中对网页文本进行格式设置的基本方法。在项目中，将按添加文本、设置文本格式、完善网页辅助功能的顺序进行介绍。 任务一 添加文本 需要掌握的内容主要有： 1、创建网页文件的基本方法 2、添加文本的基本方式 3、分段和换行的方法 1、创建网页文件的基本方法 （1）从【起始页】的【创建新项目】或【从范例创建】列表中选择相应命令。 （2） 在【文件】面板中站点根文件夹的右键快捷菜单中选择【新建文件】命令。 （3）在主菜单中选择【文件】/【新建】命令或按Ctrl+N键。 2、添加文本的基本方式 （1）直接输入。 （2）导入：在主菜单中选择【文件】/【导入】/【Word文档】命令，打开【导入Word文档】对话框，选择要导入的文件，设置【格式化】选项 。 （3）复制粘贴，特别是选择性粘贴。 3、分段和换行 在文档窗口中，每按一次Enter 键就会生成一个段落。按Enter 键的操作通常称为“硬回车”，段落就是带有硬回车的文本组合。由硬回车生成的段落，其HTML标签是“p文本/p”。使用硬回车划分段落后，段落与段落之间会产生一个空行间距。 如果希望文本换行后不产生段落间距，可以采取插入换行符的方法。插入换行符可以在主菜单中选择【插入】／【HTML】／【特殊字符】／【换行符】命令，也可以按Shift+Enter 组合键。其HTML标签是“br”。使用换行符只能使文本换行，但这不等于重新开始一个段落，只有按Enter 键才是重新开始一个段落。 任务二 设置文本格式 （一） 设置文档标题 （二） 设置文档正文 （一）设置文档标题 1、应用标题格式 2、定义标题样式 3、文本的对齐方式 （二）设置文档正文 需要掌握的内容主要有： 1、通过【页面属性】对话框设置文本属性 2、通过【属性】面板设置文本属性 3、文本样式 4、列表的应用 5、文本的缩进和凸出 1、通过【页面属性】对话框设置文本属性 在【属性】面板中单击【页面属性】按钮打开【页面属性】对话框，在【外观】分类中定义页面文本的字体、大小和颜色。 2、通过【属性】面板设置文本属性 在【属性】面板的【字体】下拉列表框中选择字体，在【大小】下拉列表框中选择大小选项，在【颜色】文本框中定义颜色。 3、文本的样式 （1）通过【属性】面板可以给文本设置粗体或斜体样式。 （2）在主菜单的【文本】／【样式】中选择相应的命令也可以对文本设置简单的样式，如“下划线”、“删除线”等。 （3）在【插入】面板中选择【文本】选项，将出现【文本】工具面板，从中单击相应的按钮也可以设置粗体或斜体样式。 4、列表的应用 设置列表的方法主要有： （1）通过【属性】面板可以给文本设置项目列表或编号列表格式。 （2）在主菜单的【文本】／【列表】中选择相应的命令也可以对文本设置列表格式。 （3）在【插入】面板中选择【文本】选项，在【文本】工具面板中单击相应的按钮也可以设置列表格式。 如果对默认的列表不满意，可以进行修改。将光标放置在列表中，然后在主菜单中选择【文本】／【列表】／【属性】命令，打开【列表属性】对话框进行设置。 5、文本的缩进和凸出 设置文本缩进或凸出的方法有： （1）在主菜单或右键快捷菜单中选择【文本】／【缩进】或【凸出】命令。 （2）单击【属性】面板上的【缩进】或【凸出】按钮。 任务三 完善辅助功能 需要掌握的内容主要有： 1、网页背景和页边距 2、插入水平线 3、插入日期 4、设置浏览器标题 1、网页背景和页边距 在【页面属性】对话框的【外观】分类中设置背景图像页边距。 2、插入水平线 插入水平线的主要有方法有： （1）在主菜单中选择【插入】/【HTML】/【水平线】命令。 （2）在【插入】/【HTML】面板中单击 （水平线）按钮。 3、插入日期 在主菜单中选择【插入】／【日期】命令，