Web前端——静态页面制作_web前端页面制作

Web前端——静态页面制作由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“web前端页面制作”。

静态页面制作（排版）

通过在伽然这段时间工作经历的总结，发现前端排版工作中存在下问题：

1.缺乏高端技术人才； 2.缺乏开发标准； 3.代码复用性低； 4.技术风险难于把控； 归结以上问题原因：

1.所掌握的知识与项目实际所需的不匹配； 2.知识面狭窄； 3.动手能力差； 4.逻辑思维不缜密；

这是一个恶性循环，无型中增加了研发成本。

对于这样的现状经过思考，在这里阐述一下自己的想法，大家共同去考量研究一下：分工明确精细，责任到人。大致分为这样几个步骤： 1.阅读设计稿

a)纵观设计稿。迅速阅读设计稿，脑子里迅速形成整个网站展示出来的效果。b)逐个审查。仔细检查设计稿，记录所有设计问题、效果质疑。c)提交确认阅读结果。2.分析/拆分页面

a)整理设计稿，做到一一详尽。b)提出设计稿中共通点。

字体、大小、颜色 按钮样式 边框粗细、样式

存在几种公用页面布局框架样式 命名各个页面

文档方式注明，确定各个样式claName（涉及到的每个页面标注清楚）c)逐个分析每个页面的具体模块，提出简单思路、注意事项以及存在的技术难点。标注该模块排版时需要注意的事项：

模块的名称定义（CSS样式名称、其他素材名称前缀）标注可用到的公用样式claName 需要添加的页面效果（逻辑复杂需要提供简单的书写思路以及技术支持）

3.搭建项目框架

a)新建一个项目文件夹

b)在项目文件夹中分别新建c、images、js、html文件夹

c)在c文件夹里面创建公用样式文件、以及涉及团队成员的私有样式集 d)页面分类。在html页面内分别创建同类页面的文件夹

e)根据提前确定的名称在各类文件夹中添加各个空页面，引用公用样式 f)临时添加以团队成员名字命名的文件夹，用来存放单个模块代码 4.分工制作

a)页面类型

b)根据团队成员实际工作水平 c)根据掌握知识点层级程度

这里需要增加一项工作：过代码。这在一个团队开始阶段我感觉是必须的，在开始的时候严格把控。

5.页面整合注意的样式之间的冲突、仔细调试 6.整体测试 7.提交结果 8.总结优劣

总结这样做优点： 易于学习，易于使用 提高代码复用 从细节规范开发

封装技术细节，降低技术难度