来自国外博客veerle的一个系列教程，分八个部分讲解一张完整CSS页面的构建过程。虽然它不是每个步骤都解释得非常详细，但是其中提及的很多技巧和经验都很值得初学者借鉴，从界面设计到页面构建，强调了很多细节的设计理念。在翻译的过程中，个人觉得本教程比较薄弱的环节是页面整体布局的搭建，篇幅不是很充分，不过大家仍然可以通过观察源文件进行查漏补缺。

本教程最终效果如下（浏览示例页面）：

本教程素材及页面源代码下载 （备用下载地址：ximicc2.zip）

教程的每个部分都有其侧重点，其中前三节都是关于素材制作与设计的，要求有一定的Photoshop操作基础，我想这也是网页设计必备的基础技能之一。

目录：
CSS混沌初开I：导航菜单素材的设计
CSS混沌初开II：背景图案及配色
CSS混沌初开III：顶部图片视觉修饰
CSS混沌初开IV：页面DIV布局解构
CSS混沌初开V：侧边栏导航菜单的实现
CSS混沌初开VI：正文与图片的混排
CSS混沌初开VII：页脚的构建
CSS混沌初开VII：页脚的构建

英文原文
翻译整理：西米CC
来自：http://www.blueidea.com/tech/web/2008/5893.asp

分类： 网页设计 站长经验 Web开发 交互设计 艺术设计