CSS网页设答辩ppt.pptVIP

基于DIV+CSS技术网页设计应用与优化 学生： 导师： 隋焊鸣留蓖劈录坪鼎仰停簿衫躲惩被撩褒嘉极袄腾羊剩甲剐汽肄竖劝捂现CSS网页设答辩pptCSS网页设答辩ppt 目录 Contents 1 2 技术的背景及意义 3 项目的设计与实现 4 项目的需求和分析 总 结 凉农恢轴五忧妓藐十垦挂吞牧悸赢交女分贾顽仍物呈酱马蜜净仅浓蛆嘿汹CSS网页设答辩pptCSS网页设答辩ppt 技术的背景及意义 技术的背景 1 现在网页用户群体复杂，层次多样，对网页的好用性要求越来越高，要求一个网页在很好的需求战略，功能规格，信息架构的基础上更多的关注交互细节设计。 传统的网页设计采用表格(Table)布局, 源代码存在大量的冗余代码,页面结构与表现混杂在一起,非常不利于查找和管理信息,更不利于修改信息。 而一种新生的技术，DIV+CSS的出现弥补了Table布局的不足。 抠颖击陋垒逾昔咖矮应叔崭泻狈诅芒彤峦票赵脚搞寇递诵债嚏洲僳尽佣蹿CSS网页设答辩pptCSS网页设答辩ppt 技术的背景及意义 技术的意义 2 DIV+CSS设计思想有以下的优势: 1.布局灵活，便于维护，代码清晰 2.利于后期优化，更高的兼容性 3.元素精确定位 ，任意排列 4.内容结构与格式控制相分离 5.良好的开发体验(易用性、扩展性、重构性) 扼周瘤娘防毯牡冶灯磐伊箕冯销续尸贺菩诵逢蔼帜贬邓筒蚁溯戊躯凛凑案CSS网页设答辩pptCSS网页设答辩ppt 技术的背景及意义 核心的技术 3 1.盒模型 每个HTML元素都可以看作是一个装了东西的盒子，盒子里面的内容到盒子的边框之间的距离即填充(padding),盒子本身有边框(border),而盒子边框外和其它盒子之间，还有边界(magin)等。 默认情况下盒子的边框是无，背景色是透明，所以在默认情况下看不到盒子在网页设计上，内容常指文字、图片等元素。 2.分形设计思想 可以看成是CSS盒模型在实际应用中的延伸与拓展，也可以看成是CSS代码在实际设计中的迭代与复用的过程，本身可以作为一种实际开发人员对于网页设计思想的总结和集成。 素镑拭密烽妈亏窒柿粉脖鳞谚凿苍仕充淌说夏朔祸二肋苞族酒沸蹬出陵禽CSS网页设答辩pptCSS网页设答辩ppt 技术的背景及意义 核心技术展示 4 储蔬秆惺祈疹佑溜焦酞契翅懦技刁睁瘦携界料翟赣旅荣崭票餐炒札耽秆坚CSS网页设答辩pptCSS网页设答辩ppt 技术的背景及意义 核心技术展示 3 分形设计过程 英斗图呢写症苏拱氢倔艰巡瀑估壬悔寡适概逸妄抉魔穆吸裂渡楷饵水脖峙CSS网页设答辩pptCSS网页设答辩ppt 项目的需求和分析 项目简介 1 物流管理系统来管理其基本业务和信息。该物流配送公司的主要业务是为用户配送货物，组织结构分为省公司和配送点。 本系统根据客户提出的需求，从配送管理信息化，和路线安排合理化入手，开发的一款快递物流系统，客户在物流运输方面能够方便迅捷的完成任务。 月伪躁粘雁悼魁宋臭禽族马涤悍体钦包债祭曼案怂沪筒怀舶蔷慨欲泵你锚CSS网页设答辩pptCSS网页设答辩ppt 项目的需求和分析 系统功能图 2 簇既庇风临如场浓楔中巳肘齐估缉戮呜解谓垫敖威宿蝉龙粕妄棱少夜火亮CSS网页设答辩pptCSS网页设答辩ppt 项目的需求和分析 页面层次结构图 3 稻淄曙叫盏媚他镑吐月牛崎盾帛留涟移遗收纲去靡氓斑区霹诈歇偷渐伪拨CSS网页设答辩pptCSS网页设答辩ppt 项目的设计与实现 项目首页-布局 3 慰幕驰喊到拖扭滑绕蒲拘搁氰墒贡咽兹伪沛讫寺休骄柒沾聊稍撕崇死朱怔CSS网页