在我们关于CSS布局与设计的两集视频教程的结尾，我们将把在本教程开头创建的布局作为基础，开始为其添加图形和其他视觉样式，以实现我们预期的效果。
在第二部分中，我们将探讨如何识别所需的基本图形元素。从从原始Photoshop文档中切片图像，到在Photoshop中优化这些图像，再到将图像正确地应用到网页上，本教程将涵盖所有这些内容。
我们首先将Photoshop文档分解为实现设计目标所需的基本图形元素，然后对每个图形元素进行优化。创建完成后，我们将使用一些可能让设计师感到畏惧的多种CSS技术将图形应用到页面中。在本教程结束时，我们将快速制作出一个基本网页，其HTML和CSS代码几乎能完全匹配我们的原始Photoshop设计稿。
请随时下载并查看下方提供的附加文件。
使用的软件：Adobe Photoshop CS2、TextMate
附加文件：CSS_layout.zip
查看教程
本视频教程需要 Flash Player 8 或更高版本。