您的位置：首页 > 运维架构 > 网站架构

网站设计基本流程

2016-10-23 18:05 183 查看

对于网站设计每个前端工程师都有自己的一套方法论。就我个人而言，找到适合自己的方法需要大量的实战演练。下面纯属个人的工作感悟。谈谈网站设计的基本流程。

1.效果图分析。当一张psd图呈现在桌面前时，你需要的，只是冷静地思考。仔细地观察和分析，那些是主，那些是辅，理顺各个页面的组成元素和他们之间的关系是开头最最重要的。

2.布局切图。通过上一步，对效果图有一个整体轮廓的印象，下面开始布局规划。页面是三行两列式还是两行一列式，需要考虑到网站今后可能改版遇到的某种情况（当然，这需要经验）其他网页的需求，最好考虑到代码重用和网站的灵活性。如果对页面的构成已经相当清晰，那就动手吧。

切割图片。那个属于表现层图片，那个属于内容层图片。

3.网站文件规划。（有的同学喜欢把这个步骤放到最后做）我个人喜欢早做嘻嘻。合理地组织网站文件结构将会让网站以后的更新与维护更加方便。包括后续的开发。

4.HTML编码。这部分每个人的做法还真是不同，我个人，首先打好框架，再分别细化，填充内容。

5.CSS 组建网页。之所以把第四步和第五步分开，就是为了说明一个道理：内容与表现的分离。上一步我们往往做的很沮丧因为我们还看不到实际的效果图，我们只是单纯地想表达内容，这一步就是我们丰富内容的时候了。

完成以上步骤，网站终于有个样子了，下来就是调整啦，网页重构啦，让网站更加perfect 。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 网站设计

相关文章推荐

新的分享

章节导航