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

　　本章将介绍在Dreamweaver CS5中添加和设置文本的基本方法。 * Dreamweaver CS5 网页制作基础教程 第3章　旅游网站文本设置 学习目标 掌握设置页面属性的方法。 掌握插入文件头标签的方法。 掌握添加文本和特殊对象的方法。 掌握设置字体属性的方法。 掌握设置段落属性的方法。 3.1　设计思路 本章制作的4个网页“jianjie.htm”、“yanbian.htm”、“qihou.htm”和“zhibei.htm”均是“崂山旅游”网站“崂山概况”栏目下的内容，即“基本简介”、“名称演变”、“气候特征”和“植被特征”。页面设计形式均是标题居中显示、然后是两条水平线，两条水平线中间是正文文本，第2条水平线下面是网页制作日期。网页制作的操作过程基本上按照设置页面属性、添加文本、设置文本格式的顺序进行。 3.2 设置页面属性 　1、【外观（CSS）】分类 　2、【外观（HTML）】分类 　3、【链接 （CSS）】分类 　4、【标题（CSS）】分类 　5【标题/编码】 分类 　6、【跟踪图像 】分类 3.3 插入文件头标签 1、设置页面的Meta属性 在菜单栏中选择【插入】/【HTML】/【文件头标签】/【Meta】命令，打开【META】对话框，进行相应的参数。 当在【META】对话框的【属性】列表框中选择“名称”或“HTTP-equivalent”时，其格式如下。 meta name=值 content=值 meta http-equiv=“值” content=“值” （1）name属性常用的有关键字（keywords）、说明（description）和作者（author）等，作者（author）就是标明网页的作者名或联系方式等信息。 （2）带有http-equiv属性的Meta标签是功能性标签，http-equiv属性常用的有字符集（Content-Type）、pragma、window-target和刷新（refresh）等。 字符集（Content-Type）：用于指定网页使用的字符集，即网页文档编码 。 pragma：禁止浏览器从本地缓存中调阅页面。 window-target，用于指定显示页面的浏览器窗口。 2、设置页面的关键字属性 在菜单栏中选择【插入】/【HTML】/【文件头标签】/【关键字】命令，打开【关键字】对话框，进行相应的参数设置。 3、设置页面的说明属性 在菜单栏中选择【插入】/【HTML】/【文件头标签】/【说明】命令，打开【说明】对话框，进行相应的参数。 4、设置页面的刷新属性 在菜单栏中选择【插入】/【HTML】/【文件头标签】/【刷新 】命令，打开【刷新 】对话框，进行相应的参数。 5、编辑文件头标签属性 （1）通过源代码修改。 （2）通过【属性】面板修改。首先在菜单栏中选择【查看】/【文件头内容】命令，接着在显示在【文档】窗口顶部的【文件头内容】工具栏中选择相应的图标，如选择（刷新）图标，然后在【属性】面板中设置相关属性。 3.4 添加文本和特殊对象 添加文本 插入水平线 插入日期 插入注释 3.4.1 添加文本 （1）直接输入。在文档中，可以通过键盘（包括软键盘）直接输入文本，也可以在菜单栏中选择【插入】/【HTML】/【特殊字符】菜单中的子命令插入不换行空格、版权、商标、货币符号等特殊字符。 （2）导入文档 。在Dreamweaver CS5中，还可以通过导入的方法导入表格式数据、Word文档和Excel文档等。 （3）复制粘贴 。在Dreamweaver CS5文档中粘贴内容时有两种方式：【粘贴】和【选择性粘贴】。如果选择【编辑】/【选择性粘贴】命令，将打开【选择性粘贴】对话框，可以在设置粘贴方式后再进行粘贴。 3.4.2 插入水平线 1、插入水平线。在菜单栏中选择【插入】/【HTML】/【水平线】命令，或在【插入】面板的【常用】类别中，单击【水平线】按钮插入水平线。 2、修改水平线属性。选中水平线，然后在【属性】面板中设置其属性 。 3.4.3 插入日期 1、插入日期。在菜单栏中选择【插入】/【日期】命令，或在【插入】面板的【常用】类别中，单击【日期】按钮，打开【插入日期】对话框，插入日期。 2、编辑日期格式。选中日期，在【属性】面板中单击【编辑日期格式】按钮，重新打开【插入日期】对话框进行设置。 3.4.4 插入注释 1、插入注释。在菜单栏中选择【插入】/【注释】命令，或在【插入】面板的【常用】类别中，单击【注释】按钮，打开【插入注释】对话框，进行设置。 2、编辑注释文本。在菜单栏中选择【编辑】/【首先参数】命令，打开【首先参数】对话框，在【不可见元素】分类中选中【注释】复选框。同时确保【查看】/【可视化助理】/【不可见元素】命令已选中