网站设计基本流程

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

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

2.布局切图。通过上一步,对效果图有一个整体轮廓的印象,下面开始布局规划。页面是三行两列式还是两行一列式,需要考虑到网站今后可能改版遇到的某种情况(当然,这需要经验)其他网页的需求,最好考虑到代码重用和网站的灵活性。如果对页面的构成已经相当清晰,那就动手吧。大笑切割图片。那个属于表现层图片,那个属于内容层图片。
3.网站文件规划。(有的同学喜欢把这个步骤放到最后做)我个人喜欢早做 嘻嘻。合理地组织网站文件结构将会让网站以后的更新与维护更加方便。包括后续的开发。
4.HTML编码。这部分每个人的做法还真是不同,我个人,首先打好框架,再分别细化,填充内容。
5.CSS 组建网页。之所以把第四步和第五步分开,就是为了说明一个道理:内容与表现的分离。上一步我们往往做的很沮丧因为我们还看不到实际的效果图,我们只是单纯地想表达内容,这一步就是我们丰富内容的时候了。
完成以上步骤,网站终于有个样子了,下来就是调整啦,网页重构啦,让网站更加perfect 。
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值