17.2.7 设计关于我们页面
本实例的产品展示页面文件是about.html，具体实现流程如下。
（1）设计顶部导航界面，本步骤和前面17.2.4中的步骤（1）完全一样。
（2）设计中间内容界面，具体实现流程如下所示。
■插入一个名为“contents”的<div>。
■在顶部使用<h3></h3>标记设置信息的标题，在下方使用<p></p>标记对展现对应的详细信息。
具体实现代码如下。
（3）设计底部导航界面，本步骤和前面17.2.4中的步骤（3）完全一样。 执行后的效果如图17-23所示。
注意：我的博客页面blog.html和联系我们页面contact.html的具体实现过程和前面的关于我们页面about.html类似，在此不再进行详细讲解。
图17-23 执行效果
