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

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

2、hou.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，用于指定显示页面的浏览器窗口，用于指定显示页面的浏览器窗口。2、设置页

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

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

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

8、【插入】、插入水平线。在菜单栏中选择【插入】/【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）】面板的】面板的【格式【格式】下拉列表中选择】下拉列表中选择“段落段落”选项，或者在菜单栏中选择选项，或者在菜单栏中选择【格式【格式】/【段落格式【段落格式】/【段落【段落】命令将给所选择的文本设置段落格式。每按一次】命令将给所选择的文本设置段落格式。每按一次Enter键也会另起一个段落。键也会

12、另起一个段落。选择选择【插入【插入】/【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）】面板的】面板的【目标规则【目标规则】下拉列表中选择该样式，也可以在】下拉列表中选择该样式，也可以在【属