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

网页DIV+CSS布局和动画美化全程实例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特效动画12

1.3.4 Flash动画14

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

2.1 DIV的基础知识和操作18

2.1.1层的基础知识18

2.1.2页面中插入层19

2.1.3创建嵌套层20

2.1.4层属性面板21

2.2 CSS层叠样式表22

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

2.2.2编辑CSS层叠样式表24

2.2.3层叠样式表规则意义28

2.3 DIV+CSS布局方法34

2.3.1 DIV标签控制方法34

2.3.2 XHTML中的元素36

2.3.3元素的样式设置36

2.3.4网页宽度的设置38

2.3.5水平居中的设置38

2.3.6 DIV的嵌套设置40

2.3.7 DIV的浮动方法41

2.3.8网页布局的实例45

2.4列表元素布局48

2.4.1列表元素布局导航48

2.4.2导航条的超级链接49

2.4.3导航条的互动设计51

2.5 CSS盒模型52

2.5.1 CSS盒模型概念52

2.5.2外边距的控制53

2.5.3边框的样式设置55

2.5.4内边距的设置56

2.5.5盒模型兼容问题58

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

2.6.1 CSS绝对定位59

2.6.2 CSS固定定位61

2.6.3 CSS相对定位62

2.6.4 CSS程序简化64

第3章全程实例一：清新风格的摄影网站66

3.1摄影网站的美工创意66

3.1.1首页的功能模块66

3.1.2规划首页的版面67

3.2首页的布局设计70

3.2.1 Photoshop分割图片70

3.2.2网站文件夹规划75

3.2.3搭建网站服务器平台76

3.2.4创建编辑站点83

3.2.5转换首页布局结构86

3.2.6 CSS标准化网页88

3.3实例的动画效果97

3.3.1使用的动画技术97

3.3.2链接注释动画97

3.3.3状态栏跑马灯99

3.3.4随机文本颜色100

3.3.5滴水特效动画101

第4章全程实例二：个性化的博客网站108

4.1博客网站美工设计108

4.2网站的首页布局110

4.2.1图片的分割110

4.2.2配置本地站点113

4.2.3创建编辑站点116

4.2.4转换首页布局结构118

4.2.5 DIV+CSS布局首页120

4.2.6二级页面的设计123

4.3日记翻页的动画效果126

4.3.1实现的动画技术126

4.3.2素材图片的整理127

4.3.3图形元件的制作128

4.3.4按钮元件的制作132

4.3.5日记页面的制作133

4.3.6向右翻页的动画139

4.3.7向左翻页的动画145

4.3.8图层合成影片148

4.3.9加入翻书的声音150

4.3.10加入动作命令151

4.3.11嵌入网页并应用155

第5章全程实例三：精致风格的美容网站157

5.1雅丽美容网站的设计157

5.1.1网站的栏目设计157

5.1.2设计首页的版面158

5.2网站首页布局设计160

5.2.1切片网页图片160

5.2.2搭建本地站点165

5.2.3创建编辑站点167

5.2.4转换布局结构169

5.2.5 DIV+CSS布局网页170

5.3首页加入动画效果176

5.3.1首页的动画效果176

5.3.2滑动二级菜单177

5.3.3 Flash特效动画181

第6章全程实例四：天真的乐园网站189

6.1天真乐园网站的设计189

6.1.1网站的栏目设计189

6.1.2首页的版面设计190

6.2首页的布局设计192

6.2.1使用Photoshop分割图片192

6.2.2配置本地站点服务器194

6.2.3创建编辑站点197

6.2.4转换首页布局199

6.2.5 DIV+CSS布局网页200

6.3加入的动画效果205

6.3.1使用的动画效果205

6.3.2 DIV+CSS滑动菜单206

6.3.3 Flash特效动画效果208

6.3.4显示访问时间216

第7章全程实例五：水墨风格的餐饮网站218

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

7.1.1餐饮网站的栏目设计218

7.1.2网站首页的设计219

7.2网站首页的布局设计220

7.2.1使用Photoshop切片图片220

7.2.2配置本地站点服务器222

7.2.3创建编辑站点224

7.2.4转换首页布局结构225

7.2.5 DIV+CSS布局网页226

7.3首页加入动画效果230

7.3.1实例使用的动画效果230

7.3.2逐字变化文本颜色230

7.3.3变化菜品的动画效果232

7.3.4发光灯笼和动画菜单242

第8章全程实例六：淳朴风格的办公用品网站255

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

8.1.1网站的栏目设计255

8.1.2设计首页的版面256

8.2网站首页的布局设计258

8.2.1 Photoshop切片图片258

8.2.2配置本地站点260

8.2.3创建编辑站点261

8.2.4转换首页布局262

8.2.5 DIV+CSS布局首页264

8.3加入的动画效果269

8.3.1使用的动画效果269

8.3.2状态栏时间显示269

8.3.3壁灯的动画设计270

8.3.4 Flash滑动菜单282

第9章全程实例七：传统风格的酒业网站297

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

9.1.1设计酒业网站栏目297

9.1.2设计首页的版面298

9.2首页的布局设计299

9.2.1 Photoshop切片图片299

9.2.2配置本地站点303

9.2.3建立酒业编辑站点305

9.2.4转换首页布局306

9.2.5 DIV+CSS布局首页307

9.3首页加入动画效果314

9.3.1实例使用的动画314

9.3.2滚动字幕广告314

9.3.3 Logo发光动画315

9.3.4发光酒杯动画323

第10章全程实例八：温馨风格的家俱网站330

10.1温馨风格的家俱网站美工330

10.1.1家俱网站的栏目设计330

10.1.2设计首页的版面331

10.2家俱首页的布局设计333

10.2.1首页图片的切片333

10.2.2配置家俱站点服务器335

10.2.3创建编辑站点337

10.2.4转换首页布局结构337

10.2.5 DIV+CSS布局网页338

10.3首页加入动画效果343

10.3.1使用的动画技术343

10.3.2图片的自动切换343

10.3.3滑动的导航菜单347