网站建设27598.pptVIP

第一节 添加文本和设置文本格式 一、文本元素的添加和编辑 1．将文本添加到文档 ◇直接在“文档”窗口中定位光标键入文本。 ◇从其他应用程序中“拷贝”→“粘贴”文本 对文字部分进行的复制，粘贴，撤消，重复等操作与WORD类同，不在讲述。 2．添加空格和段落 （1）空格的添加：HTML只允许字符之间包含一个空格；若要在文档中添加其他空格，必须添加连续空格。 在“插入”栏中，选择“字符”，然后单击“非换行的空格”图标。 选择“插入”“特殊字符”“不换行空格”。 按 Ctrl+Shift+空格键 （首选） （2）段落的添加：直接按Enter键可添加一个新的段落。 按“Shift+Enter”键可实现段内换行(在Word中称为软回车)。 3．文本格式 文本格式的设置通过属性面板或菜单进行。 （1）属性面板：选中，设置。 （2）文本菜单：选中，执行“文本”菜单中的相应命令设置字体、字号等格式。 文字大小的预设值为3，加减是相对于预设值而言的。 属性面板中设置的颜色，不受Body标签中文本色的限制。 4．编辑字体列表 在设置字体时，还应注意在原始的字体列表中可能没有要使用的字体，可用“编辑字体列表”命令将欲使用的字体添加到字体列表中。 5．创建新列表 类似于WORD中的项目符号与项目编号。 选择一系列段落组成一个列表。 单击属性面板中的“项目列表”或“编号列表”按钮，或选择“文本”“列表”，然后选择所需的列表类型：“项目列表”、“编号列表”或“定义列表”。 另外将插入点置于列表段落中，在属性面板中的项目符号中进行设置。 6．日期、特殊字符、水平线的添加 ①、插入更新日期 选择“插入/日期”。在“插入”栏中，选择“常用”，单击“日期”按钮。 ②、插入水平线 选择“插入／水平线”；在“插入”栏中，选择“常用”，然后单击“水平线”按钮。 修改水平线属性：单击选择水平线→在属性面板上可以设置水平线的粗细、对齐方式及是否有阴影。 在Dreamweaver中，水平线的格式颜色单一，可以用代码方式修改它的颜色。 切换到代码和设计视图方式，选中插入的水平线，在代码窗口中，找到选中的标签hr，在r后输入一个空格，出现该标签的属性列表框，双击color属性，并在调色板中选择合适的颜色。 用代码法改变某标签属性的方法，是DW最具特色的。 ③、插入特殊字符 选择“插入／特殊字符”；在“插入”栏中，选择“字符”类别并选择所需的字符。 如：版权符号等。 二、HTML样式的应用 通过设置HTML样式，可以快速一致地将字体格式应用于文档中的文本。 HTML样式可由单个或多个HTML字体标签属性（如颜色、字体、大小）以及其他格式属性（如粗体或斜体）组成。 1．HTML样式面板 （1）显示“HTML样式”面板 HTML样式有两种类型：“段落样式”和“所选样式”。 可通过“HTML样式”面板第一列中的符号（如a是所选文本样式）来识别它们。 2．创建HTML样式 （1）创建新的HTML样式 在“HTML样式”面板中，单击“新建样式”图标（+）。 （2）基于现有文本创建新的HTML样式 在文档中，选择包含新HTML样式格式的文本。在“HTML样式”面板中，单击右下角的“新建样式”图标（+），出现“定义HTML样式”对话框。在对话框中根据需要编辑相应属性，最后将其保存为一个新的样式。 3．编辑HTML样式的属性 （1）在“HTML样式”面板中，选择一种样式。 （2）右击鼠标从上下文菜单中选择“编辑”，或者双击HTML样式。 （3）在“定义HTML样式”对话框中，查看或修改样式属性。 4．应用HTML样式 选择要应用样式的文本或将光标添加要应用样式的段落。在“HTML样式”面板中，选择一种样式。 5．从“HTML样式”面板中删除样式 在“HTML样式”面板中选择HTML样式，单击面板右下角的“删除样式”图标。 三、层叠样式（CSS）的应用 1．CSS样式概述 层叠样式简称CSS（Cascading Style Sheet技术是一种格式化网页的标准方式），是以HTML为基础的语言，用于定义网页中内容的格式，它扩展了 HTML 的功能，使网页设计者以更有效的方式设置网页格式。其主要特点是，可以独立地为网页中的各种对象定义格式，并可将一种格式用于多个网页。 CSS 样式表中的层叠是指多个 CSS 样式表可以同时应用于同一个页面或网页中的同一元素，浏览器根据 CSS 定义的层叠规则来决定哪一种样式具有最高优先级。 CSS样式共有三种类型： 自定义的CSS样式：是唯一可以应用于文档中的任何文本（与控制文本的标签无关）的 CSS 样式类型。与当前文档关联的所有自定义 (Class) 样式都显示在“CSS 样式”面板的“应用样式”视图中以及文本属性面板的 CSS 模式中