一、一个独立的页面
1、分析这个页面,在脑海或草稿上要确立页面板块布局(如版块区域的,位置和大小)
2、根据设计稿的的情况,分析背景图的分布、ICO图的分布等
3、切割相应的图片,导出、合并图片(一般用ps 切割设计师提供的PSD图)
4、在编辑器中写整体结构XHTML代码,包括页面中出现的所有元素的结构
5、编写CSS样式中的整体以及模块代码
6、细节调整
7、浏览器验证网页兼容性,是否正确显示
二、由多个页面组成的小站点或者大站点
1、浏览所有设计稿,统一规划站点模块、图片、文件分布
2、开始第一点的操作,但规划站点的内容分布很重要
整体考虑点:
图片的合并,减少请求量
结构的合理性,语义化
样式的简洁,便于后期维护
多为后期的维护以及程序开发着想,如何简单实现效果
相关文章
- HTML静态网页成品作业(HTML+CSS)——贵州美食介绍设计制作(1个页面)-四、网站代码
- HTML静态网页成品作业(HTML+CSS)——美食企业介绍设计制作(1个页面)-四、网站代码
- HTML5期末大作业:个人网站设计——简单的个人图片网站模板html(6个页面) HTML+CSS+JavaScript 动漫网页HTML代码 学生网页课程设计期末作业下载 动漫大学生网页设计制作成
- HTML静态网页作业——海贼王主题网页设计制作6个页面(HTML+CSS)
- HTML5期末大作业:网站——个人网站介绍 (7页面带轮播特效)明星赵丽颖 学生DW网页设计作业源码 web课程设计网页规划与设计 大学生个人网站作业模板
- HTML5期末大作业:网站——美丽家乡(南京介绍7个页面) 家乡文化介绍 学生DW网页设计作业源码(HTML+CSS+JS) ~学生dreamweaver网页设计作业成品
- HTML5期末大作业:运动系列——NBA篮球主题学生网页设计(7个页面) HTML+CSS+JavaScript 体育网页设计HTML代码 学生网页课程设计期末作业下载 大学生网页设计制作成
- HTML5期末大作业:大学生抗疫感动专题网页——疫情记忆(6个页面)抗击疫情网页制作作业 疫情防控网页设计HTML模板 大学生抗疫感动专题网页设计作业模板 静态HTML CSS网站制作成品
- PS网页设计教程IX——巧用大括号设计惊艳的咨询页面
- 网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点