传奇发布站程序

传统企业站开发-页面布局

从简单的页面结构到页面

布局的实现，再到页面的优化。我们学习到的东西挺多的，但是在实战开发中如何去应用它仍然有很多不理解的地方，所以今天这篇文章就以项目的首页制作来带着大家把之前学习过的知识点运用起来。本文内容概要：1页面的开发流程2页面效果展示3项目首页的基本布局4课后总结5课后作业1页面的开发流程——>PSD图的分析——>基本的前期准备——>页面的基本布局（一级布局与二级布局）——~~~3项目首页的基本布局首先需要与大家说明一点的是页面的制作我们是参照页面的PSD图来进行实现的，也就是说小编后面用到的数据是通过把PSD图放到在PS软件里面测量出来的，这一点也是我们前端开发工程师需要严格遵守的规则页面的一级布局参照PSD图，分析页面制作的思路。看上图，我们会发现，页面呈现出来的效果层次分明，分别由头部、导航栏、页面主体、尾部等构成。所以接下来我们的代码实现就比较方便了。一起看下面的代码吧！写到现在，我们会发现整个页面的基本布局已经基本完成，接下来需要制作并完善的就是每个模块中图片、文字内容等的处理了，那这些我们会在后期的文章再来给大家做讲解。