你问我答(25)——遵循Web标准的网页设计工作流程(四)
昨天介绍了原型原型设计和网页方案设计这两个步骤，今天进行下一步工作。
下面应该进行的步骤是页面布局这一步骤，任务是把各种元素放到适当的位置，暂时不用涉及非常细节的因素。
具体来说，首先应该对页面的整体进行一些设置，把个各种浏览器中默认值不同的元素属性都设置为统一的值等等，以保证这些内容在各个浏览器中有相同表现。
接下来就依次对网页的各个部分进行布局设置，入页头、中间部分、页脚等等，此时的主要任务是把位置定好，例如下图中，可以看到，网页中间的内容已经实现了两列布局的效果，而具体的样式细节还没有设置。
在各个部分布局完成以后，就开始对每个部分依次设置视觉细节效果，例如在页面的页头部分，就可以如图下所示地在Fireworks中进行切片，把需要的图像切出来。
在例如，在网页右侧的圆角框，也是在这一步中实现的，如下图所示。
此外还有很多细节都需要仔细设置，例如圆角框中的目录列表、搜索表单等等，这些设置就都是只涉及局部的样式了。从图中可以看到，到这里已经接近胜利了。
好了今天介绍到了这里，明天继续！
4,444
[…] 遵循Web标准的网页设计工作流程(四) […]
老师，能公布这个例子的代码吗？
kodak，
过几天我重新做一个类似的例子发布出来吧，这个例子用在了一本书里了，放出来不太好。
在哪本书里呢？
kodak，
还没出来，预计大约今年6月份能够面市，书名还没有确定，内容是从零开始，从HTML讲到CSS，HTML大约占1/3篇幅，CSS站2/3。这个案例是这本书的最后一章，是一个综合实例。
老师你好!
我乡请教你一个问题,就是我的个人http://woderen.qyun.net的文章详细页里面,用的是CSS布局,但动态内容用的是表格显示.其他都是CSS设计.我这里有个这样的问题.就是当我在文章详细页面中点击上面的导航连接时.下面的部分文章内容不能够显示出来.页面的高度缩短了.但是我一开始进去浏览的时候还是正常的.文章能够全部显示.这是为什么?请老师指导!麻烦老师你可以到我的页面上看看!
shaoyou，
谢谢你的信任。
你的网页内容已经很多了，我无法一眼看出你的问题原因，要找出原因必须一点一点分析代码。
给你三个建议吧：
1：你的网页在Firefox下完全乱了，建议做好网页以后，在Firefox、IE6和IE7下测试，保证这三个浏览器可以正确显示。
2：关于如何诊断和调试网页中出现的问题，您可以参考我们写的下面这两篇文章：
http://learning.artech.cn/20080129.css-debug-skills.html
http://learning.artech.cn/20071119.css-browser-debug.html
3：你的网站页面之间似乎风格差距很大，这样不利于访问了解你的网站结构，和你希望传达给访问者的信息，建议你看一本书《Don’t make me think》，一个美国人写的书，也许会对你有所帮助。
谢谢老师啊!
我会的.我一直是在IE6中调试的,当时我考虑到firefox在中国用的人还是很少的,再说浏览器调试问题是很头痛的事,至少对我来说是这样!还有就是时间太少了.这个网站就弄了半个星期.最近想完全弄成真正的DIV+CSS的版本.
老师你们的教程做的太好了!是我见过质量上过硬的教程.希望老师继续努力!推动中国CSS的发展!
不客气！
半个星期能做成这样很厉害了！