Web页面的开发流程及规范.docx

Web 页面的开发流程及规范页面开发流程在写页面之前要先仔细的观察下页面，在心里对页面要有布局一下。比如下边这个页面：我们看到这个页面，要知道这个页面要怎么布局的才能合理:1）最外层我们要用一个大的盒子包裹起来要定义----wrap2）然后头部（关注微信和下边logo包括导航条）----header①关注微信那块用 ----sub_header②下边就是导航用----nav3）下边就是我们的主体部分（banner和登录框）---- main（content）①主题图片用 ----banner②登录框就用 ----login4）底部这部分内容就用 ----footer!DOCTYPE htmlhtmlhead lang=enmeta charset=UTF-8title/titlestyle*{padding: 0;margin: 0; border: 0;} .wrap{width:100%;height:auto; font-size: 24px; text-align: center;} .header{width: 100%; height: 100px;background: #0050ef; color: #fff3f3;} .header_top{width:100%; height: 40px; background: #0