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网页的设计风格及色彩搭配 8

1.2.4网页设计的实现 8

1.3网站整体制作流程 12

1.3.1前期策划 12

1.3.2页面细化及实施 13

1.3.3后期维护 15

1.4本章小结 15

第2章 使用Web标准设计和制作 18

2.1表格布局 18

2.1.1表格布局的特点 18

2.1.2混乱的逻辑结构和冗余的嵌套表格 18

2.2了解Web标准 19

2.2.1什么是Web标准 19

2.2.2什么是W3C 20

2.2.3 W3C发布的标准 20

2.2.4什么是Ecma国际 23

2.2.5 Web标准的优势 23

2.3网站设计的标准时代 24

2.3.1为什么要建立网站标准 25

2.3.2遵循标准的网站与传统网站的区别 25

2.3.3采用网站标准的优点与缺点 26

2.4 Web标准三剑客 27

2.4.1什么是内容、结构、表现和行为 27

2.4.2 Div与CSS结合的优势 28

2.4.3如何改善现有网站 28

2.5关于Web标准的思考与争论 29

2.5.1关于Web标准的优势 29

2.5.2关于布局 30

2.5.3关于浏览器兼容 30

2.6关于Web标准的误区 31

2.6.1抛弃表格布局的思维方式 31

2.6.2正确使用XHTML标签 31

2.6.3善于利用CSS 33

2.6.4“通过验证”并不是最终目的 33

2.7本章小结 33

第3章 HTML、XHTML和XML基础 36

3.1 HTML的基础用法 36

3.1.1 HTML文件的基本结构 36

3.1.2 HTML的主要功能 36

3.1.3 HTML的基本语法 37

3.1.4常用的HTML标签 38

3.1.5段落和文字标签 41

3.1.6超链接标签 42

3.1.7图像标签 43

3.2转换到XHTML 43

3.2.1升级到XHTML的好处 44

3.2.2 XHTML的页面结构 44

3.2.3 XHTML代码规范 46

3.2.4选择文档类型 50

3.2.5 XHTML和HTML的比较 51

3.2.4名字空间 51

3.3 XML的概述 52

3.3.1 XML的概念 52

3.3.2 HTML与XML的比较 53

3.3.3为什么要使用XML 56

3.3.4什么是“形式良好的”XML文件 56

3.3.5 XML的结构 57

3.3.6 DTD的基本结构 60

3.3.7定义元素及其后代 63

3.3.8定义元素属性 71

3.4本章小结 72

第4章 CSS样式入门 74

4.1 CSS概述 74

4.2 CSS的基本用法 75

4.2.1在HTML内插入样式表 75

4.2.2 CSS规则 75

4.3 CSS样式分类 76

4.3.1内联样式 76

4.3.2内部样式表 77

4.3.3外部样式表 77

4.4 CSS文档结构 78

4.4.1结构 78

4.4.2继承 79

4.4.3特殊性 81

4.4.4层叠 82

4.4.5重要性 82

4.5单位和值 83

4.5.1颜色值 84

4.5.2定义字体 85

4.5.3群选择器 86

4.5.4派生选择器 86

4.5.5 id选择器 87

4.5.6类别选择器 87

4.5.7定义链接的样式表 89

4.6属性 90

4.6.1类型 91

4.6.2背景 94

4.6.3区块 96

4.6.4方框 97

4.6.5边框 99

4.6.6列表 100

4.6.7定位 101

4.7本章小结 103

第5章 CSS布局入门——个性类网站设计 106

5.1定义Div 106

5.1.1什么是Div 106

5.1.2插入Div 106

5.1.3 Div的嵌套和固定格式 108

5.2可视化模型 109

5.2.1盒模型 109

5.2.2视觉可视化模型 111

5.2.3相对定位 112

5.2.4绝对定位 113

5.2.5浮动定位 114

5.2.6空白边叠加 120

5.3 CSS布局方式 121

5.3.1居中的布局设计 122

5.3.2浮动的布局设计 123

5.3.3高度自适应 130

5.4实例——设计制作个性类网站页面 131

5.4.1设计分析 132

5.4.2布局分析 132

5.4.3制作流程 133

5.4.4制作步骤 133

5.4.5案例小结 138

5.5举一反三 139

5.6本章小结 145

第6章 设置页面图片——企业网站设计 148

6.1图片样式控制 148

6.1.1图片边框 148

6.1.2图片定位 150

6.1.3图片缩放 152

6.1.4图片对齐方式 153

6.2实例——设计制作企业网站 156

6.2.1设计分析 157

6.2.2布局分析 157

6.2.3制作流程 158

6.2.4制作步骤 159

6.2.5案例总结 174

6.3举一反三 174

6.4本章小结 185

第7章 设置页面背景图像——儿童类网站设计 188

7.1背景控制概述 188

7.1.1背景控制原则 188

7.1.2背景控制属性 189

7.2背景颜色控制 190

7.2.1控制页面背景颜色 190

7.2.2用背景颜色为页面分块 192

7.3背景图片控制 192

7.3.1设置背景图像 193

7.3.2背景图像的定位 194

7.3.3背景图像的滚动 196

7.3.4添加多个背景图像 197

7.4实例——设计制作儿童教育类网站 198

7.4.1设计分析 199

7.4.2布局分析 199

7.4.3制作流程 200

7.4.4制作步骤 201

7.4.5实例小结 215

7.5举一反三 215

7.6本章小结 229

第8章 CSS文本内容排版——美容时尚网站设计 232

8.1文本排版概述 232

8.1.1文本排版原则 232

8.1.2文本控制属性 232

8.2 CSS文本样式 233

8.2.1字体 233

8.2.2大小 235

8.2.3粗细 237

8.2.4样式 239

8.2.5颜色 241

8.2.6修饰 242

8.2.7英文字母大小写 243

8.3文本排版 244

8.3.1通栏排版 245

8.3.2分栏排版 245

8.3.3图文混排 246

8.3.4不规则文本绕图 247

8.4实例——设计制作美容类网站 249

8.4.1设计分析 250

8.4.2布局分析 250

8.4.3制作流程 251

8.4.4制作步骤 252

8.4.5案例小结 261

8.5举一反三 261

8.6本章小结 271

第9章 控制页面超链接样式——医疗保健网站设计 274

9.1超链接概述 274

9.1.1超链接样式控制原则 274

9.1.2超链接控制属性 274

9.2超链接样式 277

9.2.1文字链接 277

9.2.2按钮式链接 280

9.3实例——设计制作医疗保健类网站 281

9.3.1设计分析 282

9.3.2布局分析 282

9.3.3制作流程 282

9.3.4制作步骤 283

9.3.5案例总结 299

9.4举一反三 300

9.5本章小结 310

第10章 设置页面表单样式——生活购物网站设计 312

10.1表单设计概述 312

10.1.1网页表单设计原则 312

10.1.2表单应用分类 314

10.2表单设计 315

10.2.1 ＜label＞标签的作用 316

10.2.2文本框样式设计 318

10.2.3下拉列表样式设计 319

10.2.4复选框和单选按钮设计 322

10.3实例——设计制作生活购物类网站 324

10.3.1设计分析 324

10.3.2布局分析 325

10.3.3制作流程 325

10.3.4制作步骤 327

10.3.5案例小结 343

10.4举一反三 343

10.5本章小结 360

第11章 设置页面列表样式——影视音乐网站设计 362

11.1列表控制概述 362

11.2列表样式控制 363

11.2.1 UL无序列表 363

11.2.2 OL有序列表 363

11.2.3定义列表 364

11.2.4更改列表项目样式 365

11.3实例——设计制作影视音乐类网站 367

11.3.1设计分析 368

11.3.2布局分析 368

11.3.3制作流程 368

11.3.4制作步骤 369

11.3.5案例总结 387

11.4举一反三 387

11.5本章小结 402

第12章 CSS布局高级运用——休闲游戏网站设计 404

12.1关于CSS选择符 404

12.1.1 CSS选择符 404

12.1.2 CSS选择符的命名 405

12.2 id与class 406

12.2.1 id是什么 406

12.2.2什么情况下使用id 406

12.2.3 class是什么 407

12.2.4什么情况下使用class 408

12.3 Div与Span对象 408

12.4实例——设计制作休闲游戏网站 410

12.4.1设计分析 410

12.4.2布局分析 411

12.4.3制作流程 411

12.4.4制作步骤 413

12.4.5案例小结 432

12.5举一反三 432

12.6本章小结 449

第13章 CSS布局技巧 452

13.1 CSS代码优化 452

13.1.1增加代码重用率 452

13.1.2使用样式覆盖进行简化 453

13.2 CSS代码的简写 454

13.2.1 font样式简写 454

13.2.2 color样式简写 455

13.2.3 background样式简写 455

13.2.4 margin和padding样式简写 456

13.2.5 border样式简写 457

13.2.6 list样式简写 458

13.3辅助图片一律用背景处理 459

13.4常见的浏览器兼容问题 460

13.5本章小结 466