手机
当前位置:查字典教程网 >编程开发基础 >Kompozer 帮助文档 >设置网页格式
设置网页格式
摘要:

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

点击要设置格式的位置,把光标插入点放在其中,或者选中要设置格式的文本。 在格式工具栏中点击下拉列表,选择段落格式: 正文: 使用默认的字体和样式显示正常的文本,在文本的前后没有空白。 段落: 插入一个段落标记(并开始一个新的段落),段落上下方有空白 。 标题 1 - 标题 6: 把段落设置为标题,标题 1 是最高一级标题,标题 6 是最低一级标题。 地址: 可以用来“标识”一个网页,指示页面的作者或联系人,例如: user@example.com 您可能想包括日期和版权声明,这个格式通常出现在页面的底部一条水平线的下面,地址显示为斜体格式。

预格式化: 这通常用于一些元素,例如,代码示例、列数据、邮件消息等您想用固定宽度字体显示的内容。对于普通文本,大多数浏览器会删除多余的空格、制表符和段落回车,但是,使用预格式化样式,则会显示原来的完整空格样式。 设置文本为一个标题:

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

点击要设为标题的行,把光标插入点放在文本内。 打开格式菜单,然后选择列表。 选择列表样式: 符号: 每个项目前面都有一个符号(在这个列表里)。 编号: 项目是排序的。 组 和 自定义: 这两个样式一同工作,创建一个词汇样式。使用组标记定义词,使用自定义标记设定词的描述,组定义的词左对齐,而自定义标记缩进一些。 小提示: 您可以选中一个文本块,然后点击工具栏上的编号样式按钮

或者符号样式按钮

快速设置样式列表。

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

点击想要更改的列表,把光标插入点放在文本内,或者选择一个或多个想要应用新样式的列表项。 点击格式菜单选择列表属性。 在下拉列表中选择符号或编号样式,对于编号列表,您可以指定一个起始值,对于符号列表,您可以改变符号样式。小提示: 您也可以双击一个列表的符号或编号,在出来的属性对话框中修改。

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

点击想要设置对齐的段落或文本,把光标插入点放在段落内。 点击格式菜单选择对齐,然后选择一种对齐方式选项。注意: 您也可以使用格式工具栏中的按钮来设置对齐方式。

[ 返回到开头]

使用列表结束列表继续输入正文:

点击列表结尾,把光标插入点放在列表最后,然后按回车键两次(Mac 系统是 Return 键)结束列表。把一个或多个列表项更改为正文:

点击列表把光标插入点放到列表里,或者选中列表项。 在编号样式列表里,点击格式工具栏上的编号按钮(或者符号列表里点击符号按钮)在列表项下一行,继续输入缩进文本:

点击列表把光标放入列表中或行尾。 按组合键 Shift + 回车键 创建一个悬挂缩进。 继续输入文本内容。 继续按 Shift + 回车键 创建另一个缩进段落,或者按回车键创建下一列表项。小提示: 您可以点击工具栏上的相应按钮,来增加或减少缩进,先要把光标定位到列表项中,另外,按 Tab 键也可以增加一个缩进级别,按 Shift+Tab 减小一个缩进级别。

合并两个相邻的列表:

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

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

选中要更改的文本。 点格式菜单,选择下面的一项菜单: 字体:这个菜单选择字体,如果您想让访问者的浏览器指定,请选择可变宽度或固定宽度。 注意: 不是所有您计算机上的字体都能显示,相反有些特殊的字体,不能在所有访问者的网页中显示,最好的方法就是在菜单里选择一种,可以在各种系统上都能显示的字体。例如, Helvetica, Arial, Times, Courier 字体,在各种计算机上看着基本相同,如果您选择其他字体,浏览者在不同的计算机上,有可能页面看着就不相同。

大小: 这个菜单设定 相对 字体大小,选择增大或减小文本大小(相对于周围的文本)。 文本样式: 这个菜单选择文本的样式,比如斜体、粗体、下划线,或是应用一个结构样式,像代码等。 文本颜色: 这个菜单将从拾色器里选择一个颜色。如果您知道 HTML 十六进制颜色代码,也可以直接输入,或者输入颜色的名称(例如蓝色是"blue")。您可以在这里找到 颜色代码转换。 改变页面背景色:

在页面里点一下鼠标。 点击工具栏上的背景颜色块。 在出来的背景颜色对话框里选择一种颜色。 点确定。小提示: 要快速更改文本颜色为上次使用的颜色,按住 Shift 键点工具栏上的文本颜色按钮。这在您想对两个不同行的文本,使用同一种颜色时很方便。

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

[ 返回到开头]

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

选中此文本。 点格式菜单,然后选删除所有文本样式。 继续输入。接着输入没有样式的文本:

把光标定位到要输入没有样式文本的地方。 点格式菜单,然后选取消文本样式。 继续输入的就是无格式文本了。[ 返回到开头]

查找和替换文本在当前页查找文本:

把光标定位到您想开始搜索的地方。 点编辑菜单,然后选查找和替换,出来一个查找替换对话框。 在“查找”框里输入您想查找的文本,要缩小搜索范围,打勾选中下面的选项: 匹配大小写: 指定搜索内容是区分大小写的。 循环: 指定搜索到页尾后,返回到开头继续搜索。 反向搜索: 指定搜索方向是从光标位置向前搜索。 点击查找下一个开始搜索,当 KompoZer 定位到第一个匹配项时,点查找下一个定位到第二个匹配项。 完成后点关闭结束查找。查找并替换当前页的文本:

把光标定位到您想开始搜索的地方。 点击编辑菜单,然后选择查找和替换,出来一个查找替换对话框。 分别输入您想查找以及要替换的文本。 要缩小搜索范围,打勾选中下面的一个或几个选项: 匹配大小写: 指定搜索内容是区分大小写的。如果您不选中此项,搜索出来的文本包括大写和小写字母。 循环:指定搜索到页尾后,返回到开头继续搜索。 反向搜索:指定搜索方向是从光标位置向前搜索。 点击查找下一个搜索下一个匹配项, KompoZer 选中下一个匹配项文本。 点击替换按钮,替换选中的匹配项。点替换并继续查找,替换选中的文本然后查找下一个匹配项,点全部替换将会替换所有的匹配项文本。 点关闭完成查找替换。[ 返回到开头]

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

把光标定位到您想插入水平线的位置。 点击插入菜单,然后选择水平线。设置水平线属性。您可以自定义水平线的高度、长度、宽度、对齐和阴影。

瞄准水平线双击,就会出来属性对话框。 编辑下面的这些属性: 宽度: 输入宽度并选择 "% 的窗口" 或 "像素",如果您指定的是百分比,当 KompoZer 窗口或者浏览器窗口大小改变时,水平线的宽度也会改变。 高度: 输入一个数指定水平线的高度 (像素)。 3-D 阴影: 选择此项为水平线添加一个立体阴影效果。 对齐: 指定水平线的对齐方式(左、居中、右对齐)。 点击设为默认值,下次添加水平线自动使用这些设置。 要手动编辑水平线的属性,点高级编辑,更多信息请参阅: 高级属性编辑器。小提示: 您可以在查看菜单中选择“HTML 标记”,所有的 HTML 元素显示为黄色小盒子,点击黄色标记,就会选中这个标签里的所有内容,双击标记就会显示 高级属性编辑器 对话框。

[ 返回到开头]

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

把光标定位到您想插入特殊字符的位置。 点击插入菜单,然后选特殊字符和符号,出来一个插入字符对话框。 选择一个字符分类。 如果您选择了大写重音或者小写重音,在字符下拉列表中也会是相应的字符。 (注意: 不是所有的字符具有重音格式。) 选择通用符号插入特殊字符,例如版权符号或分数等。 在字符下拉列表中,选择您想要插入的字符。 点击插入按钮。 您可以继续您的文档(或者在一个邮件编写窗口),而保持这个对话框开着,以方便您下一次插入字符。

点击关闭按钮完成字符插入。[ 返回到开头]

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

把光标定位到您想插入 HTML 代码的位置,或者选中您想编辑的文本,然后点插入菜单,选择 HTML,在插入 HTML 对话框中,输入 HTML 标记和文本,然后点插入按钮。 选择一个元素,比如一个表格、锚点、图片、链接或者水平线,双击这个元素,打开关联的属性对话框,点高级编辑按钮打开高级属性编辑器,您可以使用高级属性编辑器来添加 HTML 属性、JavaScript、CSS。 点查看菜单,然后选择 HTML 源代码,或者点击 KompoZer 窗口底部,编辑模式工具栏里的 <HTML> 源代码标签S(如果您没有看到编辑模式工具栏,点查看菜单选择显示/隐藏,确保编辑模式工具栏是勾选的。)使用高级属性编辑器要给对象添加 HTML 属性和 JavaScript,例如表格、图片和水平线,您可以使用高级属性编辑器。

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

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

点查看菜单(或者编辑模式工具栏),选择 HTML 标记。 双击您想修改的对象,打开属性对话框。 点高级编辑按钮打开对象的高级属性编辑器,高级属性编辑器有三个标签,分别列出了当前对象的不同属性: HTML 属性: 点击此标签查看或输入额外的 HTML 属性。 内联样式: 点击此标签查看或输入额外的 CSS(层叠样式表) <style> 属性。更多 KompoZer 中使用 CSS 样式表的信息,请参阅: KompoZer 首选项。 JavaScript 事件: 点击此标签查看或输入 JavaScript 事件。 要编辑三个标签里的属性,选中您想编辑的属性,然后在对话框底部的文本框中编辑属性的名称和它的值。要添加一个新的属性,只要输入它的名称,在输入它的值后新属性将自动添加到列表中。要删除一个属性,在列表中选中它,然后点删除按钮。 注意: 需要先在列表中选中使它高亮显示。

点确定按钮应用更改,关闭高级属性编辑器。 再点确定按钮退出属性对话框。KompoZer 自动选中标记包含的属性文本。

[ 返回到开头]

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

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

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

验证您文档的 HTML 格式:

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

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

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

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

点击查看菜单,选择显示/隐藏,确保勾选了编辑模式工具栏。编辑模式工具栏有六个标签:

普通: 选择此编辑模式,您将会看到文档在浏览时的外观样式, 显示表格的边框线和锚点标记,而其他的 HTML 标记会隐藏。 HTML 标记: 选择此模式会显示所有 HTML 标记图标。 <HTML> 源代码: 选择此模式查看并编辑没有格式的 HTML 源代码,在您保存文档时,自动回到普通编辑模式。 预览: 选择此模式,显示为在浏览器窗口中查看的效果,只是链接和 JavaScript 功能还不能使用。注意: JavaScript 功能、表单、链接、Java、元标记对象、GIF 动画文件,在任何一个模式里都不能激活,要显示这些项目的激活状态,点常用工具栏上的浏览按钮,在浏览器窗口中查看它们。

[ 返回到开头]

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

选择 点击一个“选择器”将会选中这个标记包含的文本项。 删除标记 点击“删除标记”将会删除样式标记,这个标记的所有样式都被删除。 更改标记 使用此选项,用户可以更改标记使用最近一次的效果,点击“更改标记”标签的文本变为可编辑状态,输入另外的标记然后按回车键,将会给标记应用网页默认的属性. 内联样式,在普通、HTML 标记或预览模式中,光标所在位置的标记显示在状态栏中,通过上下文菜单可以更改样式属性,要更改内联样式属性: 在状态栏的标记上点右键。 选择“内联样式” 选择您想编辑的属性: 文本属性 边框属性 背景属性 盒属性 声音属性 提取并创建普通样式 除了最后一个,点击其他选项将打开 CaScadeS CSS 编辑器(更多 CaScadeS 相关在 使用样式表 章节)。在打开的面板里,用户可以创建自己的样式,这些会保存为符合 W3C CSS 代码的样式。

提取并创建普通样式 选项允许用户提取样式信息,并保存为一个外部/内部样式表。

模板 提供了两个选项,“可编辑”和“可删除区域”,用在模板中。更多相关信息请参阅: 使用模板。 ID 从当前样式表显示 ID 标记(如果可用),要给选中的文本应用一个特定的标记,只要点击那个 ID 标记即可。 类 从当前样式表显示类标记(如果可用),要给选中的文本应用一个类,只要点击那个类标记即可。 高级属性 允许您使用高级属性编辑器,给一个对象添加 HTML 属性和 Javascript,例如表格、图片、链接等等。更多相关信息,请参阅: 高级属性编辑器。[ 返回到开头]

[

上一篇: 创建新页面
精品推荐
分类导航