你问我答(23)——遵循Web标准的网页设计工作流程(二)
昨天介绍了网页设计的工作流程概述，今天开始来看一看具体是如何进行的。
第1步要先想清楚这个网站的内容是什么？通过一个网页要传达给访问者什么信息？这些信息中哪些是最重要的？哪些是相对比较重要的？以及哪些是次要的。这些信息应该如何组织呢？ 我们可以参考一些网上商店的网站，比如下图所示的是卓越沿马逊网上商店的首页，读者在研究一些成功网站的时候，不要仅仅关注这些网站的设计风格和技术细节，更要从更深的角度观察它们，这样才能更好地掌握核心的东西。例如从图中可以看到，这个页面尽管内容非常多，但简单来说，就分为两大类——“分类链接”和“推荐商品链接”。
这样回到我们自己的网站，比如说，可以确定出需要在首页展示如下一些信息：
- 网站标题
- 网站标志
- 主导航栏
- 自身介绍和用户帮助的链接
- 账号登录与购物车
- 今日推荐商品（1种）
- 最受欢迎商品（1种）
- 分类推荐商品（3种）
- 搜索框
- 类别菜单
- 特别提示信息
- 版权信息
在理解了网站的基础上，我们开始构建网站的内容结构。现在完全不要管CSS，而是完全从网页的内容出发，根据上面列出的要点，通过HTML搭建出网页的内容结构。
如下图所示的是搭建的HTML在没有使用任何CSS设置的情况下，使用浏览器观察的效果。在图中，左侧使用线条表示了各个项目的构成。实际上图中显示的就是前面的图在不使用任何CSS样式时的表现。
提示读者一点，任何一个页面，应该进可能保证在不使用CSS的情况下，依然保持良好结构和可读性。这不仅仅对访问者很有帮助，而且可以有助于你的网站被Google、百度这样的搜索引擎了解和收录，这样对于网站提升访问量可是至关重要的。
好了，今天向介绍到这里，明天继续！
5,212
我的记得以前在论坛 听过某位设计师说过 在不用CSS的情况看下网页的样式 是否合理 对SEO有很大的帮助
口水一下
如果CSS用搜索引擎喜欢的单词 比如说 儿童服装 CSS类别选择器名称就用儿童 服装 等系列单词 排名会很高 。。
今天就到这里 明天继续啊 ：D
小渔，
这个未必吧，更何况你总不能用中文做CSS选择器的名字吧？总之我不太看重SEO这些说法，就像我不相信中医一样。大原则，可以听一听，注意一下。可能确实有用，但是真生病了，不能靠他。
多看看Google发布的正式文档，别去听信所谓的SEO秘籍。
看来你不了解中医……
不相信中医？中医怎么可以不信啊！支持中医！
[…] 遵循Web标准的网页设计工作流程(二) […]
哈哈,又学到不少,期待下面的教程…
iamzhongshi，
好啊，欢迎您看完后来交流！