DIV+CSS网站布局实录PDF|Epub|txt|kindle电子书版本网盘下载

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什么是W3C20

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善于利用CSS33

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转换到XHTML43

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为什么要使用XML56

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定义Div106

5.1.1什么是Div106

5.1.2插入Div106

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与class406

12.2.1 id是什么406

12.2.2什么情况下使用id406

12.2.3 class是什么407

12.2.4什么情况下使用class408

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