网页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章 全程实例八：温馨风格的家俱网站

网站的建站技术近几年得到迅速的发展，网页的布局与特效动画技术层出不穷，网站建设已经从简单的技术支持时代衍变到现在的视觉美化时代。但如何使设计的网页高人一筹，达到让人过目不忘的境界，如何追求以最简单的特效让网页 “亮”起来，这些都是新一代网页设计者最关注的话题。本书详细介绍了使用网页 DIV+CSS布局的方法，详解了国内外站点关于网页特效实现的精华案例，并由资深设计师结合实际开发经验，加以归纳、综合而成网页布局设计中特效实现的精彩实例。本书涉及 Web编程的基础知识、开发技术以及高级动画特效的制作技巧，无论是具有 Web编程经验的中高级开发人员，还是网页设计的初学者，本书都能成为其设计网页时的好帮手。同时，本书也适用于网页设计与制作人员、网站建设与开发人员阅读，也可以作为高等院校相关专业和相关培训机构的教学用书。

《网页DIV+CSS布局和动画美化全程实例》详细介绍了使用网页DIV+CSS布局的方法，详解了国内外站点关于网页特效实现的精华案例，并由资深设计师结合实际开发经验，加以归纳、综合而成网页布局设计中特效实现的精彩实例。