2015年ui设计之层的设置和css的应用.pptVIP

第五章 层的设置和css应用 回顾 Css样式应用的几种形式 Css样式包括的几方面内容 文字方面的修饰 颜色和背景图片 方框的修饰 本章目标 页面布局 div+css的布局 网站开发的流程介绍 网站开发的4个步骤： 1、需求分析 网站开发的流程介绍 2、网站制作 3、测试网页 4、发布网站 需求分析 客户需求 业务背景 淘宝网提供了一个商品展示、在线购物、交互服务和管理的平台 设计风格 淘宝网具有鲜明、亮丽、明快、时尚的风格 网站内容 公司简介 、商品分类 、商品展示 、价格信息 、商品搜索 、网上订单 、会员注册 、客户服务等 确认需求 提供给客户一个前期静态的设计样板(可用photoshop制作) 框架布局 框架布局的优缺点和应用场合 表格布局 表格布局的优缺点和应用场合 什么是DIV DIV层布局 DIV布局的优缺点和应用场合 DIV+CSS高级应用 总结 页面布局的有几种形式 Div布局有什么特点 Div和css结合使用的种种设置 大小设置 位置设定 定位的几种方法 浮动定位 设置层可见——visibility 语法说明 ? visible表示该层是可见的。 ? hidden表示该层被隐藏，是不可见的。 ? inherit表示子层或子元素会继承父层或父元素的可见性，父级元素可见则子级元素也可见。 设置层可见——visibility 实例