DIV+CSS网站布局从入门到精通

第1章网页设计基础与网站开发流程 2

1.1认识网页 2

1.1.1网页和网站 2

1.1.2网页类型 3

1.1.3静态网页和动态网页 3

1.1.4网页基本构成元素 5

1.2页面设计概述 6

1.2.1网页设计任务 6

1.2.2网页设计原则 7

1.2.3网页设计流程 7

1.2.4网页配色 8

1.3网站开发流程 8

1.3.1个人网站开发流程 8

1.3.2应用项目开发流程 11

1.3.3承包网站开发流程 12

1.4上机习题 18

第2章HTML语言基础 20

2.1认识HTML和XHTML 20

2.2 HTML基础 20

2.2.1 HTML语言的作用 20

2.2.2 HTML文档基本结构 21

2.2.3 HTML基本语法 21

2.2.4 HTML常用标签 23

2.2.5 HTML公共属性 29

2.3 XHTML基础 32

2.3.1 XHTM4L文档基本结构 32

2.3.2 XHTL基本语法 33

2.3.3 XHTML文档类型 34

2.3.4 DTD文档类型解析 35

2.3.5名字空间 37

2.4 上机习题 38

第3章CSS语言基础 41

3.1 CSS概述 41

3.1.1认识CSS 41

3.1.2为什么学习CSS 41

3.1.3 CSS特性 42

3.2 CSS语法和用法 43

3.2.1 CSS基本结构 43

3.2.2 CSS基本用法 44

3.2.3 CSS样式表 45

3.2.4导入外部样式表 46

3.2.5 CSS注释和空格 47

3.3 CSS属性、属性值和单位 47

3.3.1 CSS属性 48

3.3.3 CSS属性值 49

3.4基本选择器 52

3.4.1标签选择器 52

3.4.2类选择器 53

3.4.3 ID选择器 56

3.4.4通配选择器 58

3.5复合选择器 58

3.5.1子选择器 59

3.5.2相邻选择器 60

3.5.3包含选择器 62

3.5.4多层选择器嵌套 63

3.5.5属性选择器 64

3.5.6伪选择器 69

3.5.7选择器分组 70

3.6 CSS继承性、层叠性和特殊性 71

3.6.1 CSS继承性 71

3.6.2 CSS层叠性 73

3.6.3 CSS样式的优先级 74

3.6.4 CSS特殊性 75

3.7上机习题 79

第4章HTML5+CSS3基础 82

4.1 HTML5概述 82

4.1.1为什么要学习HTML5 82

4.1.2 HTML5开发组织 84

4.1.3 HTML5主要模块 84

4.2 HTML5基础 84

4.2.1 HTML5基本语法 85

4.2.2新增的元素 87

4.2.3新增的属性 93

4.2.4新增的全局属性 96

4.2.5 HTML5的其他新功能 98

4.3 CSS3基础 101

4.3.1选择器 101

4.3.2文本阴影特效 103

4.3.3设计半透明色 104

4.3.4弹性盒模型 107

4.3.5自定义边框样式 107

4.3.6设计圆角 109

4.3.7设计栏目阴影 110

4.3.8设计渐变效果 111

4.4上机习题 113

第5章DIV+CSS网页设计进阶——从页面小工到产品经理 116

5.1设计符合标准的网页结构 116

5.1.1设计语义化网页结构 116

5.1.2标签语义化详解 117

5.1.3常用结构化元素解析 121

5.1.4设计符合标准的文档结构嵌套 124

5.1.5设计富信息的文档 129

5.2设计高效样式表 131

5.2.1 CSS类样式 131

5.2.2类样式应用技巧 132

5.2.3设计通用类样式 133

5.2.4应用默认样式 136

5.2.5其他类型选择符样式处理 140

5.2.6 CSS代码编写实用技巧 140

5.3设计可维护样式表 143

5.3.1添加注释 143

5.3.2灵活使用ID和Class属性 145

5.3.3格式化CSS样式代码 146

5.3.4遵循代码编写习惯 147

5.4设计模块化样式表 147

5.4.1灵活使用CSS样式继承 147

5.4.2理解继承与包含的关系 150

5.4.3根据模块化设计样式表 152

5.5设计可兼容样式表 154

5.5.1了解浏览器冲突问题 154

5.5.2 CSS兼容方法 155

5.5.3使用IE条件语句 156

5.6上机习题 158

第6章 儿童类网站布局与设计——设置字体和文本样式 161

6.1设置字体样式 161

6.1.1定义字体类型 161

6.1.2定义字体大小 162

6.1.3定义字体颜色 164

6.1.4定义字体样式 165

6.2设置文本样式 168

6.2.1定义首行缩进 168

6.2.2定义左右缩进 169

6.2.3定义行距 170

6.2.4定义文本间距 173

6.2.5设计水平对齐 174

6.2.6设计垂直对齐 176

6.3案例实战 177

6.3.1产品策划 177

6.3.2画板 177

6.3.3设计图 177

6.3.4切图 178

6.3.5重构 179

6.3.6布局 179

6.4上机习题 189

第7章青春校园类网站布局与设计——设置超链接和图片样式 192

7.1设置超链接样式 192

7.1.1定义伪类样式 192

7.1.2定义下划线样式 193

7.1.3设计立体样式 196

7.1.4设计导航样式 197

7.2设置图片样式 199

7.2.1定义图片大小 199

7.2.2定义边框样式 200

7.2.3设计透明图片 204

7.3设置背景图片样式 207

7.3.1定义背景图像 207

7.3.2定义背景图片平铺 210

7.3.3定义背景图片位置 214

7.3.4定义背景图片固定位置 219

7.4设计圆角样式 222

7.4.1无图定义圆角 222

7.4.2一图定义圆角 225

7.4.3两图定义圆角 227

7.4.4四图定义圆角 230

7.5案例实战 233

7.5.1产品策划 233

7.5.2画板 233

7.5.3设计图 234

7.5.4切图 234

7.5.5重构 235

7.5.6布局 236

7.6上机习题 244

第8章 音章 乐影视类网站布局与设计——列表结构和样式 248

8.1设计列表结构和样式 248

8.1.1定义列表结构 248

8.1.2设置列表结构的默认样式 252

8.1.3自定义列表样式 257

8.1.4设计列表菜单样式 261

8.2案例实战 268

8.2.1产品策划 268

8.2.2画板 268

8.2.3设计图 269

8.2.4切图 269

8.2.5重构 270

8.2.6布局 271

8.3上机习题 283

第9章信息分类网站布局与设计——导航菜单样式 286

9.1设计导航菜单 286

9.1.1横向菜单样式 286

9.1.2垂直菜单样式 290

9.1.3多级菜单样式 295

9.2案例实战 300

9.2.1产品策划 300

9.2.2画板 300

9.2.3设计图 301

9.2.4切图 301

9.2.5重构 302

9.2.6布局 302

9.3上机习题 320

第10章企业网站布局与设计——表格结构和样式 322

10.1构建表格结构 322

10.1.1表格的基本结构和属性 322

10.1.2定义附属表格结构 326

10.1.3定义表格分区 328

10.2定义表格样式 332

10.2.1定义表格边框样式 332

10.2.2表格的视觉设计 337

10.2.3表格特殊性设计 340

10.3案例实战 344

10.3.1产品策划 344

10.3.2画板 345

10.3.3设计图 345

10.3.4切图 346

10.3.5重构 346

10.3.6布局 348

10.4上机习题 366

第11章个性风格网站布局与设计——表单结构和样式 369

11.1构建表单结构 369

11.1.1了解表单基本结构 369

11.1.2定义输入域 370

11.1.3定义选择域 374

11.1.4设计符合语义的表单结构 376

11.1.5设计易用表单结构 378

11.2设计表单样式 381

11.2.1定义输入域样式 381

11.2.2定义选择域样式 386

11.2.3定义列表域样式 389

11.2.4设计易用表单样式 391

11.3案例实战 398

11.3.1产品策划 398

11.3.2画板 398

11.3.3设计图 399

11.3.4切图 400

11.3.5重构 400

11.3.6布局 401

11.4上机习题 410

第12章生活时尚网站布局与设计——CSS盒模型 413

12.1 CSS盒模型 413

12.1.1认识盒模型 413

12.1.2定义边框样式 415

12.1.3设计三角形样式 418

12.1.4定义外间距 424

12.1.5设计栏目边距重叠 426

12.1.6定义内间距 430

12.2案例实战 435

12.2.1产品策划 435

12.2.2画板 435

12.2.3设计图 436

12.2.4切图 437

12.2.5重构 437

12.2.6布局 438

12.3上机习题 461

第13章休闲旅游网站布局与设计——CSS定位 465

13.1 CSS定位布局 465

13.1.1定义浮动布局 465

13.1.2浮动布局问题处理 471

13.1.3定义清除浮动 476

13.1.4定义精确定位 479

13.1.5定义层叠顺序 485

13.2案例实战 488

13.2.1产品策划 488

13.2.2画板 488

13.2.3设计图 488

13.2.4切图 489

13.2.5重构 489

13.2.6布局 491

13.3上机习题 504