本书为“网店生财有道系列丛书”之一。全书共有8章。第1章详细介绍了网店动感美化技术，引出了Web 2.0网页设计标准的基础知识。第2章介绍了DIV+CSS布局网页标准的方法，详细说明了DIV各元素的属性设置。从第3～8章精心挑选了6个设计精美、风格各异的设计实例，按照网页的布局设计与网页动感美化的步骤，详细介绍了各类风格网店的设计和动画实现的方法。

本书以网店包装为主线，介绍个性化网店的设计方法，主要内容包括网店动感美化的基础知识，DIV+CSS的网店页面布局，并以实例的方式详细介绍了亮丽风格的摄影网店、唯美风格的美容网店、活泼可爱风格的儿童乐园网店、水墨风格的日式料理网店、温馨风格的家私网店、古朴风格的办公用品网店包装与动感美化的方法。

本书适合网上开店的初学者和想创办独立品牌网店并扩大经营范围的读者学习使用，也可作为网页制作、网页开发专业人员的参考书。

前言

第1章 网店动感美化的基础知识/1

 1.1 网店动感美化的重要性 /2

1.1.1 成功网店具备的特点 /2

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

1.1.3 网页动画设计师必须掌握的技术 /4

 1.2 掌握Web网页标准 /5

1.2.1 网页标准化的优点 /5

1.2.2 现阶段使用的 Web 2.0标准 /5

1.2.3 使用Web 2.0标准改善现有网站 /8

 1.3 嵌入网店的动画技术 /12

1.3.1 GIF图片动画 /13

1.3.2 CSS样式动画 /14

1.3.3 JavaScript特效动画 /14

1.3.4 Flash动画 /17

第2章 DIV+CSS的网店页面布局/20

 2.1 DIV（层）的创建和操作 /21

2.1.1 层的基本知识 /21

2.1.2 在页面中插入层 /22

2.1.3 创建嵌套层 /23

2.1.4 使用层属性设置面板 /23

 2.2 CSS层叠样式表 /25

2.2.1 CSS的作用、类型与冲突 /25

2.2.2 自定义CSS样式 /26

2.2.3 重定义HTML样式 /28

2.2.4 使用CSS选择器 /29

2.2.5 链接外部样式表 /29

2.2.6 编辑外部样式表 /30

 2.3 DIV+CSS网店页面布局方法 /30

2.3.1 DIV标签的CSS控制方法 /30

2.3.2 XHTML中的块状元素和内联元素 /32

2.3.3 DIV元素的样式设置 /33

2.3.4 网页的宽度 /35

2.3.5 水平居中显示 /36

2.3.6 DIV的嵌套 /37

2.3.7 DIV的浮动 /39

 2.4 列表元素布局 /44

2.4.1 列表元素制作导航条 /44

2.4.2 导航条制作 /45

2.4.3 导航条的互动布局 /47

 2.5 CSS盒模型 /48

2.5.1 CSS盒模型的概念 /48

2.5.2 外边距的控制 /49

2.5.3 边框的样式设置 /51

2.5.4 内边距的设置 /53

2.5.5 盒模型兼容问题 /55

2.5.6 CSS程序简化 /55

第3章 亮丽风格的摄影网店/58

 3.1 摄影网店的美工创意 /59

3.1.1 首页的功能模块 /59

3.1.2 首页版面设计 /59

 3.2 首页的布局设计/ 63

3.2.1 分割首页图片 /63

3.2.2 网站文件夹规划 /69

3.2.3 搭建本地站点 /71

3.2.4 创建编辑站点 /77

3.2.5 使用CSS标准化网页 /80

 3.3 动感美化网页效果 /89

3.3.1 使用的动画技术 /89

3.3.2 链接滚动注释 /90

3.3.3 状态栏跑马灯效果 /91

3.3.4 随机变化文本颜色/93

3.3.5 制作Flash特效图动画 /94

第4章 唯美风格的美容网店/100

 4.1 美容美体网店的美工创意/101

4.1.1 美容网店栏目设计/101

4.1.2 首页版面设计/101

 4.2 首页的布局设计/103

4.2.1 切片首页图片/103

4.2.2 配置本地站点/107

4.2.3 创建编辑站点/109

4.2.4 DIV+CSS布局网页/111

 4.3 加入动画效果/117

4.3.1 实例动画技术分析/117

4.3.2 DIV+CSS滑动菜单/117

4.3.3 特效动画“迷人眼”/121

第5章 活泼可爱风格的儿童乐园网店/129

 5.1 儿童乐园网店的美工创意/130

5.1.1 儿童乐园网店栏目设计/130

5.1.2 首页版面设计/131

 5.2 首页的布局设计/132

5.2.1 切片实例图片/132

5.2.2 配置本地站点/135

5.2.3 创建编辑站点/137

5.2.4 使用DIV+CSS布局网页/138

 5.3 首页加入动画效果/144

5.3.1 实例使用的动画技术/144

5.3.2 DIV+CSS滑动菜单/144

5.3.3 特效动画“彩色炫动”/148

5.3.4 显示访问时间的制作/155

第6章 水墨风格的日式料理网店/157

 6.1 水墨风格的日式料理网店美工创意/158

6.1.1 日式料理网店栏目设计/158

6.1.2 首页版面设计/158

 6.2 首页的布局设计/160

6.2.1 首页图片切片/160

6.2.2 配置本地站点/162

6.2.3 创建编辑站点/163

6.2.4 布局网页效果/164

 6.3 首页加入动画效果/168

6.3.1 实例使用的动画技术/168

6.3.2 逐字变化文本颜色/169

6.3.3 滚动变化菜品/171

6.3.4 发光灯笼和动画菜单/180

第7章 温馨风格的家私网店/194

 7.1 温馨风格的家私网店美工创意/195

7.1.1 家私网店栏目设计/195

7.1.2 首页版面设计/195

 7.2 首页的布局设计/197

7.2.1 切片首页图片/198

7.2.2 配置家私站点/200

7.2.3 创建编辑站点/201

7.2.4 布局首页方案/202

 7.3 首页加入动画效果/206

7.3.1 实例使用的动画技术/206

7.3.2 实现图片的自动切换/207

7.3.3 Flash滑动导航菜单/211

第8章 古朴风格的办公用品网店/227

 8.1 办公用品网店的美工创意/ 228

8.1.1 办公用品网店栏目设计/228

8.1.2 首页版面设计/229

 8.2 首页的布局设计/230

8.2.1 切片首页图片/230

8.2.2 配置本地站点/232

8.2.3 创建编辑站点/234

8.2.4 布局网页方案/235

 8.3 加入动画效果/240

8.3.1 使用的动画技术/241

8.3.2 状态栏时间显示/241

8.3.3 闪耀的壁灯动画/242

8.3.4 Flash滑动菜单/252