Dreamweaver/设置段落格式和文档结构
关于设置文本格式[ ]
Dreamweaver 中的文本格式设置与使用标准字处理程序类似。您可以为文本块设置默认格式设置样式(段落、标题 1、标题 2 等)、更改所选文本的字体、大小、颜色和对齐方式,或者应用文本样式(如粗体、斜体、代码(等宽字体)和下划线)。
默认情况下,Dreamweaver 使用层叠样式表 (CSS) 设置文本格式。CSS 使 Web 设计人员和开发人员能更好地控制 Web 页设计,同时改进功能以提供辅助功能并减小文件大小。当您使用 Dreamweaver 的格式设置命令设置文本格式和对齐文本时,CSS 规则将嵌入到当前文档中。这使您可以更轻松地重用现有样式,以及命名您创建的样式。CSS 正逐渐成为设置文本格式和 Web 页面布局的首选方法。
如果愿意,您可以使用 HTML 标记标签在 Web 页面中设置文本格式和对齐方式。如果需要使用 HTML 标签而不是 CSS,则必须更改 Dreamweaver 的默认文本格式设置首选参数。
使用 CSS 是一种能控制 Web 页面样式而不损坏其结构的方式。通过将可视化设计元素(字体、颜色、边距等)与 Web 页面的结构逻辑分离,CSS 为 Web 设计人员提供了可视化控制和版式控制,而不牺牲内容的完整性。此外,在单独的代码块中定义版式设计和页面布局 - 无需对图像地图、font 标签、表格和 GIF 间隔图像重新排序 - 从而加快下载速度,简化站点维护,并能集中控制多个 Web 页面的设计属性。
CSS 为特定类中的所有文本定义格式设置,或者为特定 HTML 标签(如 h1、h2、p 或 li)重新定义格式设置。
您可以将使用 CSS 创建的样式直接存储在文档中(当您使用属性检查器设置文本格式时,这是默认设置),如果要获得更多功能和灵活性,也可以将样式存储在外部样式表中。如果将某一外部样式表附加到多个 Web 页面,则所有这些页面都会自动反映对该样式表所做的任何更改。若要访问页面的所有 CSS 规则,请使用“CSS 样式”面板(“窗口”>“CSS 样式”)。
注意: 您可以在同一页面中组合使用 CSS 和 HTML 3.2 格式。格式按不同的等级应用:HTML 3.2 格式将覆盖外部 CSS 样式表所应用的格式,而嵌入在文档中的 CSS 将覆盖外部 CSS 样式。
设置段落格式[ ]
使用“属性”检查器中的“格式”弹出式菜单或“文本”>“段落格式”子菜单可以应用标准段落和标题标签。
若要应用段落或标题标签,请执行以下操作:
- 将插入点放在段落中,或者选择段落中的一些文本。
- 使用“文本”>“段落格式”子菜单或“属性”检查器中的“格式”弹出式菜单,选择一个选项:
- 选择段落格式(例如,“标题 1”、“标题 2”、“已编排格式”等)。与所选样式关联的 HTML 标签(例如,表示“标题 1”的 h1、表示“标题 2”的 h2、表示“已编排格式”文本的 pre 等)即应用于整个段落。
- 选择“无”删除段落格式。
对段落应用标题标签时,Dreamweaver 自动添加下一行文本作为标准段落。若要更改此设置,请选择“编辑”>“首选参数”(Windows) 或“Dreamweaver”>“首选参数”(Macintosh);然后在“常规”类别中的“编辑选项”下确保取消选择“标题后切换到普通段落”。
对齐文本[ ]
使用“属性”检查器或“文本”>“对齐”子菜单可以对齐页面上的文本。使用“文本”>“对齐”>“居中对齐”命令可以将页面元素居中对齐。 若要对齐文本,请执行以下操作:
- 选择要对齐的文本,或者只需将指针插入到文本开头。
- 单击“属性”检查器中的对齐选项(“左对齐”、“右对齐”或“居中对齐”),或者选择“文本”>“对齐”,然后选择对齐命令。
若要将元素居中对齐,请执行以下操作:
- 选择要居中对齐的元素(图像、插件、表格或其他页面元素)。
- 选择“文本”>“对齐”>“居中对齐”。 注意: 可以对齐和居中对
缩进文本[ ]
使用“缩进”命令可以将 blockquote HTML 标签应用于文本段落,缩进页面两侧的文本。 若要缩进文本和取消缩进,请执行以下操作:
- 将插入点放在要缩进的段落中。
- 单击“属性”检查器中的“缩进”或“凸出”按钮,选择“文本”>“缩进”或“凸出”,或从上下文菜单中选择“列表”>“缩进”或“凸出”。
注意: 可以对段落应用多重缩进。每选择一次该命令,文本就从文档的两侧进一步缩进。
添加段落间距[ ]
Dreamweaver 的工作机制与许多字处理应用程序类似:按 Enter 键 (Windows) 或 Return 键 (Macintosh) 可以创建一个新段落。Web 浏览器在段落之间自动插入一个空白空格行。通过插入一个换行符,可以在段落之间添加一个空格行。
若要添加段落换行,请执行以下操作:
- 按 Enter 键 (Windows) 或 Return 键 (Macintosh)。
若要添加换行符,请执行下列操作之一:
- 按 Shift+Enter 键 (Windows) 或 Shift+Return 键 (Macintosh)。
- 在“插入”栏中的“文本”类别中,选择“字符”,然后单击“换行符”图标。
- 选择“插入”>“HTML”>“特殊字符”>“换行符”。
使用水平线[ ]
水平线对于组织信息很有用。在页面上,可以使用一条或多条水平线以可视方式分隔文本和对象。 若要创建水平线,请执行以下操作:
- 在“文档”窗口中,将插入点放在要插入水平线的位置。
- 执行下列操作之一:
- 选择“插入”>“HTML”>“水平线”。
- 在“插入”栏的“HTML”类别中,单击“水平线”按钮。
若要修改水平线,请执行以下操作:
- 在“文档”窗口中,选择水平线。
- 选择“窗口”>“属性”打开“属性”检查器,然后根据需要对属性进行修改:
宽和高以像素为单位或以页面尺寸百分比的形式指定水平线的宽度和高度。
对齐指定水平线的对齐方式(“默认”、“左对齐”、“居中对齐”或“右对齐”)。仅当水平线的宽度小于浏览器窗口的宽度时,该设置才适用。
阴影指定绘制水平线时是否带阴影。取消选择此选项将使用纯色绘制水平线。
创建项目列表和编号列表[ ]
在“文档”窗口中键入时,可以用现有文本或新文本创建编号(排序)列表、项目符号(不排序)列表和定义列表。
定义列表不使用项目符号点或数字这样的前导字符,通常用在词汇表或说明中。列表还可以嵌套。嵌套列表是包含其他列表的列表。例如,您可能希望编号或项目列表嵌套在其他编号列表中。
若要创建新列表,请执行以下操作:
- 在 Dreamweaver 文档中,将插入点放在要添加列表的位置,然后执行下列操作之一:
- 单击“属性”检查器中的“项目列表”或“编号列表”按钮
- 选择“文本”>“列表”,然后选择所需的列表类型:“项目列表”、“编号列表”或“定义列表”。 指定列表项目的前导字符出现在“文档”窗口中。
- 键入列表项目文本,然后按 Enter 键 (Windows) 或 Return 键 (Macintosh) 创建其他列表项目。
- 若要完成列表,请按两次 Enter 键 (Windows) 或按两次 Return 键 (Macintosh)。
若要使用现有文本创建列表,请执行以下操作:
- 选择一系列段落组成一个列表。
- 单击“属性”检查器中的“项目列表”或“编号列表”按钮,或选择“文本”>“列表”,然后选择所需的列表类型:“项目列表”、“编号列表”或“定义列表”。
若要创建嵌套列表,请执行以下操作:
- 选择要嵌套的列表项目。
- 单击“属性”检查器中的“缩进”按钮,或选择“文本”>“缩进”。 Dreamweaver 缩进文本并创建一个单独的列表,该列表具有原始列表的 HTML 属性。
- 按照上面使用的同一过程,对缩进的文本应用新的列表类型或样式。
参考来源[ ]
Dreamweaver使用手册导航 | ||||||
---|---|---|---|---|---|---|
|