第4章 设置网页文本和段落格式.ppt

第4章 设置网页文本和段落格式,主讲人：黄庆华电 话：15893907556信 箱：hqh566@,4.1 在Web中输入文本,在DW中，不仅可以直接向页面中键入文本，也可以从其他文档复制和粘贴文本，或从其他应用程序拖放文本到DW中，这些文本格式通常有ASCII文本文件、RTF文件和Microsoft Office文档4.1.1 将文本添加到Web中,可以在文档窗口中直接键入文本，也可以复制、剪切并粘贴文本，还可以从其他文档导入文本如果要将其他文本格式粘贴到DW中，可以使用【粘贴】或【选择性粘贴】命令 【选择性粘贴】允许用户以不同的方式指定所粘贴文本的格式如将文本从带格式的Word文档粘贴到DW文档中时，如果想要去掉文本原有格式，可以使用【选择性粘贴】命令选择只粘贴文本的选项选择性粘贴】对话框,粘贴为：仅文本带结构的文本（段落、列表、表格等）带结构的文本及基本格式（粗体、斜体）带结构的文本以及全部格式（粗体、斜体、样式）保留换行符清理Word段落间距【粘贴首选参数…】,4.1.2 设置复制与粘贴首选参数,【选择性粘贴】选项中使用得最多的是第一项和第三项，特别是第三项“带结构的文本以及全部格式（粗体、斜体、样式）”。

为了简化粘贴步骤，可以通过【首选参数】面板，设置【复制/粘贴】首选参数编辑】/【首选参数】,【复制/粘贴】首选参数面板,,4.1.3 插入特殊字符,DW中某些特殊字符在HTML中是以名称或数字的形式表示的，被称为“实体”这些实体主要有：版权符号（©；）“与”符号（&；）注册商标符号（®；）每个实体都有一个名称和一个数字等效值可以通过【插入】/【HTML】/【特殊字符】/【…】方式插入特殊字符4.1.4 在Web中插入日期,插入日期对象可以使用内置的任何格式插入当期日期，并可以选择性地包含时间，还可以选择在每次保存文件时自动更新当前日期插入】/【日期】，打开【插入日期】对话框星期格式日期格式时间格式储存时自动更新,4.1.5 在字符之间添加空格,两种方法：①一个“ ”相当于一个半角空格，占一个英文字母的位置②单击【插入】面板的【文本】选项卡中的【字符】，在其下拉列表菜单中选中【不换行空格】单击一次相当于一个“ ”4.2 格式化Web文本格式,4.2.1 设置和更改Web字体及样式通过使用【属性】面板或【文本】下拉列表中的命令来完成①【属性】面板中的【CSS】按钮，切换到CSS样式形式。

②【格式】/【字体】/【…】,4.2.2 重命名文本样式,在【CSS面板】中将要重命名的样式名称上单击，激活该样式名称，输入新的名称.xxx即可4.2.3 设置文本颜色,单击【属性】面板中【文本颜色】按钮，在弹出的颜色列表中选择一种颜色，系统将自动弹出【新建CSS规则】对话框输入一新的CSS规则名称.xxx在Web中选中文本，选中【属性】面板【样式】列表中对应的.xxx规则若要使文本返回到默认颜色，先选中文本，再单击【属性】面板【文本颜色】按钮，在弹出的颜色列表中选择,,4.3 格式化Web文本段落,支持页面格式设置和对象格式设置中使用的所有Web标准可以像Word一样，对段落中的文本进行对齐、缩进、添加段落间距、项目列表和编号列表等格式化设置4.3.1 设置段落格式首选参数,对已经设置段落格式的文本，DW将自动给其下一段落文本添加为普通段落若要更改此项默认设置，可以在【首选参数】面板【分类】标签下的【常规】选项卡，在其【编辑选项】中取消选中“标题后切换到普通段落”复选框首选参数】的【常规】选项卡,,,4.3.2 设置段落格式,①使用【属性】面板的【格式】右侧文本框中的下拉列表②使用菜单命令【格式】/【段落格式】/【…】,4.3.3 文本的对齐与缩进,(1)文本对齐的2种方法：①【属性】面板中的对齐按钮,,,②菜单命令【格式】/【对齐】/【…】,（2）缩进和突出,① 【属性】面板中的“文本缩进”按钮和“文本突出”按钮。

每单击一次使文本“缩进”一次可以对所选文本进行多重缩进②菜单命令【格式】/【缩进】或【凸出】4.3.4 创建项目列表和编号列表,① 【属性】面板中的“项目编号”按钮和“编号列表”按钮单击【属性】面板的【列表项目…】按钮，打开【列表属性】对话框列表属性】对话框,列表类型：样式：,,②菜单命令【格式】/【列表】/【…】注意：,①创建项目符号或编号列表后，按一次【Enter】键可自动添加下一个项目符号或编号②若要完成列表，按两次【Enter】键可结束自动添加项目符号或编号③DW中可以创建嵌套项目符号或编号，即将一种类型的编号或项目列表嵌套在其他编号列表中对文本先进行【文本缩进】，然后添加项目符号或编号,4.4 在Web中插入水平线,网页中的水平线具有分割文本和对象的功能可以通过插入一条或多条水平线来组织网页信息，使网页更加美观、大方①【插入】面板【常用】选项【水平线】②菜单命令【插入】/【HTML】/【水平线】,水平线【属性】面板,【宽】、【高】以像素为单位或以页面尺寸百分比的形式指定水平线的宽度和高度对齐】方式有默认、左对齐、居中对齐、右对齐，且只有水平线的宽度小于浏览器窗口的宽度时，该设置才适用。

阴影】用来设置水平线是否带阴影4.5 使用CSS样式设置文本格式,默认情况下，DW使用CSS样式设置文本格式可以创建、应用CSS样式规则，链接到或导出外部CSS样式4.5.1 什么是CSS样式,是Cascading Style Sheets的简称，又名层叠样式表有轻松控制页面布局、快速更新页面格式的优点，可以对网页中的文本进行精确格式化控制与HTML相比，CSS样式的控制范围更加广泛，不但可以控制单个文本的格式，而且可以控制多个文档中的文本格式使用CSS样式设置页面格式时，内容与表现形式是相互分开的页面内容（HTML代码）位于自身的HTML文件中，而定义代码表现形式的CSS规则位于另一个文件（外部样式表）或HTML文档区使用CSS可以非常灵活地控制页面的外观，从精确的布局定位到特定的字体和样式等4.5.2 认识【CSS样式】面板,【CSS样式】面板的3种打开方式：菜单命令【窗口】/【CSS样式】Shift+F11组合键单击【属性】面板中的【CSS】按钮,,【CSS样式】面板共有两种模式：【当前】模式：对当前页面元素的CSS规则和属性进行跟踪影响全部】模式：对整个文档的规则和属性进行跟踪影响。

使用【CSS样式】面板顶部的切换按钮可以在两种模式之间切换，还可以对CSS样式的属性进行修改1）【全部】模式,【全部】模式下，【CSS样式】面板主要由两部分组成：位于顶部的【所有规则】窗口：用来显示所有规则的列表，包括当前文档中定义的规则和附加到当前文档的样式表中定义的规则位于底部的【属性】窗口：用来编辑【所有规则】窗格中任何所选规则的CSS属性有3种视图方式：【类别】视图【列表】视图【只显示设置属性】视图,,,,,,,①默认显示的是【只显示设置属性】视图，只显示那些已经设置的属性，按字母顺序排列可以通过单击【属性】窗口左下角的【只显示设置属性】按钮 、 【显示类别视图】按钮、【只显示设置属性】按钮，在这三种视图属性之间自由的切换所有视图中，已经设置的属性均以蓝色显示在【属性】窗格中所做的任何更改都将立即应用，可方便地在操作的同时预览修改的效果②单击【属性】窗口底部的【显示类别视图】按钮，即可切换到【类别】视图类别】视图中，属性的显示按照类别分组显示，如“字体”、“背景”、“区块”、“边框”等，已经设置的属性位于每个类别的顶部③单击【属性】窗口底部的【显示列表视图】按钮，即可切换到【列表】视图。

列表】视图中显示的是所有的可用属性，并按字母的顺序排列，已设置的属性位于窗口的顶部2）【正在】模式,【CSS样式】面板主要由3部分组成：显示文档中当前所选内容CSS属性的【所选内容的摘要】窗口显示所选对象的【规则】窗口用来编辑所选内容规则的【属性】窗口属性】窗口也有三种视图方式：【类别】视图【列表】视图【显示设置属性】视图,4.5.3 新建CSS规则,使用【CSS样式】面板可以轻易地创建自定义的CSS规则或类样式可以设置任何范围或文本块的样式属性，并可以应用到任何HTML标签中单击【CSS样式】面板右下角的【新建CSS规则】按钮，打开【新建CSS规则】对话框新建CSS规则】对话框,【选择器类型】下拉列表框中选择一种选择器类型选择器名称】列表框中输入一个或者选择一个选择器的名称，如.xxx（类样式必须以句点开头）规则定义】下拉列表框中选择一个定义的位置，如（仅限该文档）,【.xxx的CSS规则定义】对话框,（1）分类类型背景区块方框边框列表定位扩展（2）对应分类的属性设置,①类型,Font-familyFont-sizeFont-weightFont-styleFont-variantLine-heightText-transformColor Text-decorationUnderlineOverlineLine-throughBlinkNone,,选中【Font-family】下拉菜单的“编辑字体列表”,【编辑字体列表】对话框,字体列表选择的字体可用字体,②背景,Background-colorBackground-imageBackground-repeatBackground-attachmentBackground-position(x)Background-position(y),③区块,,④方框,,⑤边框,,⑥列表,,⑦定位,,⑧扩展,,4.5.4 链接、应用外部CSS样式表,单击【CSS样式】面板右下角的【附加样式表】按钮，打开【链接外部样式表】对话框。

链接外部样式表】对话框,文件/URL【浏览】按钮，单击打开【选择样式列表文件】对话框添加为链接导入媒体,注意：,将两个或更多CSS规则应用于同一文本时，这些规则可能会发生冲突并产生意外的结果浏览器按以下方式应用CSS规则：①如果将两种规则应用于同一文本，浏览器显示这两种规则的所有属性，除非特定的属性发生冲突如两规则指定文本颜色不同②如果应用于同一文本的两种规则的属性发生冲突，则浏览器显示最里面的规则（离文本本身最近的规则）的属性因此，如果外部样式表和内联样式同时影响文本元素，则应用内联样式③如果有直接冲突，则自定义CSS规则中的属性将覆盖HTML标签样式中的属性4.6 检查网页文本中的错误,“拼写检查”功能检查文档中的拼写错误查找”功能查找特定的文本，并可以使用“替换”功能将其替换为其他文本,4.6.1 检查拼写,菜单命令【命令】/【拼写检查】，打开【检查拼写】对话框添加到私人忽略更改忽略全部全部更改,,添加到私人：将没有拼写错误而DW又无法识别的单词添加到个人字典忽略：忽略当前DW字典中无法找到的单词忽略全部：一次性忽略DW无法识别的所有单词更改：将DW无法识别的单词替换为用户在【更改为】文本框中输入的文本或【建议】列表中选定的文本。

全部更改：一次性以相同方式替换DW无法识别的所有单词注意：,使用【检查拼写】命令检查当前文档时，将会忽略HTML标签和属性值默认情况下，拼写检查器使用的是美国英语拼写字典若要更改字典，单击【编辑】/【首选参数】/【常规】，然后在【拼写字典】弹出式菜单中选择要使用的字典4.6.2 查找和替换文本,可以在一个文档或一组文档中查找特定的文本、HTML标签和属性，并可以将其替换为其他文本、HTML标签和属性菜单命令【编辑】/【查找和替换…】，打开【查找和替换…】对话框。