分享
 
 
 

Web标准设计

王朝百科·作者佚名  2010-05-27
窄屏简体版  字體: |||超大  

Web标准设计作者:刘杰

市场价:¥75.00

出版社:清华大学出版社

页码:551 页

出版日期:2009年

ISBN:9787302187066

版本:1版

装帧:平装

开本:16

中文:中文

内容简介《Web标准设计》针对Web开发人员讲解Web标准。开始部分解释了Web标准的一些概念跟误会,之后详细介绍了构成Web标准的各个组成部分,着重介绍了XHTML和CSS的应用,同时还讨论了JavaScript、XML、XSLT的应用,此外还介绍了中文的特殊表现、命名的应用以及Web标准中最常给人忽视的无障碍网页倡议(WAI)。

基于上述的讨论,《Web标准设计》以实例的形式介绍了这些内容的组合应用,以及一些常见和不常见的技术。

虽然《Web标准设计》讲述的内容是Web标准,但由于页数有限,《Web标准设计》无法让你精通Web标准所有的知识点,我选择的重点是XHTML+CSS,其他的方面只能说让你达到了解、掌握基础的地步。

编辑推荐一扇经常开启的门的铰链不需要润滑油。

一条湍急的河流不会变得污浊。

无论是声音还是想法都不可能在真空中传播。

Web标准如果不用就会腐朽。

这世界真奇妙!

王朝前端设计师 蓝色理想荣誉团队成员

无忧脚本超级版主嗷嗷 耗时两年大作

目录第一章 Web标准不是神话

1.1 理解Web标准

1.1.1 Web标准是什么

1.1.2 错误的思维

1.1.3 无障碍网页倡议(WAI)

1.2 量化Web标准

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

1.2.2 Web标准要求一览表

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

1.3 为什么选择Web标准

1.4 CSS为什么着火

1.4.1 CSS的作用

1.4.2 CSS 布局 VS. 表格布局

1.5 我能否学好Web标准

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

1.5.2 学习的重点与难点

1.6 欲善其事, 先利其器

1.6.1 软件的选择

1.6.2 调试环境

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

2.1 一切从语义开始

2.2 网页的构成

2.3 常见标签

2.3.1 标题

2.3.2 内容

2.3.3 列表

2.3.4 表格

2.3.5 表单

2.3.6 注释

2.4 比HTML多出一个X

2.4.1 还多了什么

2.4.2 谁影响了网页的样子

2.4.2.1 浏览器的多模式

2.4.2.2 开启通往标准的模式

2.4.3 坚持Strict Markup

2.4.4 语义化

2.5 按语义来分类

2.6 块元素与内联元素

2.7 div不是神

2.7.1 合理应用

2.7.1.1 嵌套

2.7.1.2 div不是table

2.7.2 div与span的差别

第三章 CSS——网页美容师

3.1 语法结构

3.1.1 基本结构

3.1.2 样式表中的注释

3.1.3 字符转义

3.2 选择符的使用

3.2.1 通配选择符

3.2.2 类型选择符

3.2.3 包含选择符

3.2.4 子对象选择符

3.2.5 相邻选择符

3.2.6 属性选择符

3.2.6.1 匹配属性和属性值

3.2.6.2 类选择符

3.2.7 ID选择符

3.2.8 选择符分组

3.3 伪元素与伪类

3.3.1 伪类

3.3.1.1 :first-child伪类

3.3.1.2 链接伪类——:link 和 :visited

3.3.1.3 动态伪类——:hover. :active与:focus

3.3.1.4 语言伪类——:lang

3.3.2 伪对象

3.3.2.1 :first-letter

3.3.2.2 :first-line

3.3.2.3 :before和 :after

3.4 常用单位

3.4.1 长度单位

3.4.1.1 px vs. em

3.4.1.2 百分比单位

3.4.1.3 其他长度单位

3.4.2 颜色单位

3.5 应用 CSS 在网页上

3.5.1 链入外部样式表

3.5.2 定义内部样式

3.5.3 定义内联定义

3.5.4 导入指定的外部样式表

3.5.5 各种方式的差异

3.5.6 糟糕的手持设备

3.6 继承与覆盖

3.7 优先权的计算

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

4.1 开始你的第一个页面

4.2 文字的表现

4.2.1 字体的外型

4.2.2 颜色的定义

4.2.3 背景的定义

4.3 最简单的布局

4.3.1 Margin 与 Padding

4.3.2 单列固定宽度居中

4.3.3 单列自适应宽度

4.3.4 奇怪的高度

4.3.5 边框的定义

4.4 郁闷的盒模型

4.5 文字旁边的图片

4.5.1 baseline

4.5.2 垂直对齐

4.5.3 图片的浮动

4.6 列表的应用

4.6.1 定义列表的外观

4.6.2 导航菜单的应用

4.6.3 列表的常见应用

4.7 表格

4.7.1 表格的控制

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

4.7.3 伪表格——看起来像, 其实却不是表格

4.8 表单

4.8.1 样式表单

4.8.2 表单元素的细节

4.8.3 注册表单

第五章 布局之道

5.1 固定的左右分栏

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

5.1.2 两列等高——背景伪造篇(一)

5.1.3 自由与未来

5.2 自适应的左右分栏

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

5.2.2 两列等高——背景伪造篇(二)

5.2.3 百分比的细节

5.2.4 clear:right与overflow

5.3 一栏固定宽度, 一栏自适应宽度

5.3.1 单栏浮动

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

5.3.3 Min & Max

5.4 多栏布局

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

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

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

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

5.5 组合之路

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

6.1 浏览器的市场

6.1.1 古老的IE5.x

6.1.1.1 IE5.x/win

6.1.1.2 IE5.x/mac

6.1.2 讨厌的IE6

6.1.3 里程碑——IE7

6.1.4 新一代的IE4

6.1.5 开发利刃——Firefox

6.1.6 华丽的Oprea

6.1.7 异军——Safari

6.2 兼容之道

6.2.1 条件注释

6.2.2 过滤浏览器

6.2.3 破坏属性

6.2.4 Hack之道

6.3 兼容问题

6.3.1 一切从浮动开始

6.3.2 Layout初体验

6.3.3 闭合浮动元素

6.3.4 IE受不了浮动

6.3.4.1 浮动元素双倍margin

6.3.4.2 消失的margin-bottom

6.3.4.3 砍掉的内容

6.3.4.4 消失的内容

6.3.4.5 多了一只“猪”

6.3.5 IE的其他问题

6.3.5.1 背景消失

6.3.5.2 背景原点

6.3.5.3 没有内容的内容

6.3.5.4 消失的滚动条

6.3.5.5 更多的消失

6.3.6 Layout全接触

6.3.6.1 默认Layout元素

6.3.6.2 属性触发Layout

6.3.6.3 关于内联元素

6.3.6.4 重置hasLayout

6.3.6.5 引起问题

6.3.7 块级格式化范围(block formatting context)

6.3.8 其他浏览器的问题

第七章 CSS常用技巧

7.1 滑动门技术

7.1.1 滑动门的原理

7.1.2 当只有文字被放大时

7.1.3 一张图片当N个门使用

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

7.1.5 其他的一些应用

7.2 圆角

7.3 图片的细节

7.3.1 载入中的图片

7.3.2 加载不了的图片

7.3.3 缩放的图片

7.3.4 伪类缩放的图片

7.4 被放大的文字

7.5 当前标识

7.5.1 视觉标识

7.5.2 面包屑(Breadcrumbs)

7.5.3 操作步骤

7.6 居中元素

7.6.1 垂直居中多行文字

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

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

7.7 隐藏的Tips会出现

7.7.1 实现原理

7.7.2 图片信息

第八章 文字的艺术

8.1 中文的特殊性

8.2 缩放机制

8.2.1 缩放的文字

8.2.2 缩放的盒子

8.3 行高与基线

8.3.1 行高的细节

8.3.2 基线

8.3.3 文本空间

8.4 input里的文字

8.5 链接的范围

8.5.1 额外的点击空间

8.5.2 缺少的点击空间

8.6 不间断的文字

8.7 省略掉的文字

8.8 字体的介绍

8.8.1 中文字体

8.8.2 英文字体

8.9 语言会影响到字体

第九章 细品命名与微格式

9.1 命名规则

9.2 命名原则

9.3 不再陌生的 Microformats

9.3.1 认识微格式

9.3.2 从微格式中提炼知识

9.4 ID与CLASS选择谁

9.5 自定义标签

9.6 命名的重要性

第十章 换个思维来设计

10.1 消失了文字, 看到了彩虹

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

10.1.2 文字也可以用Flash来表现

10.2 用div代替html/ body

10.3 缩放的布局

10.3.1 实现原理

10.3.2 缩放一半

10.3.3 精准em

10.4 网页是可以用叠的

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

10.4.2 图片的位置

10.4.3 position:absolute的层叠

10.5 百分比加减固定数值

10.5.1 50%+200px

10.5.2 50%-200px

10.6 两列等高——margin负值篇

10.7 类display:inline-block的应用

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

11.1 (X)HTML与CSS校验的意义

11.2 IE背后的善良

11.2.1 IE常见私有属性

11.2.2 滤镜

11.3 火狐狸的尾巴带着CSS3的味道

11.3.1 At-rules 规则

11.3.2 Properties 属性

11.3.3 Values 属性值

11.4 其他浏览器的兼容方案

第十二章 JavaScript让Web动起来

12.1 概念

12.1.1 什么是JavaScript

12.1.2 ECMAScript是什么

12.1.3 什么是DOM

12.1.4 什么是BOM

12.1.5 想法

12.1.6 怎样让JavaScript运行

12.2 编程基础

12.2.1 语法

12.2.2 变量

12.2.3 基本数据类型

12.2.3.1 数值

12.2.3.2 字符串

12.2.3.3 布尔型

12.2.4 表达式与运算符

12.2.4.1 算术运算符

12.2.4.2 关系运算符

12.2.4.3 逻辑运算符

12.2.4.4 赋值运算符

12.2.5 基本语句

12.2.5.1 条件语句

12.2.5.2 循环语句

12.2.6 函数

12.2.7 对象

12.3 DOM无处不在

12.3.1 把文档表示为树

12.3.2 树的节点

12.3.3 节点的属性

12.3.4 HTML DOM 特征

12.4 事件处理

12.4.1 什么是事件

12.4.2 Event对象

12.4.3 事件的绑定

12.4.4 分离

12.5 只要改变className就可以改变很多——下拉菜单的练习

12.5.1 结构的选择

12.5.2 分离实现效果

12.5.3 想法

12.6 表单的辅助

12.6.1 检查数据

12.6.2 隐式提示

12.6.3 创建内容——innerHTML VS createElement

12.6.4 setTimeout的用处

12.6.5 Ajax初体验

12.6.6 HTML5的表单元素

12.7 class特效

第十三章 亲 和 力

13.1 概念

13.2 Web内容可访问性指南

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

13.2.2 保持原有功能的有效性

13.2.3 让文字看得见

13.2.4 热键操作

13.2.5 导航

13.2.6 标题与内容

13.2.7 语言与编码

13.2.8 亲和力声明

13.2.9 建议

13.3 技术层上的一些亲和力

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

13.3.2 扩展链接的提示

13.3.3 节省步骤

13.3.4 图片还是背景图片

第十四章 XML的无限变化

14.1 XML的作用

14.1.1 XML能做什么

14.1.2 XML的表现

14.1.3 XML+CSS的表现

14.1.4 元素的语义

14.1.5 XSLT初体验

14.2 XPath与XSLT

14.2.1 XPath简介

14.2.2 XSLT应用XPath

14.2.3 程序性转换的XSLT

14.2.4 XSLT常见元素

14.2.5 XSLT函数 document

14.2.6 XPath定位

14.2.6.1 定位路径表达式

14.2.6.2 轴

14.2.6.3 节点测试

14.2.7 XPath基本表达式

14.2.8 XPath常见函数

14.2.9 X练习

14.3 华丽的RSS

14.3.1 复习

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

14.3.3 过滤与排序

14.3.4 背景色交替

14.3.5 显示(X)HTML内容

14.3.6 还能做什么?

14.4 XML的周边与命运

14.4.1 XML Schema

14.4.2 WML

14.4.3 SVG

14.4.4 XML的未来

第十五章 简单的实战

15.1 创建开源社区系统OpenLab的首页

15.1.1 分析结构

15.1.2 叠出来的头部

15.1.3 一张背景的导航

15.1.4 表格无敌

15.1.5 隐藏内容

15.1.6 显示的变化

15.2 Ao.A相册

15.2.1 分析结构

15.2.2 大背景

15.2.3 基本结构

15.2.4 图片展示

15.2.5 浮动的空白

15.2.6 小小的Tip提示

15.2.7 IE的兼容问题

15.2.8 放弃也是一种美!

15.2.9 精准到px

15.2.10 让网页动起来——JavaScript

15.2.10.1 那JavaScript要应用在哪些地方呢?

15.2.10.2 那使用JavaScript要注意什么呢?

15.2.11 让网页动起来——Flash

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

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

15.2.14 打印网页

15.3 架构前端

15.3.1 脚本框架

15.3.2 模块化样式表

15.3.3 模块化(X)HTML

15.3.4 文件架构

15.4 给自己做点什么

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

15.4.2 结构与表现

15.4.3 华丽的效果源自哪里?

第十六章 最后的建议

16.1 思维的乐趣

16.1.1 坚持独立思考

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

16.1.3 不断丰富知识, 提高所掌握知识的质量

16.1.4 换个角度思考问题

16.2 减少重复开发的选择

16.3 让维护方便点

16.3.1 适当的注释

16.3.2 API手册

16.4 以后自学的方向

附录

……

序言你好,很高兴你能翻开这本书——《wleb标准设计》。可能你看到书名时已经在疑惑,是“Web-标准设计”还是“web标准-设计”呢?其实两者皆是。

Web标准并不是新东西。早在几年前,国外已经有不少网站在应用着Web标准进行设计,但中国的网站开发人员直到近两三年才渐渐接受这种技术,虽然近两年来,国内已经引入翻译了不少相关而且质量不错的书籍,但我还是坚持写下这本书。本书最有价值的地方仅仅是在翻译书籍的内容中渗透了些中国特色的部分,除此之外,并没有多大区别。如果非要找出区别,那就是我写的技术不如他们,而且错别字也比较多。本书介绍的内容

本书针对web开发人员讲解wleb标准。开始部分解释了wleb标准的一些概念跟误会,之外详细介绍了构成wleb标准的各个组成部分,着重介绍了XHTML和CSS的应用,同时还讨论了JavaScript、XML、XSLT的应用,此外还介绍了中文的特殊表现、命名的应用以及Web标准中最常给人忽视的无障碍网页倡议(WAI)。

基于上述的讨论,本书以实例的形式介绍了这些内容的组合应用,以及一些常见和不常见的技术。

虽然本书讲述的内容是Web标准,但由于页数有限,本书无法让你精通Web标准所有的知识点,我选择的重点是XHTML+css,其他的方面只能说让你达到了解、掌握基础的地步。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有