遵循
Web 标准的网页设计工作流程(二)
昨天介绍了
网页设计的工作流程概述
，今天开始来看一看具体是如何进行的。
第
1 步要先想清楚这个网站的内容是什么？通过一个网页要传达给访问者什么
信息？这些信息中哪些是最重要的？哪些是相对比较重要的？以及哪些是次要
的。这些信息应该如何组织呢？ 我们可以参考一些网上商店的网站，比如下图
所示的是卓越沿马逊网上商店的首页，读者在研究一些成功网站的时候，不要
仅仅关注这些网站的设计风格和技术细节，更要从更深的角度观察它们，这样
才能更好地掌握核心的东西。例如从图中可以看到，这个页面尽管内容非常多，
——“
” “
”
但简单来说，就分为两大类
分类链接 和 推荐商品链接 。
这样回到我们自己的网站，
比如说，可以确定出需要在
首页展示如下一些信息：
•
网站标题
•
网站标志
•
主导航栏
•
自身介绍和用户帮助的链接
•
账号登录与购物车
•
今日推荐商品（
1
种）
•
最受欢迎商品（
1
种）
•
分类推荐商品（
3
种）
•
搜索框
•
类别菜单
•
特别提示信息
•
版权信息
在理解了网站的基础上，我们开始构建网站的内容结构。现在完全不要管
CSS，而是完全从网页的内容出发，根据上面列出的要点，通过 HTML 搭建出
网页的内容结构。
如下图所示的是搭建的
HTML 在没有使用任何 CSS 设置的情况下，使用浏览器
观察的效果。在图中，左侧使用线条表示了各个项目的构成。实际上图中显示的
就是前面的图在不使用任何
CSS 样式时的表现。