网页DIV+CSS布局和动画美化全程实例 第2版【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

网页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