一、一个独立的页面
1、分析这个页面,在脑海或草稿上要确立页面板块布局(如版块区域的,位置和大小)
2、根据设计稿的的情况,分析背景图的分布、ICO图的分布等
3、切割相应的图片,导出、合并图片(一般用ps 切割设计师提供的PSD图)
4、在编辑器中写整体结构XHTML代码,包括页面中出现的所有元素的结构
5、编写CSS样式中的整体以及模块代码
6、细节调整
7、浏览器验证网页兼容性,是否正确显示
二、由多个页面组成的小站点或者大站点
1、浏览所有设计稿,统一规划站点模块、图片、文件分布
2、开始第一点的操作,但规划站点的内容分布很重要
整体考虑点:
图片的合并,减少请求量
结构的合理性,语义化
样式的简洁,便于后期维护
多为后期的维护以及程序开发着想,如何简单实现效果
相关文章
- 09-18使用webmagic爬取网页信息以及通过selenium进行页面元素操作
- 09-18网页设计中有意思的404页面赏析
- 09-18让页面更上档次!网页设计细节大总结
- 09-18HTML+CSS网页设计期末课程大作——体育游泳(5页面)
- 09-18HTML+CSS网页设计期末课程大作——体育网球(5页面)
- 09-18HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版
- 09-18如何快速让页面出彩 网页设计应急小技巧
- 09-18如何用Adobe Illustrator制作细节丰富的网页404错误页面 AI设计技巧介绍
- 09-18教你使用PS插件Velositey疾速搞定网页原型设计图文教程
- 09-18网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点