负数的正分数指数幂:你问我答(23)——遵循Web标准的网页设计工作流程(二) - CSS,Javascrip...
来源:百度文库 编辑:九乡新闻网 时间:2024/03/28 22:59:39
« 你问我答(22)——遵循Web标准的网页设计工作流程(一) | 你问我答(24)——遵循Web标准的网页设计工作流程(三) »
你问我答(23)——遵循Web标准的网页设计工作流程(二)
昨天介绍了网页设计的工作流程概述,今天开始来看一看具体是如何进行的。
第1步要先想清楚这个网站的内容是什么?通过一个网页要传达给访问者什么信息?这些信息中哪些是最重要的?哪些是相对比较重要的?以及哪些是次要的。这些信息应该如何组织呢? 我们可以参考一些网上商店的网站,比如下图所示的是卓越沿马逊网上商店的首页,读者在研究一些成功网站的时候,不要仅仅关注这些网站的设计风格和技术细节,更要从更深的角度观察它们,这样才能更好地掌握核心的东西。例如从图中可以看到,这个页面尽管内容非常多,但简单来说,就分为两大类——“分类链接”和“推荐商品链接”。
这样回到我们自己的网站,比如说,可以确定出需要在首页展示如下一些信息:
- 网站标题
- 网站标志
- 主导航栏
- 自身介绍和用户帮助的链接
- 账号登录与购物车
- 今日推荐商品(1种)
- 最受欢迎商品(1种)
- 分类推荐商品(3种)
- 搜索框
- 类别菜单
- 特别提示信息
- 版权信息
在理解了网站的基础上,我们开始构建网站的内容结构。现在完全不要管CSS,而是完全从网页的内容出发,根据上面列出的要点,通过HTML搭建出网页的内容结构。
如下图所示的是搭建的HTML在没有使用任何CSS设置的情况下,使用浏览器观察的效果。在图中,左侧使用线条表示了各个项目的构成。实际上图中显示的就是前面的图在不使用任何CSS样式时的表现。
提示读者一点,任何一个页面,应该进可能保证在不使用CSS的情况下,依然保持良好结构和可读性。这不仅仅对访问者很有帮助,而且可以有助于你的网站被Google、百度这样的搜索引擎了解和收录,这样对于网站提升访问量可是至关重要的。
好了,今天向介绍到这里,明天继续!
你问我答(23)——遵循Web标准的网页设计工作流程(二) - CSS,Javascrip...
你问我答(24)——遵循Web标准的网页设计工作流程(三) - CSS,Javascrip...
你问我答(25)——遵循Web标准的网页设计工作流程(四) - CSS,Javascrip...
{WEB标准}网页布局和网页空白优化设计
div css网页标准版式布局—div css模板下载
CSS:font-size-网页设计
Web标准基础教程:CSS简写指南
Web 2.0与网页设计 -
网页设计标准尺寸..
DIV+CSS十个常见的错误 - 网页设计 - 源码之家 - 源码学院
20个高品质的 Photoshop 网页设计教程 | 高品质 HTML+CSS 制作服务 ...
网页设计中的标准尺寸/
2011年值得留意的5个Web设计趋向 - 经验技巧 - 网页制作 - 网侠
很多人问的问题:怎样设计网页_网页陶吧_网页设计_天极Yesky
实践DIV+CSS网页布局入门-设计技巧
WEB工程的设计问题
我有我风格——时尚网店"装修"小技巧-网店,Photoshop,软件,专题,网页,网页设计...
出纳工作流程—会计核算岗位各项具体工作流程
成本核算工作流程—会计核算岗位各项具体工作流程
工资福利工作流程—会计核算岗位各项具体工作流程
主管工作流程—会计核算岗位各项具体工作流程
网站设计的思考(8)——网页的色彩
店铺管理制度—工作流程
你问,我答