作者：ximicc 时间： 2008-06-18 文档类型：翻译 来自：蓝色理想
第 1 页 CSS布局实战系列:混沌初开 第 2 页 导航菜单素材的设计 第 3 页 顶部图片视觉修饰 第 4 页 顶部图片视觉修饰 第 5 页 侧边栏导航菜单的实现 第 6 页 页面DIV布局解构 第 7 页 正文与图片的混排 第 8 页 页脚的构建 第 9 页 侧边栏友情链接
原文博客：veerle
翻译整理：西米CC
来自国外博客veerle的一个系列教程，分八个部分讲解一张完整CSS页面的构建过程。虽然它不是每个步骤都解释得非常详细，但是其中提及的很多技巧和经验都很值得初学者借鉴，从界面设计到页面构建，强调了很多细节的设计理念。在翻译的过程中，个人觉得本教程比较薄弱的环节是页面整体布局的搭建，篇幅不是很充分，不过大家仍然可以通过观察源文件进行查漏补缺。
本教程最终效果如下（浏览示例页面）：
本教程素材及页面源代码下载
教程的每个部分都有其侧重点，其中前三节都是关于素材制作与设计的，要求有一定的Photoshop操作基础，我想这也是网页设计必备的基础技能之一。
英文原文
出处：蓝色理想 责任编辑：bluehearts
上一页 下一页 导航菜单素材的设计
◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。
蓝色理想版权申明：除部分特别声明不要转载，或者授权我站独家播发的文章外，大家可以自由转载我站点的原创文章，但原作者和来自我站的链接必须保留（非我站原创的，按照原来自一节，自行链接）。文章版权归我站和作者共有。
转载要求：转载之图片、文件，链接请不要盗链到本站，且不准打上各自站点的水印，亦不能抹去我站点水印。
特别注意：本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有，文章若有侵犯作者版权，请与我们联系，我们将立即删除修改。
本文总共有 9 条评论，现在显示最新的 5 条。评分：- llllllllllllllllllll + 评分人数: 6 ,平均分: 5.00
查看全部评论
第 1 页 CSS布局实战系列:混沌初开
第 2 页 
