网页DIV+CSS布局和动画美化全程实例 第2版PDF电子书下载

第1章 动感网页动画的实现技术 1

1.1 网页动画的重要性 1

1.1.1 成功的网站所具备的特点 1

1.1.2 快速发展的网页特效动画技术 3

1.1.3 网页动画设计师必需掌握的技术 3

1.2 掌握Web网页标准的基础 4

1.2.1 网页标准化的优点 4

1.2.2 现阶段使用的Web标准 5

1.2.3 使用Web标准改善现有网站 7

1.3 嵌入网页的动画技术 10

1.3.1 GIF图片动画 11

1.3.2 CSS样式动画 11

1.3.3 JavaScript特效动画 11

1.3.4 Flash动画 14

第2章 DIV+CSS网页布局基础知识 17

2.1 DIV的基础知识和操作 17

2.1.1 层的基本知识 17

2.1.2 在页面中插入层 18

2.1.3 创建嵌套层 19

2.1.4 层属性面板 19

2.2 CSS层叠样式表 20

2.2.1 CSS的作用、类型与冲突 20

2.2.2 编辑CSS层叠样式表 21

2.3 DIV+CSS布局方法 26

2.3.1 DIV标签控制方法 26

2.3.2 XHTML中的元素 28

2.3.3 元素的样式设置 28

2.3.4 网页宽度的设置 30

2.3.5 水居中的设置 31

2.3.6 DIV的嵌套设置 32

2.3.7 DIV的浮动方法 34

2.3.8 网页布局的实例 38

2.4 列表元素布局 41

2.4.1 使用列表元素布局导航 41

2.4.2 导航条的超级链接 42

2.4.3 导航条的互动设计 44

2.5 CSS盒模型 44

2.5.1 CSS盒模型概念 45

2.5.2 外边距的控制 46

2.5.3 边框的样式设置 48

2.5.4 内边距的设置 49

2.5.5 盒模型兼容问题 51

2.6 元素的非常规定位方式 52

2.6.1 CSS绝对定位 52

2.6.2 CSS固定定位 54

2.6.3 CSS相对定位 56

2.6.4 CSS程序简化 57

第3章 清新风格的摄影网站 59

3.1 摄影网站的美工创意 59

3.1.1 首页的功能模块 60

3.1.2 规划首页的版面 60

3.2 首页的布局设计 63

3.2.1 Photoshop切片图片 63

3.2.2 网站文件夹规划 69

3.2.3 搭建网站服务器平台 71

3.2.4 创建编辑站点 77

3.2.5 了解布局结构 80

3.2.6 CSS标准化网页 82

3.3 实例的动画效果 90

3.3.1 动画技术的使用 90

3.3.2 链接注释动画 91

3.3.3 状态栏跑马灯 93

3.3.4 随机文本颜色 94

3.3.5 滴水特效动画 95

第4章 个性化的博客网站 102

4.1 博客网站美工设计 102

4.2 网站的首页布局 104

4.2.1 图片的切片操作 104

4.2.2 配置本地站点 107

4.2.3 创建编辑站点 107

4.2.4 分析布局结构 109

4.2.5 DIV+CSS布局首页 110

4.2.6 二级页面的设计 113

4.3 日记翻页的动画效果 116

4.3.1 实现的动画技术 116

4.3.2 素材图片的整理 117

4.3.3 图形元件的制作 119

4.3.4 按钮元件的制作 122

4.3.5 日记页面的制作 123

4.3.6 向右翻页的动画 131

4.3.7 向左翻页的动画 136

4.3.8 图层合成影片 140

4.3.9 加入翻页的声音 141

4.3.10 加入动作命令 142

4.3.11 嵌入网页并应用 146

第5章 精致风格的美容网站 148

5.1 雅丽美容网站的设计 148

5.1.1 网站的栏目设计 148

5.1.2 设计首页的版面 149

5.2 网站首页布局设计 151

5.2.1 切片网页图片 151

5.2.2 搭建本地站点 156

5.2.3 创建编辑站点 156

5.2.4 分析布局结构 158

5.2.5 DIV+CSS布局网页 159

5.3 首页加入动画效果 164

5.3.1 首页的动画效果 165

5.3.2 滑动二级菜单 165

5.3.3 Flash特效动画 169

第6章 儿童乐园网站 176

6.1 儿童乐园网站的设计 176

6.1.1 网站的栏目设计 176

6.1.2 首页的版面设计 177

6.2 首页的布局设计 179

6.2.1 使用Photoshop切片图片 179

6.2.2 配置本地站点服务器 181

6.2.3 创建编辑站点 182

6.2.4 分析布局结构 184

6.2.5 DIV4+CSS布局网页 184

6.3 加入的动画效果 190

6.3.1 动画效果的使用 190

6.3.2 DIV+CSS滑动菜单 190

6.3.3 Flash特效动画效果 193

6.3.4 显示访问时间 202

第7章 水墨风格的餐饮网站 204

7.1 水墨风格网站的美工设计 204

7.1.1 餐饮网站栏目设计 204

7.1.2 网站首页的设计 205

7.2 网站首页的布局设计 206

7.2.1 使用Photoshop切片图片 206

7.2.2 配置本地站点服务器 209

7.2.3 创建编辑站点 209

7.2.4 分析布局结构 211

7.2.5 DIV+CSS布局网页 211

7.3 首页加入动画效果 215

7.3.1 动画效果的使用 215

7.3.2 逐字变化文本颜色 216

7.3.3 变化菜品的动画效果 218

7.3.4 发光的灯笼和动画菜单 232

第8章 纯朴风格的办公用品网站 248

8.1 办公用品网站的美工设计 248

8.1.1 网站的栏目设计 248

8.1.2 设计首页的版面 249

8.2 网站首页的布局设计 251

8.2.1 Photoshop切片图片 251

8.2.2 配置本地站点 253

8.2.3 创建编辑站点 253

8.2.4 分析布局结构 255

8.2.5 DIV+CSS布局首页 255

8.3 加入动画效果 261

8.3.1 动画效果的使用 261

8.3.2 状态栏时间显示 262

8.3.3 壁灯的动画设计 263

8.3.4 Flash滑动菜单 275

第9章 传统风格的酒业网站 290

9.1 葡萄酒网站的美工设计 290

9.1.1 设计酒业网站栏目 290

9.1.2 设计首页的版面 291

9.2 首页的布局设计 292

9.2.1 Photoshop切片图片 292

9.2.2 配置本地站点 297

9.2.3 建立酒业编辑站点 297

9.2.4 分析布局结构 299

9.2.5 DIV+CSS布局首页 299

9.3 首页加入动画效果 306

9.3.1 动画的使用 306

9.3.2 滚动的字幕广告 307

9.3.3 Logo的发光动画 307

9.3.4 发光酒杯动画 316

第10章 温馨风格的家具网站 323

10.1 温馨风格的家具网站美工 323

10.1.1 家具网站栏目设计 323

10.1.2 设计首页的版面 324

10.2 家具首页的布局设计 326

10.2.1 首页图片的切片 326

10.2.2 配置家具站点服务器 328

10.2.3 创建编辑站点 329

10.2.4 分析布局结构 330

10.2.5 DIV+CSS布局网页 331

10.3 首页加入动画效果 335

10.3.1 动画技术的使用 335

10.3.2 图片的自动切换 335

10.3.3 滑动的导航菜单 339