2.6 综合案例——制作房产网页
下面以制作房产网页效果为例，进行网页的编辑与设计操作，例如在网页中设置跟踪图像、设置网页标题属性以及在浏览器中预览网页的操作方法。
2.6.1 在网页中设置跟踪图像
“跟踪图像”选项可以让设计者在设计页面时插入用作参考的图像文件，下面介绍在网页中设置跟踪图像的操作方法。
素材文件 光盘\素材\第2章\2.6.1\images\1.png
效果文件 无
视频文件 光盘\视频\第2章\2.6.1 在网页中设置跟踪图像.mp4
步骤01 新建一个空白网页文档，展开“属性”面板，单击“页面属性”按钮，弹出“页面属性”对话框，选择“分类”列表框中的“跟踪图像”选项，切换到“跟踪图像”选项卡，如图2-46所示。
步骤02 在“跟踪图像”选项卡中，单击“跟踪图像”选项右侧的“浏览”按钮，弹出“选择图像源文件”对话框，选择相应的图像源文件，如图2-47所示。
图2-46 “跟踪图像”选项卡
图2-47 “选择图像源文件”对话框
步骤03 单击“确定”按钮，即可在网页中添加跟踪图像，设置“透明度”为90％，如图2-48所示。
步骤04 单击“确定”按钮，即可在设计窗口中显示相应图像，如图2-49所示。
图2-48 设置“透明度”为90％
图2-49 显示相应图像
2.6.2 在网页中设置标题属性
在浏览一个网页时，通过浏览器顶端的显示条显示的信息就是网页标题，网页标题是对一个网页的高度概括，一般来说，网站首页的标题就是网站的正式名称，而网站中文章内容页面的标题就是文章的题目，栏目首页的标题通常是栏目名称。
素材文件 上一例效果文件
效果文件 无
视频文件 光盘\视频\第2章\2.6.2 在网页中设置标题属性.mp4
步骤01 切换到“代码”视图，在标签＜title＞与＜/title＞之间输入“房产网页”，如图2-50所示。
步骤02 执行操作后，即可修改网页文档的“标题”，如图2-51所示。
图2-50 输入“房产网页”
图2-51 修改网页文档的“标题”
说明
也可直接在网页文档上方的“标题”文本框中，手动输入网页文档的标题，这样也方便用户快速对标题内容进行修改操作。
2.6.3 设置网页背景颜色效果
下面向读者介绍在“页面属性”对话框中设置网页背景颜色属性的操作方法，希望读者熟练掌握本节介绍的操作内容。
素材文件 上一例效果文件
效果文件 光盘\效果\第2章\2.6.3\index.html
视频文件 光盘\视频\第2章\2.6.3 设置网页背景颜色效果.mp4
步骤01 展开“属性”面板，单击“页面属性”按钮，弹出“页面属性”对话框，在“外观（CSS）”选项卡中，单击“背景颜色”右侧的拾色器按钮，在弹出的拾色器面板中，选择水绿色色块，如图2-52所示。
步骤02 执行操作后，单击“确定”按钮，即可修改网页文档的“背景颜色”，切换到“设计”视图，预览设置网页背景颜色后的效果，如图2-53所示。
图2-52 选择水绿色色块
图2-53 设置网页的背景颜色