负氢离子:你问我答(25)——遵循Web标准的网页设计工作流程(四) - CSS,Javascrip...

来源：百度文库 编辑：九乡新闻网 时间：2024/04/28 02:34:44
« 你问我答(24)——遵循Web标准的网页设计工作流程(三) | 本站增加查找留言的功能 »

你问我答(25)——遵循Web标准的网页设计工作流程(四)

昨天介绍了原型原型设计和网页方案设计这两个步骤，今天进行下一步工作。

下面应该进行的步骤是页面布局这一步骤，任务是把各种元素放到适当的位置，暂时不用涉及非常细节的因素。

具体来说，首先应该对页面的整体进行一些设置，把个各种浏览器中默认值不同的元素属性都设置为统一的值等等，以保证这些内容在各个浏览器中有相同表现。

接下来就依次对网页的各个部分进行布局设置，入页头、中间部分、页脚等等，此时的主要任务是把位置定好，例如下图中，可以看到，网页中间的内容已经实现了两列布局的效果，而具体的样式细节还没有设置。

在各个部分布局完成以后，就开始对每个部分依次设置视觉细节效果，例如在页面的页头部分，就可以如图下所示地在Fireworks中进行切片，把需要的图像切出来。

在例如，在网页右侧的圆角框，也是在这一步中实现的，如下图所示。

此外还有很多细节都需要仔细设置，例如圆角框中的目录列表、搜索表单等等，这些设置就都是只涉及局部的样式了。从图中可以看到，到这里已经接近胜利了。

好了今天介绍到了这里，明天继续！

你问我答(25)——遵循Web标准的网页设计工作流程(四) - CSS,Javascrip... 你问我答(23)——遵循Web标准的网页设计工作流程(二) - CSS,Javascrip... 你问我答(24)——遵循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)——网页的色彩 店铺管理制度—工作流程 你问，我答