第3章 旅游网站文本设置(免费下载)课件

1、Dreamweaver CS5网页制作基础教程网页制作基础教程 本章将介绍在本章将介绍在Dreamweaver CS5中中添加和设置文本的基本方法。添加和设置文本的基本方法。第第3 3章旅游网站文本设置章旅游网站文本设置学习目标学习目标 掌握设置页面属性的方法。掌握设置页面属性的方法。 掌握插入文件头标签的方法。掌握插入文件头标签的方法。 掌握添加文本和特殊对象的方法。掌握添加文本和特殊对象的方法。 掌握设置字体属性的方法。掌握设置字体属性的方法。 掌握设置段落属性的方法。掌握设置段落属性的方法。3.13.1设计思路设计思路本章制作的4个网页“jianjie.htm”、“yanbian.htm

2、”、“qihou.htm”和“zhibei.htm”均是“崂山旅游”网站“崂山概况”栏目下的内容，即“基本简介”、“名称演变”、“气候特征”和“植被特征”。页面设计形式均是标题居中显示、然后是两条水平线，两条水平线中间是正文文本，第2条水平线下面是网页制作日期。网页制作的操作过程基本上按照设置页面属性、添加文本、设置文本格式的顺序进行。3.2 3.2 设置页面属性设置页面属性1、【外观（、【外观（CSS）】分类）】分类2、【外观（、【外观（HTML）】分类）】分类3、【链接、【链接 （CSS）】分类）】分类4、【标题（、【标题（CSS）】分类）】分类5【标题【标题/编码】编码】 分类分类6、【

3、跟踪图像、【跟踪图像 】分类】分类3.3 3.3 插入文件头标签插入文件头标签1、设置页面的、设置页面的Meta属性属性 在菜单栏中选择【插入】/【HTML】/【文件头标签】/【Meta】命令，打开【META】对话框，进行相应的参数。当在【当在【META】对话框的【属性】列表框中选择】对话框的【属性】列表框中选择“名名称称”或或“HTTP-equivalent”时，其格式如下。时，其格式如下。 （1）name属性常用的有关键字（属性常用的有关键字（keywords）、说明）、说明（description）和作者（）和作者（author）等，作者（）等，作者（author）就是标明网页的作者名或

4、联系方式等信息。就是标明网页的作者名或联系方式等信息。（2）带有）带有http-equiv属性的属性的Meta标签是功能性标签，标签是功能性标签，http-equiv属性常用的有字符集（属性常用的有字符集（Content-Type）、）、pragma、window-target和刷新（和刷新（refresh）等。）等。字符集（字符集（Content-Type）：用于指定网页使用的字符用于指定网页使用的字符集，即网页文档编码集，即网页文档编码 。pragma：禁止浏览器从本地缓存中调阅页面：禁止浏览器从本地缓存中调阅页面。window-target，用于指定显示页面的浏览器窗口，用于指定显示页面

5、的浏览器窗口。2、设置页面的关键字属性、设置页面的关键字属性 在菜单栏中选择【插入】/【HTML】/【文件头标签】/【关键字】命令，打开【关键字】对话框，进行相应的参数设置。3、设置页面的说明属性、设置页面的说明属性 在菜单栏中选择【插入】/【HTML】/【文件头标签】/【说明】命令，打开【说明】对话框，进行相应的参数。4、设置页面的刷新属性、设置页面的刷新属性 在菜单栏中选择【插入】/【HTML】/【文件头标签】/【刷新 】命令，打开【刷新 】对话框，进行相应的参数。5、编辑文件头标签属性、编辑文件头标签属性 （1）通过源代码修改。（2）通过【属性】面板修改。首先在菜单栏中选择【查看】/【文

6、件头内容】命令，接着在显示在【文档】窗口顶部的【文件头内容】工具栏中选择相应的图标，如选择（刷新）图标，然后在【属性】面板中设置相关属性。3.4 3.4 添加文本和特殊对象添加文本和特殊对象 添加文本添加文本 插入水平线插入水平线 插入日期插入日期 插入注释插入注释3.4.1 添加文本（1）直接输入。在文档中，可以通过键盘）直接输入。在文档中，可以通过键盘（包括软键盘）直接输入文本，也可以在菜单（包括软键盘）直接输入文本，也可以在菜单栏中选择【插入】栏中选择【插入】/【HTML】/【特殊字符】【特殊字符】菜单中的子命令插入不换行空格、版权、商标、菜单中的子命令插入不换行空格、版权、商标、货币符

7、号等特殊字符货币符号等特殊字符。（2）导入文档）导入文档 。在。在Dreamweaver CS5中，还中，还可以通过导入的方法导入表格式数据、可以通过导入的方法导入表格式数据、Word文文档和档和Excel文档等。文档等。（3）复制粘贴）复制粘贴 。在。在Dreamweaver CS5文档中文档中粘贴内容时有两种方式：【粘贴】和【选择性粘贴内容时有两种方式：【粘贴】和【选择性粘贴】。如果选择【编辑】粘贴】。如果选择【编辑】/【选择性粘贴】命【选择性粘贴】命令，将打开【选择性粘贴】对话框，可以在设令，将打开【选择性粘贴】对话框，可以在设置粘贴方式后再进行粘贴。置粘贴方式后再进行粘贴。3.4.2

8、插入水平线1、插入水平线。在菜单栏中选择【插入】、插入水平线。在菜单栏中选择【插入】/【HTML】/【水平线】命令，或在【插入】面板的【水平线】命令，或在【插入】面板的【常用】类别中，单击【水平线】按钮插入水平线。【常用】类别中，单击【水平线】按钮插入水平线。2、修改水平线属性。选中水平线，然后在【属性】、修改水平线属性。选中水平线，然后在【属性】面板中设置其属性面板中设置其属性 。3.4.3 插入日期1、插入日期。在菜单栏中选择【插入】、插入日期。在菜单栏中选择【插入】/【日【日期】命令，或在【插入】面板的【常用】类别期】命令，或在【插入】面板的【常用】类别中，单击【日期】按钮，打开【插入日

9、期】对中，单击【日期】按钮，打开【插入日期】对话框，插入日期。话框，插入日期。2、编辑日期格式。选中日期，在【属性】面板中单、编辑日期格式。选中日期，在【属性】面板中单击【编辑日期格式】按钮，重新打开【插入日期】击【编辑日期格式】按钮，重新打开【插入日期】对话框进行设置对话框进行设置。3.4.4 插入注释1、插入注释。在菜单栏中选择【插入】、插入注释。在菜单栏中选择【插入】/【注【注释】命令，或在【插入】面板的【常用】类别释】命令，或在【插入】面板的【常用】类别中，单击【注释】按钮，打开【插入注释】对中，单击【注释】按钮，打开【插入注释】对话框，进行设置。话框，进行设置。2、编辑注释文本。在菜

10、单栏中选择【编辑】、编辑注释文本。在菜单栏中选择【编辑】/【首先【首先参数】命令，打开【首先参数】对话框，在【不可见参数】命令，打开【首先参数】对话框，在【不可见元素】分类中选中【注释】复选框元素】分类中选中【注释】复选框。同时确保【查看】同时确保【查看】/【可视化助理】【可视化助理】/【不可见元素】命令已选中。【不可见元素】命令已选中。用鼠标选中（注释）标记，在【属性】面板中可修改用鼠标选中（注释）标记，在【属性】面板中可修改注释文本。注释文本。3.5 设置文本格式 文档标题文档标题 段落和换行段落和换行 缩进、凸出和对齐缩进、凸出和对齐 不换行空格不换行空格 编号列表和项目列表编号列表和项

11、目列表 字体、大小和颜色字体、大小和颜色粗体、斜体等样式粗体、斜体等样式3.5.1 文档标题在【属性（在【属性（HTML）】面板的【格式】下拉列表）】面板的【格式】下拉列表中选择标题类型。在【页面属性】对话框的【标中选择标题类型。在【页面属性】对话框的【标题】分类中定义标题样式。题】分类中定义标题样式。3.5.2 段落和换行在【属性（在【属性（HTML）】面板的【格式】下拉列表中选择）】面板的【格式】下拉列表中选择“段落段落”选项，或者在菜单栏中选择【格式】选项，或者在菜单栏中选择【格式】/【段落格式】【段落格式】/【段落】命令将给所选择的文本设置段落格式。每按一次【段落】命令将给所选择的文本

12、设置段落格式。每按一次Enter键也会另起一个段落。键也会另起一个段落。选择【插入】选择【插入】/【HTML】/【特殊字符】【特殊字符】/【换行符】命令，【换行符】命令，或按或按Shift+Enter组合键，可以插入换行符。组合键，可以插入换行符。3.5.3 缩进、凸出和对齐 在文档排版过程中，有时会遇到需要使某段文本整体向内缩进在文档排版过程中，有时会遇到需要使某段文本整体向内缩进或向外凸出的情况。选择【文本】或向外凸出的情况。选择【文本】/【缩进】或【凸出】命令，【缩进】或【凸出】命令，或者单击【属性】面板上的相应按钮，可以使段落整体向内缩进或者单击【属性】面板上的相应按钮，可以使段落整体

13、向内缩进或向外凸出。如果同时设置多个段落的缩进和凸出，则需要先选或向外凸出。如果同时设置多个段落的缩进和凸出，则需要先选中这些段落。中这些段落。文本的对齐方式通常有文本的对齐方式通常有4种：左对齐、居中对齐、右对齐和两端种：左对齐、居中对齐、右对齐和两端对齐。可以通过【属性】面板来设置，也可以通过【格式】对齐。可以通过【属性】面板来设置，也可以通过【格式】/【对齐】菜单中的相应命令来实现。如果同时设置多个段落的对【对齐】菜单中的相应命令来实现。如果同时设置多个段落的对齐方式，则需要先选中这些段落。齐方式，则需要先选中这些段落。3.5.4 不换行空格在【首选参数】对话框的【常规】分类中选中【允许

14、多个连续在【首选参数】对话框的【常规】分类中选中【允许多个连续的空格】复选框，表示允许使用的空格】复选框，表示允许使用Space（空格）键来输入多个连（空格）键来输入多个连续的空格，这些空格在浏览器中也显示为多个空格。该选项主续的空格，这些空格在浏览器中也显示为多个空格。该选项主要针对习惯于在字处理程序中键入的用户。当禁用该选项时，要针对习惯于在字处理程序中键入的用户。当禁用该选项时，使用使用Space（空格）键不能输入多个连续的空格。（空格）键不能输入多个连续的空格。在菜单栏中选择【插入】在菜单栏中选择【插入】/【HTML】/【特殊字符】【特殊字符】/【不换行空【不换行空格】命令，或打开【插

15、入】面板并切换到【文本】类别，单击格】命令，或打开【插入】面板并切换到【文本】类别，单击【字符】按钮中的向下黑箭头打开下拉菜单，单击【不换行空【字符】按钮中的向下黑箭头打开下拉菜单，单击【不换行空格】按钮，或按格】按钮，或按Ctrl+Shift+Space（空格）键也可添加不换行空（空格）键也可添加不换行空格符。不换行空格在源代码中显示为格符。不换行空格在源代码中显示为“ ”。3.5.5 编号列表和项目列表 通过以下任意一种方式将所选文本设置为编号列表或项目列表。通过以下任意一种方式将所选文本设置为编号列表或项目列表。 在在【属性属性】面板中单击编号列表或项目列表按钮。面板中单击编号

16、列表或项目列表按钮。 选择选择【格式格式】/ /【列表列表】/ /【编号列表编号列表】或或【编号列表编号列表】命令。命令。 在在【插入插入】面板的面板的【文本文本】类别中，单击编号列表或项目列表按类别中，单击编号列表或项目列表按钮。钮。 如果对插入的列表不满意，可以进行修改，方法是：如果对插入的列表不满意，可以进行修改，方法是： 选择选择【文本文本】/ /【列表列表】/ /【属性属性】命令，或在命令，或在【属性属性】面板面板中单击中单击【列表项目列表项目】按钮，打开按钮，打开【列表属性列表属性】对话框。对话框。3.5.6 字体、大小和颜色文本的字体、大小和颜色，除了可以使用【页面属性】对话框文

17、本的字体、大小和颜色，除了可以使用【页面属性】对话框进行设置外，还可以通过【属性（进行设置外，还可以通过【属性（CSS）】面板和【格式】菜）】面板和【格式】菜单中的相应命令进行设置。单中的相应命令进行设置。无论是使用菜单命令还是通过【属性（无论是使用菜单命令还是通过【属性（CSS）】面板来设置文本的）】面板来设置文本的字体、大小和颜色属性，如果是第字体、大小和颜色属性，如果是第1次都将打开【新建次都将打开【新建CSS规则】规则】对话框，在【选择器名称】文本框中输入名称，其他选项保持默认对话框，在【选择器名称】文本框中输入名称，其他选项保持默认即可。设置完成后，在【属性（即可。设置完成后，在【属性（CSS）】面板的【目标规则】下拉）】面板的【目标规则】下拉列表中自动出现了样式名称，此时其他属性的定义都将在此列表中自动出现了样式名称，此时其他属性的定义都将在此CSS样样式中进行，除非在【目标规则】下拉列表中选择【式中进行，除非在【目标规则】下拉列表中选择【】选项。选项。如果要对其他文本应用该样式，可以选中这些文本，然后在【属性如果要对其他文本应用该样式，可以选中这些文本，然后在【属性（CSS）】面板的【目标规则】下拉列表中选择该样式，也可以在）】面板的【目标规则】下拉列表中选择该样式，也