意义Р技术的背景Р1Р现在网页用户群体复杂,层次多样,对网页的好用性要求越来越高,要求一个网页在很好的需求战略,功能规格,信息架构的基础上更多的关注交互细节设计。? 传统的网页设计采用表格(Table)布局, 源代码存在大量的冗余代码,页面结构与表现混杂在一起,非常不利于查找和管理信息,更不利于修改信息。? 而一种新生的技术,DIV+CSS的出现弥补了Table布局的不足。Р技术的背景及意义Р技术的意义Р2РDIV+CSS设计思想有以下的优势:? 1.布局灵活,便于维护,代码清晰? 2.利于后期优化,更高的兼容性? 3.元素精确定位,任意排列? 4.内容结构与格式控制相分离? 5.良好的开发体验(易用性、扩展性、重构性)Р技术的背景及意义Р核心的技术Р3Р1.盒模型? 每个HTML元素都可以看作是一个装了东西的盒子,盒子里面的内容到盒子的边框之间的距离即填充(padding),盒子本身有边框(border),而盒子边框外和其它盒子之间,还有边界(magin)等。? 默认情况下盒子的边框是无,背景色是透明,所以在默认情况下看不到盒子在网页设计上,内容常指文字、图片等元素。?2.分形设计思想? 可以看成是CSS盒模型在实际应用中的延伸与拓展,也可以看成是CSS代码在实际设计中的迭代与复用的过程,本身可以作为一种实际开发人员对于网页设计思想的总结和集成。Р技术的背景及意义Р核心技术展示Р4Р技术的背景及意义Р核心技术展示Р3Р分形设计过程Р项目的需求和分析Р项目简介Р1Р物流管理系统来管理其基本业务和信息。该物流配送公司的主要业务是为用户配送货物,组织结构分为省公司和配送点。? 本系统根据客户提出的需求,从配送管理信息化,和路线安排合理化入手,开发的一款快递物流系统,客户在物流运输方面能够方便迅捷的完成任务。Р项目的需求和分析Р系统功能图Р2Р项目的需求和分析Р页面层次结构图Р3
全文预览
