Web标准设计PDF|Epub|txt|kindle电子书版本网盘下载

Web标准设计PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第一章 Web标准不是神话1

1．1理解Web标准1

Web标准是什么1

错误的思维5

无障碍网页倡议（WAI）7

1．2量化Web标准8

大部分通过W3C校验的网站只是伪标准8

Web标准要求一览表9

是追求标准还是理解标准10

1．3为什么选择Web标准11

1．4 CSS为什么着火12

CSS的作用12

CSS布局VS．表格布局13

1．5我能否学好Web标准14

我需要具备什么素质和条件才能学好Web标准14

学习的重点与难点14

1．6欲善其事，先利其器15

软件的选择16

调试环境18

第二章 XHTML——浏览器上的新大陆20

2．1一切从语义开始20

2．2网页的构成22

2．3常见标签23

标题23

内容25

列表29

表格31

表单33

注释38

2．4比HTML多出一个X38

还多了什么38

谁影响了网页的样子40

浏览器的多模式40

开启通往标准的模式40

坚持Strict Markup41

语义化42

2．5按语义来分类42

2．6块元素与内联元素43

2．7 div不是神45

合理应用46

嵌套46

div不是table47

div与span的差别48

第三章 CSS——网页美容师49

3．1语法结构49

基本结构49

样式表中的注释50

字符转义50

3．2选择符的使用50

通配选择符50

类型选择符51

包含选择符51

子对象选择符52

相邻选择符53

属性选择符54

匹配属性和属性值54

类选择符55

ID选择符56

选择符分组56

3．3伪元素与伪类57

伪类57

：flirst-child伪类57

链接伪类——：Vink和visited58

动态伪类——：hover、：active与：focus58

语言伪类——:lang59

伪对象60

：first-letter60

：first-line60

：before和：aafter61

3．4常用单位62

长度单位62

px vs．em62

百分比单位64

其他长度单位64

颜色单位64

3．5应用CSS在网页上67

链入外部样式表67

定义内部样式68

定义内联定义69

导入指定的外部样式表69

各种方式的差异69

糟糕的手持设备70

3．6继承与覆盖71

3．7优先权的计算72

第四章 用XHTML和CSS来“摆”网页74

4．1 开始你的第一个页面74

4．2文字的表现76

字体的外型76

颜色的定义85

背景的定义86

4．3最简单的布局88

Margin与Padding89

单列固定宽度居中90

单列自适应宽度92

奇怪的高度94

边框的定义95

4．4郁闷的盒模型98

4．5文字旁边的图片100

baseline100

垂直对齐101

图片的浮动103

4．6列表的应用105

定义列表的外观105

导航菜单的应用107

列表的常见应用113

4．7表格114

表格的控制115

为不同浏览器使用不同的选择符120

伪表格——看起来像，其实却不是表格123

4．8表单124

样式表单124

表单元素的细节131

注册表单134

第五章 布局之道140

5．1固定的左右分栏140

经典的三行两列固定宽度的布局140

两列等高——背景伪造篇（一）146

自由与未来149

5．2自适应的左右分栏153

经典的三行两列自适应宽度的布局153

两列等高——背景伪造篇（二）155

百分比的细节156

clear:right与overflow160

5．3一栏固定宽度，一栏自适应宽度164

单栏浮动164

浮动的负值可以让主要的内容优先显示168

Min＆Max171

5．4多栏布局174

三栏固定宽度和自适应的布局174

混合固定宽度和自适应宽度的多栏布局176

流出固定宽度的两栏在自适应宽度的中栏后面177

偏移出来固定宽度的两栏在自适应宽度的中栏后面181

5．5组合之路185

第六章 不要害怕各式各样的浏览器186

6．1浏览器的市场186

古老的IE5．x186

IE5．x／win186

IE5．x／mac187

讨厌的IE6187

里程碑——IE7187

新一代的IE4187

开发利刃——Firefox188

华丽的Oprea188

异军——Safari188

6．2兼容之道189

条件注释189

过滤浏览器190

破坏属性192

Hack之道192

6．3兼容问题193

一切从浮动开始193

Layout初体验195

闭合浮动元素198

IE受不了浮动202

浮动元素双倍margin202

消失的margin-bottom204

砍掉的内容206

消失的内容206

多了一只“猪”207

IE的其他问题208

背景消失208

背景原点209

没有内容的内容210

消失的滚动条211

更多的消失213

Layout全接触216

默认Layout元素216

属性触发Layout217

关于内联元素217

重置hasLayout217

引起问题218

块级格式化范围（block formatting context）219

其他浏览器的问题223

第七章 CSS常用技巧224

7．1 滑动门技术224

滑动门的原理224

当只有文字被放大时227

一张图片当N个门使用228

一些可能会被忽略的问题229

其他的一些应用231

7．2圆角233

7．3图片的细节236

载入中的图片237

加载不了的图片238

缩放的图片239

伪类缩放的图片240

7．4被放大的文字245

7．5当前标识248

视觉标识248

面包屑（Breadcrumbs）250

操作步骤253

7．6居中元素256

垂直居中多行文字256

未知大小图片在已知大小容器中垂直和水平居中258

相对页面垂直和水平居中已知大小的容器260

7．7隐藏的Tips会出现262

实现原理262

图片信息265

第八章 文字的艺术268

8．1中文的特殊性268

8．2缩放机制269

缩放的文字270

缩放的盒子272

8．3行高与基线274

行高的细节274

基线278

文本空间280

8．4 input里的文字283

8．5链接的范围284

额外的点击空间285

缺少的点击空间285

8．6不间断的文字287

8．7省略掉的文字288

8．8字体的介绍290

中文字体290

英文字体293

8．9语言会影响到字体296

第九章 细品命名与微格式298

9．1命名规则298

9．2命名原则298

9．3不再陌生的Microformats300

认识微格式300

从微格式中提炼知识302

9．4 ID与CLASS选择谁304

9．5自定义标签305

9．6命名的重要性306

第十章 换个思维来设计308

10．1消失了文字，看到了彩虹308

文字变成图片的几种方法308

文字也可以用Flash来表现311

10．2用div代替html／body313

10．3缩放的布局315

实现原理315

缩放一半318

精准em321

10．4网页是可以用叠的322

在一屏幕里显示所有内容322

图片的位置332

position：absolute的层叠335

10．5百分比加减固定数值339

50％＋200px339

50％-200px342

10．6两列等高——margin负值篇344

10．7类display：inline-block的应用345

第十一章 隐藏在浏览器背后的CSS348

11．1 （X）HTML与CSS校验的意义348

11．2 IE背后的善良349

IE常见私有属性349

滤镜353

11．3火狐狸的尾巴带着CSS3的味道360

At-rules规则360

Properties属性360

Values属性值367

11．4其他浏览器的兼容方案368

第十二章 JavaScript让Web动起来370

12．1 概念370

什么是JavaScript370

ECMAScript是什么371

什么是DOM371

什么是BOM372

想法372

怎样让JavaScript运行372

12．2编程基础373

语法374

变量376

基本数据类型377

数值377

字符串378

布尔型379

表达式与运算符379

算术运算符379

关系运算符380

逻辑运算符381

赋值运算符381

基本语句382

条件语句382

循环语句383

函数384

对象386

12．3 DOM无处不在387

把文档表示为树387

树的节点388

节点的属性390

HTML DOM特征391

12．4事件处理392

什么是事件392

Event对象393

事件的绑定394

分离396

12．5只要改变className就可以改变很多——下拉菜单的练习396

结构的选择396

分离实现效果397

想法401

12．6表单的辅助402

检查数据402

隐式提示403

创建内容——innerHTML VS createElement406

setTimeout的用处409

Ajax初体验410

HTML5的表单元素411

12．7 class特效412

第十三章 亲和力415

13．1概念415

13．2 Web内容可访问性指南416

并非所有的内容都是显示的416

保持原有功能的有效性421

让文字看得见422

热键操作423

导航428

标题与内容429

语言与编码430

亲和力声明430

建议431

13．3技术层上的一些亲和力431

如何让链接变得更有表达能力431

扩展链接的提示434

节省步骤437

图片还是背景图片440

第十四章 XML的无限变化442

14．1 XML的作用442

XML能做什么442

XML的表现442

XML＋CSS的表现443

元素的语义446

XSLT初体验448

14．2 XPath与XSLT450

XPath简介451

XSLT应用XPath452

程序性转换的XSLT454

XSLT常见元素455

XSLT函数document461

XPath定位462

定位路径表达式462

轴462

节点测试464

XPath基本表达式464

XPath常见函数465

X练习467

14．3华丽的RSS467

复习468

转换时间格式的模板与参数的应用470

过滤与排序471

背景色交替472

显示（X）HTML内容473

还能做什么？475

14．4 XML的周边与命运475

XML Schema475

WML476

SVG477

XML的未来478

第十五章 简单的实战480

15．1 创建开源社区系统OpenLab的首页480

分析结构481

叠出来的头部482

一张背景的导航487

表格无敌489

隐藏内容499

显示的变化501

15．2 Ao．A相册502

分析结构503

大背景503

基本结构505

图片展示506

浮动的空白510

小小的Tip提示513

IE的兼容问题515

放弃也是一种美！519

精准到px520

让网页动起来——JavaScript521

那JavaScript要应用在哪些地方呢？522

那使用JavaScript要注意什么呢？522

让网页动起来——Flash524

网页并非会按我们所想的显示525

网页并不一定要用浏览器看的527

打印网页529

15．3架构前端530

脚本框架530

模块化样式表531

模块化（X）HTML532

文件架构533

15．4给自己做点什么534

开始设计属于你自己的网站534

结构与表现535

华丽的效果源自哪里？535

第十六章 最后的建议538

16．1思维的乐趣538

坚持独立思考538

要善于自己发现和解决问题539

不断丰富知识，提高所掌握知识的质量539

换个角度思考问题540

16．2减少重复开发的选择540

16．3让维护方便点541

适当的注释541

API手册542

16．4以后自学的方向543

附录545