《Dreamweaver CS5实例教程 第2版 习题答案 作者 管小清 祖宝明 07章》由会员分享，可在线阅读，更多相关《Dreamweaver CS5实例教程 第2版 习题答案 作者 管小清 祖宝明 07章（5页珍藏版）》请在金锄头文库上搜索。
1、 使用层 7.5 课堂练习无限音乐网页 【练习知识要点】使用“层”和“属性”面板制作阴影文字效果，如图 7-1 所示。 【效果所在位置】光盘/Ch07/效果/无限音乐网页/index.html 图 7-1 1. 绘制层 （1）选择“文件 打开”命令，在弹出的对话框中选择“Ch07 素材 无限音乐网页 index.html”文件，单击“打开”按钮，效果如图 7-2 所示。 （2）单击“插入 布局”面板中的“绘制 AP Div”按钮，在窗口的下方拖曳鼠标绘制出 一个矩形层，如图 7-3 所示。在“属性”面板中，将“左” 、 “上”选项设为 357 px、467px，如图 7-4 所示。 Dream
2、weaver CS5 中文版实例教程 2 图 7-2 图 7-3 图 7-4 （3）将光标置入到层内，按+组合键，如图 7-5 所示，输入字母“进入首页” ， 如图 7-6 所示，创建 CSS 样式“.STYLE2” ，选中文字应用样式，在“属性”面板“字体”选项 下拉列表中选择“方正大宋标简体” ， “大小”选项设为 24， “文本颜色”选项设为黑色，效果如 图 7-7 所示。 图 7-5 图 7-6 图 7-7 2. 拷贝和粘贴层并编辑元素 （1）选择“窗口 AP 元素”命令，弹出“AP 元素”面板，取消“AP 元素”面板中的“防 止重叠”复选框，如图 7-8 所示。 （2）选中层，如图
3、7-9 所示，选择“编辑 拷贝”命令，在页面的空白处单击鼠标，取消对 层的选取状态，如图 7-10 所示，选择“编辑 粘贴”命令， “AP 元素”面板如图 7-11 所示。 图 7-8 图 7-9 第 7 章 使用层和时间轴 3 图 7-10 图 7-11 （3）在“AP 元素”面板中选择第 2 个层，选中文字，在“属性”面板中将“文本颜色”选 项设为灰色（#999999） ，如图 7-12 所示，效果如图 7-13 所示。 图 7-12 图 7-13 （4）在“AP 元素”面板中选择“apDiv2” ，在编辑窗口中按方向键，移动位置，效果如图 7-16 所示。使用相同的方法再次复制一个层，将
4、“属性”面板“上”选项分别设为 469，效果如图 7-17 所示， “AP 元素”面板如图 7-18 所示。 图 7-14 图 7-15 （6）保存文档，按键预览效果，如图 7-16 所示。 图 7-16 Dreamweaver CS5 中文版实例教程 4 7.6 课堂练习家庭汽车网页 【习题知识要点】使用“页面属性”命令设置背景图像。使用层制作图像叠加效果，如图 7-17 所示。 【效果所在位置】光盘/Ch07/效果/家庭汽车网页/index.html 图 7-17 （1）启动 Dreamweaver CS5，新建一个空白文档。新建页面的初始名称是“Untitled-1.html” 。 选择
5、“文件 保存”命令，弹出“另存为”对话框，在“保存在”选项的下拉列表中选择站点目 录保存路径，在“文件名”选项的文本框中输入“index” ，单击“保存”按钮，返回到编辑窗口。 （2）选择“修改 页面属性”命令，弹出“页面属性”对话框，单击“背景图像”右侧的“浏 览”按钮，在弹出的对话框中选择光盘目录下“Ch07 素材 家庭汽车网页 images”文件夹 中的“bg.jpg” ，单击“确定”按钮，其他选项的设置如图 7-18 所示。 （3）单击“确定”按钮，文档窗口中如图 7-19 所示。 图 7-18 图 7-19 （4）单击“插入 布局”面板上的“绘制 AP Div”按钮，在页面中拖动鼠标绘制出一个 矩形层，如图 7-20 所示。按住 Ctrl 键的同时，绘制多个层，效果如图 7-21 所示。 第 7 章 使用层和时间轴 5 图 7-20 图 7-21 （5）将鼠标光标置入到第一个层中，单击“插入 常用”面板中的“图像”按钮，弹出 “选择图像源文件”对话框，选择光盘目录下“Ch07 素材 家庭汽车网页 images”文件夹 中的“img1.png” ，单击“确定”按钮完成图片的插入，效果如图 7-22 所示。 （6）使用相同的方法，在其他层中插入图像，效果如图 7-23 所示。 图 7-22 图 7-23 （7）保存文档，按键，预览效果如图 7-33 所示。 图 7-24
