《Dreamweaver 8基础与实例教程》第2章.ppt

《《Dreamweaver 8基础与实例教程》第2章.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第2章设置文字第2章设置文字2.1文字的应用2.2制作一个简单的网页2.3CSS样式2.4应用CSS样式实例2.5插入滚动字幕2.1文字的应用2.1.1文字的输入2.1.2插入水平线2.1.3插入日期2.1.4文字的编辑2.1.1文字的输入1.普通字符普通字符可以直接在页面上输入：用鼠标单击网页编辑窗口中的空白区域，窗口中随即出现闪动的光标，标识输入文字的超始位置。选择适当的输入法即可输入文字。也可以在其他文本编辑软件（例如，在记事本、写字板、Word）中输入后，将其复制，然后在Dreamweaver8.0

2、中选择“编辑”菜单中的“粘贴”命令。也可以把word文件直接导入到编辑窗口，单击“文件”菜单中“导入”选项，在弹出的子菜单中选择“word文档”，打开“导入Word文档”对话框，在对话框中选择要导入的文档，单击“打开”按钮，即可导入文本。2.特殊字符定位光标后，单击“窗口”菜单中的“插入”命令，打开“插入”面板，在面板中的下拉列表中选择“文本”选项，单击其它字符图标下拉按钮，从中选择要插入的特殊字符，如果这里没有，单击“其他字符”命令，此时出现“插入其它字符”对话框，在其中可以选择所需要的字符。也可以单击“

3、插入”菜单中选项“HTML”，在弹出的子菜单中单击“特殊字符”，在“特殊字符”的级联菜单中选择需要插入的特殊字符插入所需要的特殊字符。2.1.2插入水平线在文档编辑区将插入点定位到所需位置，选择“插入”菜单中的“HTML”子菜单下的“水平线”命令或单击“插入”栏中的“HTML”选项卡，在其中单击水平线按钮即可添加水平线。初始绘制的水平线的格式往往不能满足实际需要，此时可通过属性面板对其进行修改。2.1.3插入日期插入日期的方法很简单，首先定位光标，然后单击“常用”插入工具栏中的插入日期图标，或者单击“插入”

4、菜单“日期”选项，打开“插入日期”对话框，如图所示，在对话框中选择合适的格式即可插入当前的日期。2.1.4文字的编辑在Dreamweaver8.0编辑窗口中，单击“窗口”菜单中的“属性”命令可以打开属性面板，然后用鼠标选中要格式化的文本，此时属性面板上显示的就是当前文字的属性。2.2制作一个简单的网页在认识了Dreamweaver之后，接下来我们将利用文字和图片，完成“数学与计算机”系网站主页的内容，学习在Dreamweaver中输入并设置文字格式的基本操作，完成效果如图所示。2.3CSS样式2.3.1创建

5、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）若要创建可作为c

6、lass属性应用于文本范围或文本块的自定义样式，请选择“类”选项，然后在“名称”文本框中输入样式名称。类名称必须以句点开头，并且可以包含任何字母和数字组合（例如，.myhead1）。如果您没有输入开头的句点，Dreamweaver将自动为您输入。（2）若要重定义特定HTML标签的默认格式设置，请选择“标签”选项，然后在“标签”文本框中输入一个HTML标签，或从弹出式菜单中选择一个标签。（3）若要为具体某个标签组合或所有包含特定Id属性的标签定义格式设置，请选择“高级”选项，然后在“选择器”文本框中输入一个或

7、多个HTML标签，或从弹出式菜单中选择一个标签。弹出式菜单中提供的选择器（称作伪类选择器）包括a:active、a:hover、a:link和a:visited。步骤3：选择定义样式的位置：（1）若要创建外部样式表，请选择“新建样式表文件”。（2）若要在当前文档中嵌入样式，请选择“仅对该文档”。步骤4：单击该对话框中的“确定”按钮，即可退出该对话框，弹出“CSS规则定义”对话框。2.3.2将外部样式表导入到当前文档步骤1：在CSS面板上，单击附加样式表按钮，打开“链接外部样式表对话框”，单击对话框中“浏览”

8、按钮，浏览到外部CSS样式表，或者直接在“文件/URL”框中键入该样式表的路径。步骤2：在“添加为”中，选择其中的一个选项：若要创建当前文档和外部样式表之间的链接，请选择“链接”。如果希望导入而不是链接到外部样式表，请选择“导入”。步骤3：在“媒体”弹出式菜单中，指定样式表的目标媒介。步骤4：单击“预览”按钮确认样式表是否将所需的样式应用于当前页面。步骤5：单击“确定”，完成导入操作。2.3.3重新编辑和删除CS