设计效果图

现在已经知道该网站每个页面的大概结构，再加上网站的原始素材，接下来就可以着手设计这些页面效果。

使用Photoshop完成这项工作，两个页面的设计效果图如图24.1和图24.2所示，由于本案例不涉及页面设计过程，具体操作就不再展开。页面最终效果确定下来之后，就可以进行网页的CSS代码设计了。