《Dreamweaver CS5实例教程 第2版 习题答案 作者 管小清 祖宝明 02章》由会员分享，可在线阅读，更多相关《Dreamweaver CS5实例教程 第2版 习题答案 作者 管小清 祖宝明 02章（9页珍藏版）》请在金锄头文库上搜索。
1、 文本与文档 2.4 课堂练习美容精油网页 【练习知识要点】使用“页面属性”命令设置边距和文字大小。使用“首选参数”命令设置允 许多个连续空格效果，如图 2-1 所示。 【效果所在路径】光盘/Ch02/效果/美容精油网页/index.html。 图 2-1 （1）选择“文件 打开”命令，在弹出的对话框中选择“Ch02 素材 美容精油网页 index.html”文件，单击“打开”按钮，效果如图 2-2 所示。 （2）选择“修改 页面属性”命令，在弹出的“页面属性”对话框中进行设置，如图 2-3 所示。 Dreamweaver CS5 中文版实例教程 2 图 2-2 图 2-3 （3）选择“编辑
2、首选参数”命令，在“首选参数”对话框左侧的分类列表中选择“常规” 选项，在右侧的“编辑选项”中选择“允许多个连续的空格”复选框，如图 2-4 所示，单击“确 定”按钮完成设置。将鼠标光标置入到单元格中，如图 2-5 所示。 图 2-4 图 2-5 （4）输入需要的空格，如图 2-6 所示，再次输入需要的文字，效果如图 2-7 所示。 图 2-6 图 2-7 （5）保存文档，按键预览效果，如图 2-8 所示。 第 2 章 文本与文档 3 图 2-8 2.5 课堂练习婚礼策划网页 【练习知识要点】使用“修改”命令设置页面外观、网页标题效果。使用“属性”面板改变文 字的大小。使用“编辑字体列表”命令
3、改变文字的字体。使用“颜色”按钮设置文字颜色。使用 “特殊字符”命令插入版权符号，如图 2-9 所示。 【效果所在路径】光盘/Ch02/效果/婚礼策划网页/index.html。 图 2-9 1. 设置页面属性并添加字体 （1）选择“文件 打开”命令，在弹出的对话框中选择“Ch02 素材 婚礼策划网页 index.html”文件，单击“打开”按钮，效果如图 2-10 所示。 （2）选择“修改 页面属性”命令，弹出“页面属性”对话框，在“分类”选项列表中选 择“标题编码”选项，在“标题”选项文本框中输入“婚礼策划网页” ，如图 2-11 所示。 Dreamweaver CS5 中文版实例教程 4
4、 图 2-10 图 2-11 （3）单击“确定”按钮，效果如图 2-12 所示。在“属性”面板中单击“字体”下拉列表，在 弹出的列表中选择“编辑字体列表”选项，如图 2-13 所示。 图 2-12 图 2-13 （4） 弹出 “编辑字体列表” 对话框， 在 “可用字体” 列表中选择需要的字体， 然后单击按钮， 将其添加到“字体列表”中，如图 2-14 所示，再次单击按钮，如图 2-15 所示，单击“确定” 按钮完成设置。 图 2-14 图 2-15 2. 输入文字并改变其外观 （1）将光标置入到空白单元格中，如图 2-16 所示。输入需要的空格和文字，效果如图 2-17 所示。选择“窗口 CS
5、S 样式”命令，弹出“CSS 样式”面板，单击“新建 CSS 规则”按钮， 在弹出的对话框中进行设置，如图 2-18 所示，单击两次“确定”按钮。 第 2 章 文本与文档 5 （2） 选中输文字， 在 “属性” 面板中的 “目标规则” 选项下拉列表中选择刚刚定义的样式 “.text1” ， 应用样式，将“大小”选项设为 14，文本颜色设为白色，在“字体”下拉列表中选择新添加的字 体，效果如图 2-19 所示。 图 2-16 图 2-17 图 2-18 图 2-19 （3）将光标置入到空白单元格 ，如图 2-20 所示，根据步骤 1 的操作方法在该单元格中输入 文字，效果如图 2-21 所示。
6、（4）选中输入的文字，在“目标规则”选项下拉列表中选择样式“.text1” ，应用样式，效果 如图 2-22 所示。 图 2-20 图 2-21 图 2-22 （5）将光标置入到空白单元格 ，如图 2-23 所示，根据步骤 1 的操作方法在该单元格中输入 文字，效果如图 2-24 所示。 （6）单击“CSS 样式”面板下方的“新建 CSS 规则”按钮，在弹出的对话框中进行设置， 如图 2-25 所示，单击两次“确定”按钮。 Dreamweaver CS5 中文版实例教程 6 图 2-23 图 2-24 图 2-25 （7）选中输入的文字，在“属性”面板中的“目标规则”选项下拉列表中选择样式“.
7、text2” ， 应用样式，将“大小”选项设为 14，文本颜色设为粉色（#FF4286） ，在“字体”下拉列表中选择 新添加的字体，如图 2-26 所示，文字效果如图 2-27 所示。 图 2-26 图 2-27 （8）将光标置入到空白单元格 ，如图 2-28 所示，根据步骤 1 的方法在该单元格中输入文字， 效果如图 2-29 所示。选中输入的文字，在“目标规则”选项下拉列表中选择样式“.text2” ，应用 样式，效果如图 2-30 所示。 图 2-28 图 2-29 图 2-30 （9）选择“文件 保存”命令，保存文档，按键预览效果，如图 2-31 所示。 图 2-31 第 2 章 文本
8、与文档 7 2.6 课后习题美味披萨网页 【习题知识要点】使用“属性”面板改变文字的大小。使用“编辑字体列表”命令改变文字的 字体。使用“颜色”按钮设置文字颜色。使用频谱图标创建调色板中没有的其他颜色，如图 2-32 所示。 【效果所在位置】光盘/Ch02/效果/美味披萨网页/index.html 图 2-32 1. 设置页面属性 （1）选择“文件 打开”命令，在弹出的对话框中选择“Ch02 素材 美味披萨网页 index.html”文件，单击“打开”按钮，如图 2-33 所示。 （2）选择“修改 页面属性”命令，弹出“页面属性”对话框，在“页面属性”对话框左 侧“分类”选项列表中选择“外观”
9、选项， “大小”选项设为 12，将“左边距” 、 “右边距” 、 “上 边距” 、 “下边距”选项均设为 0，如图 2-34 所示。 图 2-33 图 2-34 （3）在“分类”选项列表中选择“标题编码”选项，在“标题”选项文本框中输入“美味 披萨网页” ，如图 2-35 所示，单击“确定”按钮，效果如图 2-36 所示。 Dreamweaver CS5 中文版实例教程 8 图 2-35 图 2-36 2. 改变文字外观 （1）在“属性”面板中，单击“字体”选项右侧的下拉按钮，在弹出的列表中选择“编辑字 体列表”选项，如图 2-37 所示。 （2） 弹出 “编辑字体列表” 对话框， 在 “可用
10、字体” 列表中选择需要的字体， 然后单击按钮， 将其添加到“字体列表”中，再次单击按钮，如图 2-38 所示，单击“确定”按钮完成设置。 图 2-37 图 2-38 （3）选择“窗口 CSS 样式”命令，弹出“CSS 样式”面板，单击“新建 CSS 规则”按钮， 在弹出的对话框中进行设置，如图 2-39 所示，单击两次“确定”按钮。 （4）选择文字“用户帮助” ，如图 2-40 所示。 （5）在“属性”面板的“目标规则”选项下拉列表中选择刚刚定义的样式“.text1” ，应用样 式，将“大小”选项设为 13，文本颜色设为绿色（#a0c942） ，在“字体”下拉列表中选择新添加 的字体，效果如图
11、 2-41 所示。 图 2-39 图 2-40 图 2-41 第 2 章 文本与文档 9 （6）新建 CSS 样式“.text2” ，如图 2-42 所示，单击两次“确定”按钮。选中文字“三重保障 | 退换货服务 | 网站地图” ，如图 2-43 所示。 图 2-42 图 2-43 （7）在“属性”面板的“目标规则”选项下拉列表中选择刚刚定义的样式“.text1” ，应用样 式，将“大小”选项设为 13，文本颜色设为灰色（#a0c942） ，在“字体”下拉列表中选择新添加 的字体，效果如图 2-44 所示。 （8）使用相同方法设置其他文字，保存文档，按键预览效果，如图 2-45 所示。 图 2-44 图 2-45
