CSS3+DIV网页样式与布局案例课堂（第2版 网站开发案例课堂）

第Ⅰ篇  基 础 知 识

第1章  网页设计的必备技能 3

1.1  认识网页和网站 4

1.2  网页中需要包含的要素 5

1.3  一个简单网页的基本构成 7

1.4  设计网页的总体流程 9

1.5  网站的种类与网页布局方式 14

1.6  在Photoshop中构建网页结构 16

1.7  大神解惑 18

1.8  跟我练练手 18

第2章  CSS样式入门 19

2.1  认识CSS 20

2.2  CSS常用单位 21

2.3  编辑和浏览CSS 26

2.4  在HTML中调用CSS的方法 28

2.5  调用CSS方法的优先级问题 33

2.6  综合案例——制作产品销售统计表 35

2.7  大神解惑 37

2.8  跟我练练手 37

第3章  CSS3样式的基本语法 39

3.1  CSS基本语法 40

3.2  CSS的常用选择器 40

3.3  综合案例——制作炫彩网站Logo 44

3.4  大神解惑 46

3.5  跟我练练手 47

第II篇  核 心 技 术

第4章  设计网页字体与段落样式 51

4.1  美化字体样式 52

4.2  CSS3中新增的文本高级样式 59

4.3  通过CSS控制文本间距与对齐方式 64

4.4  综合案例1——设置网页标题 75

4.5  综合案例2——制作新闻页面 76

4.6  大神解惑 77

4.7  跟我练练手 78

第5章  设计网页图片样式 79

5.1  图片缩放 80

5.2  设置图片的对齐方式 82

5.3  图 文 混 排 84

5.4  综合案例1——制作学校宣传单 87

5.5  综合案例2——制作简单图文混排网页 89

5.6  大神解惑 90

5.7  跟我练练手 90

第6章  设计网页背景与边框样式 91

6.1  设计网页背景样式 92

6.2  CSS3中新增的控制网页背景属性 99

6.3  设计边框样式 104

6.4  CSS3中新增的边框圆角效果 110

6.5  CSS3中的渐变效果 115

6.6  综合案例1——制作简单公司主页 119

6.7  综合案例2——制作简单生活资讯主页 122

6.8  大神解惑 124

6.9  跟我练练手 124

第7章  设计网页超级链接和鼠标样式 125

7.1  使用CSS3美化超链接 126

7.2  使用CSS3美化鼠标 130

7.3  综合案例1——图片版本超级链接 135

7.4  综合案例2——关于鼠标特效案例 136

7.5  综合案例3——制作一个简单的导航栏 139

7.6  大神解惑 140

7.7  跟我练练手 141

第8章  设计表格和表单样式 143

8.1  美化表格样式 144

8.2  美化表单样式 148

8.3  综合案例1——制作用户登录页面 153

8.4  综合案例2——制作用户注册页面 155

8.5  大神解惑 157

8.6  跟我练练手 158

第9章  设计列表和菜单样式 159

9.1   美化项目列表的样式 160

9.2  使用CSS制作网页菜单 168

9.3  综合案例1——模拟SOSO导航栏 172

9.4  综合案例2——将段落转变成列表 175

9.5  大神解惑 177

9.6  跟我练练手 177

第10章  使用滤镜美化网页元素 179

10.1  滤镜概述 180

10.2  设置基本滤镜效果 181

10.3  使用复合滤镜效果 190

10.4  大神解惑 191

10.5  跟我练练手 191

第III篇  高 级 应 用

第11章  CSS3的高级特性 195

11.1  复合选择器 196

11.2  CSS3新增的选择器 199

11.3  CSS3的继承特性 205

11.4  CSS3的层叠特性 207

11.5  综合案例——制作新闻菜单 209

11.6  大神解惑 212

11.7  跟我练练手 212

第12章  过渡和动画效果 213

12.1  认识过渡效果 214

12.2  案例1——添加过渡效果 214

12.3  了解动画效果 217

12.4  案例2——添加动画效果 218

12.5  大神解惑 219

12.6  跟我练练手 220

第13章  2D和3D变幻效果 221

13.1  认识2D转换效果 222

13.2  添加2D转换效果 222

13.3  添加3D转换效果 228

13.4  大神解惑 230

13.5  跟我练练手 230

第14章  CSS3和JavaScript的搭配应用 231

14.1  JavaScript语法基础 232

14.2  常见的JavaScript编写工具 243

14.3  JavaScript在HTML中的使用 244

14.4  JavaScript与CSS3的结合使用 250

14.5  HTML5、CSS3和JavaScript的搭配应用 255

14.6  综合案例——制作树形导航菜单 262

14.7  大神解惑 267

14.8  跟我练练手 268

第15章  CSS与XML的综合运用 269

15.1  XML语法基础 270

15.2  使用CSS修饰XML文件 274

15.3  综合实例1——招聘广告 279

15.4  综合实例2——图文混排页面 281

15.5  综合实例3——古诗欣赏 283

15.6  大神解惑 286

15.7  跟我练练手 286

第IV篇  网 页 布 局

第16章  CSS定位与DIV 布局核心技术 289

16.1  认识块级元素和行内级元素 290

16.2  盒子模型 292

16.3  弹性盒模型 299

16.4  综合案例1——图文排版效果 308

16.5  综合案例2——淘宝导购菜单 310

16.6  大神解惑 313

16.7  跟我练练手 314

第17章  CSS+DIV盒子的浮动与定位 315

17.1  定义DIV 316

17.2  盒子的定位 317

17.3  其他CSS布局定位方式 323

17.4  新增CSS3多列布局 328

17.5  综合案例1——定位网页布局样式 334

17.6  综合案例2——制作阴影文字效果 337

17.7  大神解惑 338

17.8  跟我练练手 338

第18章  固定宽度网页布局剖析与制作 339

18.1  CSS排版的观念 340

18.2  固定宽度网页剖析与布局 344

18.3  大神解惑 354

18.4  跟我练练手 354

第19章  自动缩放网页布局剖析与制作 355

19.1  自动缩放网页“1-2-1”型布局模式 356

19.2  自动缩放网页“1-3-1”型布局模式 358

19.3  分列布局背景色的使用 371

19.4  综合案例1——单列宽度变化布局 374

19.5  综合案例2——多列等比例宽度变化布局 376

19.6  大神解惑 378

19.7  跟我练练手 378

第20章  创建响应式页面 379

20.1  了解弹性盒子 380

20.2  案例1——使用弹性盒子 380

20.3  案例2——设置弹性子元素的位置 383

20.4  案例3——设置弹性子元素的横向对齐方式 384

20.5  案例4——设置弹性子元素的纵向对齐方式 389

20.6  案例5——设置弹性子元素的换行方式 390

20.7  综合案例——使用弹性盒子创建响应式页面 393

20.8  大神解惑 395

20.9  跟我练练手 396

第V篇  项目案例实战

第21章  设计商业门户类网页 399

21.1  整体设计 400

21.2  主要模块设计 401

21.3  网站调整 415

第22章  设计图像影音类网页 419

22.1  整体设计 420

22.2  主要模块设计 422

22.3  网站调整 431

第23章  设计娱乐休闲类网页 437

23.1  整体设计 438

23.2  主要模块设计 440

23.3  网页调整 446

第24章  设计企业门户类网页 449

24.1  构思布局 450

24.2  主要模块设计 451

第25章  设计在线购物类网页 457

25.1  整体布局 458

25.2  主要模块设计 459