创建内容区
从下载图标的网站下载一个”房子”的图标,放置在左边产品盒下方。

选择”矩形选框工具”,在主内容下方创建矩形选区。

给此矩形填充颜色#1e1e1e,然后设置如下图层样式:
内阴影

描边

最后在矩形内添加一张图片示例,并留出10px的边框。

创建Footer
在画布剩下的空间里创建一个矩形选区,以颜色#1e1e1e进行填充,然后添加如下图层样式:
内阴影

描边

在底部区域添加你想添的内容。

最终效果图

进入论坛参与讨论和交作业:http://www.missyuan.com/viewthread.php?tid=447939