DIV+CSS网站布局从入门到精通PDF电子书下载

第1章 网页基础和网站开发流程 2

1.1认识网页 2

1.1.1网页和网站 2

1.1.2网页类型 3

1.1.3静态网页和动态网页 4

1.1.4网页基本构成元素 5

1.2页面设计概述 6

1.2.1网页设计的任务 6

1.2.2网页设计原则 7

1.2.3网页设计流程 7

1.2.4网页配色 8

1.2.5网页优化 8

1.3网站开发流程 9

1.3.1个人网站制作流程 9

1.3.2网络项目开发流程 12

1.3.3承包网站开发流程 12

第2章 （X）HTML语言基础 20

2.1认识HTML、XHTML和XML 20

2.2 HTML基础 20

2.2.1 HTML语言作用 21

2.2.2 HTML文档基本结构 21

2.2.3 HTML基本语法 21

2.2.4 HTML常用标签 23

2.2.5 HTML公共属性 28

2.3 XHTML基础 31

2.3.1 XHTML文档基本结构 31

2.3.2 XHTML基本语法 32

2.3.3 XHTML文档类型 32

2.3.4 DTD文档类型解析 34

2.3.5名字空间 36

第3章 CSS语言详解 38

3.1 CSS概述 38

3.1.1认识CSS 38

3.1.2为什么学习CSS 38

3.1.3 CSS特性 39

3.2 CSS语法和用法 39

3.2.1 CSS基本结构 40

3.2.2 CSS基本用法 41

3.2.3 CSS样式表 41

3.2.4导入外部样式表 42

3.2.5 CSS注释和空格 43

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

3.3.1 CSS属性 43

3.3.2巧记CSS属性 46

3.3.3 CSS属性值及其单位 47

3.4基本选择器 50

3.4.1标签选择器 50

3.4.2类别选择器 50

3.4.3 ID选择器 53

3.4.4通配选择符 54

3.5复合选择器 55

3.5.1子选择符 55

3.5.2相邻选择器 56

3.5.3包含选择器 58

3.5.4多层选择器嵌套 59

3.5.5属性选择器 60

3.5.6伪选择器 63

3.5.7选择器分组 65

3.6 CSS的继承性、层叠性和特殊性 65

3.6.1 CSS继承性 66

3.6.2 CSS的层叠性 68

3.6.3 CSS样式的优先级 69

3.6.4 CSS的特殊性 70

第4章 儿童类网站的结构与布局——网页文本样式 76

4.1网页字体 76

4.1.1字体类型 76

4.1.2字体大小 77

4.1.3字体颜色 78

4.1.4字体样式 79

4.2网页段落样式 82

4.2.1首行缩进 82

4.2.2左右缩进 83

4.2.3行距 84

4.2.4段落文本间距 86

4.2.5水平对齐 87

4.2.6垂直对齐 89

4.3案例实战 91

4.3.1产品策划 91

4.3.2画板 91

4.3.3设计图 92

4.3.4切图 92

4.3.5重构 92

4.3.6布局 93

第5章 青春校园类网站的结构与布局——超链接和图片样式 102

5.1超链接样式 102

5.1.1伪类样式 102

5.1.2下划线样式 103

5.1.3立体样式 105

5.1.4设计导航样式 107

5.2图片样式 108

5.2.1图片大小 108

5.2.2图片边框 109

5.2.3透明图片 112

5.3案例实战 115

5.3.1产品策划 115

5.3.2画板 115

5.3.3设计图 115

5.3.4切图 116

5.3.5重构 117

5.3.6布局 117

第6章 影视音乐类网站的结构与布局——列表结构和样式 126

6.1使用列表结构构建导航菜单 126

6.1.1列表的基本结构 126

6.1.2列表结构的默认样式 130

6.1.3自定义列表样式 134

6.1.4列表菜单样式 138

6.2案例实战 143

6.2.1产品策划 144

6.2.2画板 144

6.2.3设计图 144

6.2.4切图 145

6.2.5重构 145

6.2.6布局 147

第7章 信息类网站的结构与布局——导航菜单样式 158

7.1导航菜单样式 158

7.1.1横向导航菜单样式 158

7.1.2垂直导航菜单样式 161

7.1.3多项导航菜单样式 165

7.2案例实战 169

7.2.1产品策划 169

7.2.2画板 169

7.2.3设计图 170

7.2.4切图 170

7.2.5重构 171

7.2.6布局 171

第8章 企业类网站的结构与布局——表格的结构 188

8.1表格的结构 188

8.1.1表格的基本结构及属性 188

8.1.2表格的附加结构及语义化 191

8.1.3表格分区结构及属性 193

8.2表格的样式 197

8.2.1表格边框样式 197

8.2.2表格的视觉设计 201

8.2.3表格特殊性设计 204

8.3案例实战 208

8.3.1产品策划 208

8.3.2画板 208

8.3.3设计图 208

8.3.4切图 209

8.3.5重构 210

8.3.6布局 211

第9章 个性风格类网站的结构与布局——表单结构和样式 228

9.1表单结构 228

9.1.1表单的组成部分 228

9.1.2输入域结构 229

9.1.3选择域结构 232

9.1.4表单语义化结构 234

9.1.5易用性表单 236

9.2表单元素样式 239

9.2.1输入域样式 239

9.2.2选择域样式 243

9.2.3列表域样式 246

9.2.4表单的可用性样式设计 248

9.3案例实战 254

9.3.1产品策划 254

9.3.2画板 254

9.3.3设计图 255

9.3.4切图 255

9.3.5重构 256

9.3.6布局 257

第10章 生活时尚类网站的结构与布局——CSS盒模型 266

10.1 CSS盒模型 266

10.1.1盒子结构 266

10.1.2边框设计 268

10.1.3三角形边框设计及应用 272

10.1.4外间距设计 277

10.1.5边距叠加 280

10.1.6内间距设计 284

10.2案例实战 290

10.2.1产品策划 290

10.2.2画板 290

10.2.3设计图 290

10.2.4切图 291

10.2.5重构 292

10.2.6布局 293

第11章 休闲旅游类网站的结构与布局——CSS定位 314

11.1 CSS定位方法 314

11.1.1浮动定位 314

11.1.2浮动产生的问题 320

11.1.3清除浮动 325

11.1.4精确定位 327

11.1.5层叠顺序 333

11.2案例实战 336

11.2.1产品策划 336

11.2.2画板 336

11.2.3设计图 337

11.2.4切图 337

11.2.5重构 338

11.2.6布局 339

第12章 建筑房产类网站的结构与布局——CSS布局模型 352

12.1 CSS布局模型 352

12.1.1固定宽度布局 352

12.1.2流动布局 356

12.1.3弹性布局 361

12.1.4浮动布局 365

12.1.5定位布局 369

12.1.6伪列布局 372

12.1.7负边距布局 374

12.2案例实战 377

12.2.1产品策划 377

12.2.2画板 377

12.2.3设计图 378

12.2.4切图 378

12.2.5重构 379

12.2.6布局 380

第13章 博客类网站的结构与布局——背景图片处理和圆角设计 388

13.1处理背景图片 388

13.1.1设置背景图片 388

13.1.2背景图片的平铺 391

13.1.3背景图片位置 394

13.1.4固定背景图片及属性缩写 399

13.2圆角风格的版块设计 401

13.2.1无图定圆角 401

13.2.2一图固定圆角 404

13.2.3两图定圆角 405

13.2.4四图定圆角 408

13.3案例实战 410

13.3.1产品策划 410

13.3.2画板 410

13.3.3设计图 411

13.3.4切图 412

13.3.5重构 412

13.3.6布局 413

第14章 从页面小工到产品经理——设计高效、可维护的网页 426

14.1让页面结构“通情达理” 426

14.1.1语义是网页重构的基础 426

14.1.2让网页标签更懂语义 427

14.1.3常用语义元素解析 431

14.1.4让文档结构嵌套更严谨并符合标准 434

14.1.5让文档信息更丰富 438

14.2设计高效的CSS 440

14.2.1 CSS类样式 440

14.2.2类样式的应用技巧 440

14.2.3设计通用类样式 442

14.2.4应用默认样式 445

14.2.5其他类型选择符样式处理 449

14.2.6设计高效CSS的其他实用技巧 449

14.3编写可维护性CSS 452

14.3.1学会注释 452

14.3.2有效、准确地选用id和class属性 453

14.3.3让CSS代码格式简明直观 454

14.3.4让CSS代码符合阅读习惯 455

14.4以模块化管理CSS 456

14.4.1 CSS的继承性及其利用 456

14.4.2 CSS继承与包含关系及其应用 458

14.4.3样式表的模块化分工 459

14.5让CSS代码“自由飞翔” 462

14.5.1浏览器冲突问题 462

14.5.2 CSS兼容性处理方法 463

14.5.3使用IE条件语句解决所有问题 463