HeadFirst Web设计之前期制作1(把书中的重点搬运过来)

组织网站
首先要有一个清晰地导航分类！先分好类，然后把所拥有的信息按类别划分到不同块的下面(第一层的下面)，分类是注意，名称越短越简洁越好；从用户的角度考虑分类的准确性.

信息架构(Information Architecture)

只是一种手段，用于组织已经分成组的内容，思考导航或分类有时会让我们过度涉入网站外观的问题。只有信息架构第一层是不够的，总标题也是不可缺少的，这能让你知道你处理的网站对象。

用于信息架构的很好的方法(卡片分类法)：

一叠卡片+一支笔+干净的桌子或地板+关于网站的全部构想=一个成功的卡片分类！给每张卡片上写上标题和简明的描述，为你以及客户希望放在网站上的每段内容创建一张新卡片，写下所有事物(因为有些卡片上的内容可能成为独立的内容块，有些可能成为目录标题)。

分类完以后，会有这样一种情况，有一部分卡片无家可归，姑且称之为孤儿卡片，孤儿卡片可以分为两种，一种是无法属于任何一组但是对于网站而言必不可少，这种卡片就得单独给其一个分组；另一种孤儿卡片是无法归于任何一组但是也无法为其创建新的分组，对于这类卡片一般处理方式是，改变内容让其归于某一组(通常不会成功)，或者接受它不合适的事实果断丢弃。在此过程中，你还可以找朋友帮忙分类卡片，然后看看他们的意见。

最后，考虑过朋友和自己的卡片分类后，我们可以得到一个最终的结论，此时在纸上画出IA图(相当于画在纸上的卡片分类)，注意按重要性的原则来排列标题的顺序。至此，制作最终定稿。！！！IA图并非只是网页间的链接，如果把重点放在链接上，只会越来越乱。我们可以借助Visio画出流程图来创建整洁专业的IA图。

IA图的制作过程中亦会有些许的变动，重点在于层与层之间表现清楚。另外，第一层下面的块还能进行分类加上合适的标题，目标是清晰明了！

从前期制作转向实际制作
现在我们已经有了组织良好的IA，客户同意的分镜表，以及网站目标的清楚方向。所以，接下来建立Mark的网站的结构(根文件夹-子目录-子文件夹...)，开始写代码！

从前期制作到实际制作完整流程
1.收集所有内容；2.头脑风暴，找出主题与视觉隐喻；3.开发视觉隐喻并思考布局；4.建立分镜表；5.进行卡片分类并创建IA图；6.为内容加上标记，并以css制作样式。