网页DIV+CSS布局和动画美化全程实例

第1章 动感网页动画的实现技术
1.1 网页动画的重要性
1.1.1 成功的网站所具备的特点
1.1.2 快速发展的网页特效动画技术
1.1.3 网页动画设计师必须掌握的技术
1.2 掌握Web网页标准的基础
1.2.1 网页标准化的好处
1.2.2 现阶段使用的Web标准
1.2.3 使用Web标准改善现有网站
1.3 嵌入网页的动画技术
1.3.1 GIF图片动画
1.3.2 CSS样式动画
1.3.3 JavaScript特效动画
1.3.4 Flash动画
第2章 DIV+CSS网页布局基础知识
2.1 DIV的基础知识和操作
2.1.1 层的基础知识
2.1.2 页面中插入层
2.1.3 创建嵌套层
2.1.4 层属性面板
2.2 CSS层叠样式表
2.2.1 CSS的作用、类型与冲突
2.2.2 编辑CSS层叠样式表
2.2.3 层叠样式表规则意义
2.3 DIV+CSS布局方法
2.3.1 DIV标签控制方法
2.3.2 XHTML中的元素
2.3.3 元素的样式设置
2.3.4 网页宽度的设置
2.3.5 水平居中的设置
2.3.6 DIV的嵌套设置
2.3.7 DIV的浮动方法
2.3.8 网页布局的实例
2.4 列表元素布局
2.4.1 列表元素布局导航
2.4.2 导航条的超级链接
2.4.3 导航条的互动设计
2.5 CSS盒模型
2.5.1 CSS盒模型概念
2.5.2 外边距的控制
2.5.3 边框的样式设置
2.5.4 内边距的设置
2.5.5 盒模型兼容问题
2.6 元素的非常规定位方式
2.6.1 CSS绝对定位
2.6.2 CSS固定定位
2.6.3 CSS相对定位
2.6.4 CSS程序简化
第3章 全程实例一：清新风格的摄影网站
3.1 摄影网站的美工创意
3.1.1 首页的功能模块
3.1.2 规划首页的版面
3.2 首页的布局设计
3.2.1 Photoshop分割图片
3.2.2 网站文件夹规划
3.2.3 搭建网站服务器平台
3.2.4 创建编辑站点
3.2.5 转换首页布局结构
3.2.6 CSS标准化网页
3.3 实例的动画效果
3.3.1 使用的动画技术
3.3.2 链接注释动画
3.3.3 状态栏跑马灯
3.3.4 随机文本颜色
3.3.5 滴水特效动画
第4章 全程实例二：个性化的博客网站
4.1 博客网站美工设计
4.2 网站的首页布局
4.2.1 图片的分割
4.2.2 配置本地站点
4.2.3 创建编辑站点
4.2.4 转换首页布局结构
4.2.5 DIV+CSS布局首页
4.2.6 二级页面的设计
4.3 日记翻页的动画效果
……
第5章 全程实例三：精致风格的美容网站
第6章 全程实例四：天真的乐园网站
第7章 全程实例五：水墨风格的餐饮网站
第8章 全程实例六：淳朴风格的办公用品网站
第9章 全程实例七：传统风格的酒业网站
第10章 全程实例八：温馨风格的家俱网站