CSS布局实战系列:混沌初开 - 网页制作 - 蓝色理想

来源：百度文库 编辑：神马文学网 时间：2024/05/23 18:27:41

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

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

本教程素材及页面源代码下载

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

CSS布局实战系列:混沌初开 - 网页制作 - 蓝色理想 CSS布局实战系列:混沌初开2 - 网页制作 - 蓝色理想 CSS网页制作布局实例教程 Div CSS布局入门教程 - 网站建设 - 蓝色理想 2006年50佳css布局站点欣赏 - 佳作欣赏 - 蓝色理想 网页制作之网页布局 div+css网页标准版式布局 至CSS新手：CSS网页布局的常用规范 网页一屏有多大？ - 设计理论 - 蓝色理想 网页制作学习：div+css命名参考 9则css网页制作技巧 CSS 、js、 各种网页、特效制作生成器（CSS Generator） CSS网页布局：绝对定位和相对定位 CSS设计制作长度高度不一样的网页区块-div css-网页制作大宝库 CSS圆2角边框纯CSS制作-CSS布局实例-模板无忧 蓝色理想开色调列表 Css布局 Dreamweaver网页制作教程：窗口布局 网页布局中CSS样式无效的十个重要原因 _ CSS教程 表单制作-用CSS来美化表单 - CSS - 网页设计 - 金麦网络(www.kingmx... DIV+CSS制作网页之如何设置z-index|DIV/CSS HTML结构化：DIV＋CSS网页布局入门指南->中国数字艺术在线 HTML结构化：DIV＋CSS网页布局入门指南->中国数字艺术在线 CSS网页布局实例：div高度随窗口变化而变化