在这一章里: 开始一个新页面 设置网页格式 使用样式表设置页面样式 给页面添加表格 给页面添加图片 在页面中使用目录表 使用模板 设置页面属性 在 KompoZer 中创建超链接 定制 KompoZer

设置网页格式

译者:TeliuTe 来源:基础教程网

设置段落、标题、列表格式

要在 KompoZer 中给段落、标题、列表应用格式,请按以下操作:

  1. 点击要设置格式的位置,把光标插入点放在其中,或者选中要设置格式的文本。
  2. 在格式工具栏中点击下拉列表,选择段落格式:

设置文本为一个标题:

  1. 点击要设为标题的文本,把光标插入点放在文本内。
  2. 点击格式工具栏上的下拉列表,选择您想设置的标题级别,从1(最大)到6(最小)。选择“标题1”用于您的主标题,“标题2”用于下一级标题,依此类推。

给列表项应用格式:

  1. 点击要设为标题的行,把光标插入点放在文本内。
  2. 打开格式菜单,然后选择列表。
  3. 选择列表样式:

小提示: 您可以选中一个文本块,然后点击工具栏上的编号样式按钮 或者符号样式按钮 快速设置样式列表。

更改符号样式或编号样式:

  1. 点击想要更改的列表,把光标插入点放在文本内,或者选择一个或多个想要应用新样式的列表项。
  2. 点击格式菜单选择列表属性。
  3. 在下拉列表中选择符号或编号样式,对于编号列表,您可以指定一个起始值,对于符号列表,您可以改变符号样式。

小提示: 您也可以双击一个列表的符号或编号,在出来的属性对话框中修改。

给页面里的一个段落或文本设置对齐方式,例如,居中、左对齐、右对齐:

  1. 点击想要设置对齐的段落或文本,把光标插入点放在段落内。
  2. 点击格式菜单选择对齐,然后选择一种对齐方式选项。

注意: 您也可以使用格式工具栏中的按钮来设置对齐方式。

[ 返回到开头 ]

使用列表

结束列表继续输入正文:

把一个或多个列表项更改为正文:

  1. 点击列表把光标插入点放到列表里,或者选中列表项。
  2. 在编号样式列表里,点击格式工具栏上的编号按钮(或者符号列表里点击符号按钮)

在列表项下一行,继续输入缩进文本:

  1. 点击列表把光标放入列表中或行尾。
  2. 按组合键 Shift + 回车键 创建一个悬挂缩进。
  3. 继续输入文本内容。
  4. 继续按 Shift + 回车键 创建另一个缩进段落,或者按回车键创建下一列表项。

小提示: 您可以点击工具栏上的相应按钮,来增加或减少缩进,先要把光标定位到列表项中,另外,按 Tab 键也可以增加一个缩进级别,按 Shift+Tab 减小一个缩进级别。

合并两个相邻的列表:

  1. 选中两个列表,确保选中了所有列表项,注意在这两个列表之间的文本也会被合并进来。
  2. 点击工具栏上的符号列表或编号列表按钮,从而合并两个列表。

[ 返回到开头 ]

更改文本颜色、样式、字体。

改变选中文本的样式、颜色、字体:

  1. 选中要更改的文本。
  2. 点格式菜单,选择下面的一项菜单:

改变页面背景色:

  1. 在页面里点一下鼠标。
  2. 点击工具栏上的背景颜色块。
  3. 在出来的背景颜色对话框里选择一种颜色。
  4. 点确定。

小提示: 要快速更改文本颜色为上次使用的颜色,按住 Shift 键点工具栏上的文本颜色按钮。这在您想对两个不同行的文本,使用同一种颜色时很方便。

您也可以使用一幅图片作为背景,请参阅: 设置页面颜色和背景

[ 返回到开头 ]

删除或取消文本样式

要删除选中文本的所有样式(粗体、斜体等等):

  1. 选中此文本。
  2. 点格式菜单,然后选删除所有文本样式。
  3. 继续输入。

接着输入没有样式的文本:

  1. 把光标定位到要输入没有样式文本的地方。
  2. 点格式菜单,然后选取消文本样式。
  3. 继续输入的就是无格式文本了。

[ 返回到开头 ]

查找和替换文本

在当前页查找文本:

  1. 把光标定位到您想开始搜索的地方。
  2. 点编辑菜单,然后选查找和替换,出来一个查找替换对话框。
  3. 在“查找”框里输入您想查找的文本,要缩小搜索范围,打勾选中下面的选项:
  4. 点击查找下一个开始搜索,当 KompoZer 定位到第一个匹配项时,点查找下一个定位到第二个匹配项。
  5. 完成后点关闭结束查找。

查找并替换当前页的文本:

  1. 把光标定位到您想开始搜索的地方。
  2. 点击编辑菜单,然后选择查找和替换,出来一个查找替换对话框。
  3. 分别输入您想查找以及要替换的文本。
  4. 要缩小搜索范围,打勾选中下面的一个或几个选项:
  5. 点击查找下一个搜索下一个匹配项, KompoZer 选中下一个匹配项文本。
  6. 点击替换按钮,替换选中的匹配项。点替换并继续查找,替换选中的文本然后查找下一个匹配项,点全部替换将会替换所有的匹配项文本。
  7. 点关闭完成查找替换。

[ 返回到开头 ]

插入水平线

水平线是文档中典型的一种分割章节的元素。要在文档中插入一条水平线(也称为标尺),在 KompoZer 窗口中如下操作:

  1. 把光标定位到您想插入水平线的位置。
  2. 点击插入菜单,然后选择水平线。

设置水平线属性。

您可以自定义水平线的高度、长度、宽度、对齐和阴影。

  1. 瞄准水平线双击,就会出来属性对话框。
  2. 编辑下面的这些属性:
  3. 点击设为默认值,下次添加水平线自动使用这些设置。
  4. 要手动编辑水平线的属性,点高级编辑,更多信息请参阅: 高级属性编辑器

小提示: 您可以在查看菜单中选择“HTML 标记”,所有的 HTML 元素显示为黄色小盒子,点击黄色标记,就会选中这个标签里的所有内容,双击标记就会显示 高级属性编辑器 对话框。

[ 返回到开头 ]

插入特殊字符

要插入特殊字符比如重音符号,版权符号或者货币符号:

  1. 把光标定位到您想插入特殊字符的位置。
  2. 点击插入菜单,然后选特殊字符和符号,出来一个插入字符对话框。
  3. 选择一个字符分类。
  4. 在字符下拉列表中,选择您想要插入的字符。
  5. 点击插入按钮。

    您可以继续您的文档(或者在一个邮件编写窗口),而保持这个对话框开着,以方便您下一次插入字符。

  6. 点击关闭按钮完成字符插入。

[ 返回到开头 ]

插入 HTML 元素和属性

如果您不太明白如何在 HTML 源代码方式下操作,您可以在页面插入额外的标记、样式属性和 JavaScript。如果您不确定如何使用 HTML 源代码,最好是别动它,要使用 HTML 源代码,可以使用下面的一种方法:

使用高级属性编辑器

要给对象添加 HTML 属性和 JavaScript,例如表格、图片和水平线,您可以使用高级属性编辑器。

注意: 除非您非常清楚如何添加、删除、修改 HTML 属性和它们相关的值,否则请最好别动它们。

如果你正在查看高级属性编辑器,请按照下面的步骤操作:

  1. 点查看菜单(或者编辑模式工具栏),选择 HTML 标记。
  2. 双击您想修改的对象,打开属性对话框。
  3. 点高级编辑按钮打开对象的高级属性编辑器,高级属性编辑器有三个标签,分别列出了当前对象的不同属性:
  4. 要编辑三个标签里的属性,选中您想编辑的属性,然后在对话框底部的文本框中编辑属性的名称和它的值。要添加一个新的属性,只要输入它的名称,在输入它的值后新属性将自动添加到列表中。要删除一个属性,在列表中选中它,然后点删除按钮。

    注意: 需要先在列表中选中使它高亮显示。

  5. 点确定按钮应用更改,关闭高级属性编辑器。
  6. 再点确定按钮退出属性对话框。

KompoZer 自动选中标记包含的属性文本。

[ 返回到开头 ]

验证 HTML

在您上传您的文档之前(例如发布它),一个好的经验是先检查一下文档的 HTML 格式 以确保它与网站标准相一致,文档不符合 HTML 标准容易造成不同的浏览器出现错误。只是 用您喜欢的浏览器检查网页外观,不能确保其他浏览器也能正确显示。

KompoZer 提供了一个方便的方法让您检查文档是否符合W3C(World Wide Web 规范) HTML标准。KompoZer 使用 W3C HTML 验证服务,可以检查文档的 HTML 格式是否符合 HTML 4.01 标准。这个服务还提供如何纠正错误的信息。

注意: 您需要连接到互联网才能使用这个特性。

验证您文档的 HTML 格式:

  1. 点工具菜单,然后选择验证 HTML,如果您还没有保存更改,KompoZer 会要求您操作前先保存文档。
  2. KompoZer 将打开另一个窗口,当 W3C 验证服务程序分析完您的文件后,会显示验证结果在这里。

[ 返回到开头 ]

选择正确的编辑模式

一般地,您不需要更改标记默认的普通编辑模式,当然,如果您需要编辑 HTML 源代码, 您可能想更改编辑模式。

KompoZer 允许您在四个编辑模式或视图之间快速切换,每一种模式都允许您 继续编辑文档,但是显示不同的 HTML 标记(和标记图标)。

在您选择一种编辑模式前:

编辑模式工具栏有六个标签:

注意: JavaScript 功能、表单、链接、Java、元标记对象、GIF 动画文件,在任何一个模式里都不能激活,要显示这些项目的激活状态,点常用工具栏上的浏览按钮,在浏览器窗口中查看它们。

[ 返回到开头 ]

使用状态栏设置网页格式

KompoZer 有一个新特性,通过状态栏给选中的文本编辑和应用类或 id 内联样式。 除了使用 <HTML> 源代码 模式外,状态栏也可以编辑全部的样式。

[ 返回到开头]

[返回目录] [上一页] [下一页]

TeliuTe, 2009年6月22日

© 2004-2009 Nvu, KompoZer 帮助文档项目贡献者,版权所有。