Dreamweaver 8基础与实例教程 马宪敏 第2章新.ppt

第2章 设置文字 第2章 设置文字 2.1 文字的应用 2.2 制作一个简单的网页 2.3 CSS样式 2.4 应用CSS样式实例 2.5插入滚动字幕 2.1 文字的应用 2.1.1 文字的输入 2.1.2 插入水平线 2.1.3 插入日期 2.1.4 文字的编辑 2.1.1 文字的输入 1.普通字符 普通字符可以直接在页面上输入：用鼠标单击网页编辑窗口中的空白区域，窗口中随即出现闪动的光标，标识输入文字的超始位置。选择适当的输入法即可输入文字。也可以在其他文本编辑软件（例如，在记事本、写字板、Word）中输入后，将其复制，然后在Dreamweaver 8.0中选择“编辑”菜单中的“粘贴”命令。 也可以把word文件直接导入到编辑窗口，单击“文件”菜单中“导入”选项，在弹出的子菜单中选择“word文档”，打开“导入Word文档”对话框，在对话框中选择要导入的文档，单击“打开”按钮，即可导入文本。 2.特殊字符 定位光标后，单击“窗口”菜单中的“插入”命令，打开“插入”面板，在面板中的下拉列表中选择“文本”选项，单击其它字符图标下拉按钮，从中选择要插入的特殊字符，如果这里没有，单击“其他字符”命令，此时出现“插入其它字符”对话框，在其中可以选择所需要的字符。也可以单击“插入”菜单中选项“HTML”，在弹出的子菜单中单击“特殊字符”，在“特殊字符”的级联菜单中选择需要插入的特殊字符插入所需要的特殊字符。 2.1.2 插入水平线 在文档编辑区将插入点定位到所需位置，选择“插入”菜单中的“HTML”子菜单下的“水平线”命令或单击“插入”栏中的“HTML”选项卡，在其中单击水平线按钮即可添加水平线。初始绘制的水平线的格式往往不能满足实际需要，此时可通过属性面板对其进行修改。 2.1.3 插入日期 插入日期的方法很简单，首先定位光标，然后单击“常用”插入工具栏中的插入日期图标，或者单击“插入”菜单“日期”选项，打开“插入日期”对话框，如图所示，在对话框中选择合适的格式即可插入当前的日期。 2.1.4 文字的编辑 在Dreamweaver 8.0编辑窗口中，单击“窗口”菜单中的“属性”命令可以打开属性面板，然后用鼠标选中要格式化的文本，此时属性面板上显示的就是当前文字的属性。 2.2 制作一个简单的网页 在认识了Dreamweaver之后，接下来我们将利用文字和图片，完成“数学与计算机”系网站主页的内容，学习在Dreamweaver中输入并设置文字格式的基本操作，完成效果如图所示。 2.3 CSS样式 2.3.1 创建CSS样式 2.3.2 将外部样式表导入到当前文档 2.3.3 重新编辑和删除CSS样式 2.3.4 应用CSS样式 2.3.1 创建CSS样式 步骤1：将插入点放在文档中，然后执行以下操作之一打开“新建CSS规则”对话框。 （1）通过单击“文本”菜单中“CSS样式”子菜单的“新建”命令，打开“新建CSS规则”对话框， （2）使用菜单“窗口”中“CSS样式”打开“设计”面板组中的“CSS样式”面板，单击CSS面板下面的新建CSS规则按钮，打开“新建CSS规则”对话框。 步骤2：定义您要创建的 CSS 样式的类型： （1）若要创建可作为 class 属性应用于文本范围或文本块的自定义样式，请选择“类”选项，然后在“名称”文本框中输入样式名称。 类名称必须以句点开头，并且可以包含任何字母和数字组合（例如，.myhead1）。如果您没有输入开头的句点，Dreamweaver 将自动为您输入。 （2）若要重定义特定 HTML 标签的默认格式设置，请选择“标签”选项，然后在“标签”文本框中输入一个 HTML 标签，或从弹出式菜单中选择一个标签。 （3）若要为具体某个标签组合或所有包含特定 Id 属性的标签定义格式设置，请选择“高级”选项，然后在“选择器”文本框中输入一个或多个 HTML 标签，或从弹出式菜单中选择一个标签。弹出式菜单中提供的选择器（称作伪类选择器）包括 a:active、a:hover、a:link 和 a:visited。 步骤3：选择定义样式的位置： （1）若要创建外部样式表，请选择“新建样式表文件”。 （2）若要在当前文档中嵌入样式，请选择“仅对该文档”。 步骤4：单击该对话框中的“确定”按钮，即可退出该对话框，弹出“CSS规则定义”对话框。 2.3.2 将外部样式表导入到当前文档 步骤1：在CSS面板上，单击附加样式表按钮，打开“链接外部样式表对话框”，单击对话框中“浏览”按钮，浏览到外部 CSS 样式表，或者直接在“文件/URL”框中键入该样式表的路径。 步骤2：在“添加为”中，选择其中的一个选项： 若要创建当前文档和外部样式表之间的链接，请选择“链接”。如果希望导入而不是链