设计网站的六大步骤(下）

    在实际工作中，你也许不能总是从容不迫地先创建文档再考虑它的外观。如果你一定要先进行视觉性网站设计，那么你至少应该考虑到在以后实现文档的表现效果时要如何组装文档。当你在草图中安排页面的内容时，要想想以后要用什么标记代码来实现它。画出一个漂亮的页面图是一回事，而用可访问的、富有意义的XHTML和简洁的CSS把它时间构造出来又是另一回事。在此过程中尽早建立文档的内部结构对后面的工作会有极大的帮助。
    第四步:构思设计方案
    在完成所有规划工作并且创建好文档模版之后，接下来的工作很酷：确定网站的外观。与流程中其他阶段一样，视觉性设计没有什么权威性的、不可更改的方法。在把注意力集中到实际事务上面之前，你可以先从草图、颜色样本、建站方案剪贴薄开始找点一般性的感觉。你往往需要制作出许多设计方案，最后从中挑选中你最喜欢的那种。单单一个设计方案可能就需要反复修改多次，以求逐渐臻于完美。不管采用什么方法，你的最终视觉性设计方案更能说明问题、更切实可行，因为你已经花时间理解文档的内容并且为它提供了坚实而富有意义的结构。如果负责网站的视觉性设计的是其他人，那么你应该把自己花费了许多心血整理出来的指导准则提供给他们，这将有帮助于他们制作出更好的、与项目目标和网站结构吻合的设计方案。
    在Web设计的术语中，实体模型指的是页面设计结果的原尺寸图像，基本上可以说是最终的网站的图像。它可以让设计人员不必把设计方案付诸标记代码和CSS实现就能对实际网站的样式有所了解。你不需要重新构造任何页面就可以对实体模型进行修改。
    第五步:组装网站
    在初步编写好CSS并把它与模版整合起来之后，下一步就是继续构造网站的其余部分。每一个页面都从空白模版开始，在把内容插入页面的过程中，要考虑内容的含义并且使用有效的、语义上恰当的标记代码。在此期间，网站的样式表会进一步得到扩充，为各种类型的内容添加所需要的样式规则。
    第六步:测试
    虽然这个步骤位于最后，但它贯穿了网站制作过程。在创建模版的时候，应该对它进行测试，并对其中的标记代码进行验证。在编写CSS的过程中，添加了新的样式规则后，都应该在浏览器中对网站进行测试。此外还要对样式表进行验证，以确保它们都四正确合适的。你应该在多种浏览器中对网站进行观察，把你能找到的所有浏览器都用上。每种浏览器处理CSS的方式可能都略有不同。但是不要误以为网站应该在每种浏览器中都有完全相同的呈现结果。试图在不同操作系统上和不同浏览器中得到精确到像素的、完全一致的呈现结果只是庸人自扰。实际用户并不会并排打开两个浏览器窗口进行严格的比较。你应该关注如何在大多数主流浏览器中提供相同的体验而不是如何在所有浏览器中得到相同的外观。网站能正常运转吗？它看起来还得体吗？有没有元素尺寸不正确，完全没有对齐或者位置不正确，页面在各种浏览器中的呈现效果总会有些细小的差异，只要它们没有破坏网页设计效果或妨碍使用，你也许不必为它操心。如果你进行了一些调整和校正，应该在多种浏览器中重新对其进行测试，以确保对某种浏览器中的问题的解决方案不会在其他浏览器中带来问题。