《Web标准设计》针对Web开发人员讲解Web标准。开始部分解释了Web标准一些概念跟误会,之后详细介绍了构成Web标准的各个组成部分,着重介绍了XHTML和CSS的应用,同时还讨论了JavaScript、XML、XSLT的应用,此外还介绍了中文的特殊表现、命名的应用以及Web标准中最常给人忽视的无障碍网页倡议(WAI)。
本书采用的是渐进学习的方式,除了最后一章,基本上如果你不能掌握前面章节的知识,直接阅读后面的章节可能会让你感到一些迷惘。不管你是新手还是骨灰级玩家,我都建议你从头开始逐页阅读本书,你所掌握的知识不代表与我所掌握的知识完全相同。本书的例子并不多,多数都是通过一个例子做着举一反三的演示。
如果你认为某一章节的知识早已经被你所掌握,你也可以直接跳到你感兴趣的章节阅读你感兴趣的内容。以下是概述本书16章的内容:
Web标准不是神话 介绍Web标准的一些概念,包括选择的目的、带来的好处以及一些误解。此外还介绍了一些开发使用的软件与环境。
XHTML——浏览器上的新大陆 介绍了Web标准的核心组成部分中的XHTML,从常见元素的介绍到与HTML的区别以及元素应用的细节。本章描述了缩写(X)HTML必需的基础语法和概念。
CSS——网页美容师 介绍了处理表现的CSS,从基本的语法到复杂的选择符的使用,以及使用的单位与应用的方式,此外还介绍了继承与覆盖和优先权的计算。
用XHTML和CSS来“摆”网页 通过实例的形式开始介绍XHTML+CSS的应用,在介绍应用的同时还分析了对应的XHTML或CSS的详细属性的使用,包括基础的属性应用和盒模型的详细介绍。
布局之道 通过实例的形式介绍了使用XHTML+CSS的各种常用布局以及实现的原理。包括从经典的三行两列固定宽度的布局到复杂的多栏布局的各种布局的有效的实现方式。
不要害怕各式各样的浏览器 介绍了产生兼容问题的一些本质以及解决的方式,包括讨论各浏览器兼容的必要、兼容的方式以及各个问题产生的原因和解决方向,之外还讨论了IE私有的Layout机制和各浏览器的块级格式化范围。
CSS常用技巧 通过实例的形式介绍CSS的一些常用技巧,包括滑动门技术、圆角的实现、标识当前页面等常用技巧,此外,还讨论了一些好玩的技巧,比如放大文字、图片,实现Tips提示等技巧。
文字的艺术 介绍了具有中国特色的汉字的一些特殊性及一些文字相关的技巧。包括缩放文字的机制、文字的行高基线问题,以及文字在多种情况下的变化,比如在文本框中、不间断的文字、省略部分文字等,此外还介绍了常用的字体及影响字体的因素。
细品命名与微格式 介绍了命名的应用。包括命名的规则和原则,以及命名的重要性,此外还介绍了自定义标签和通过命名产生应用的Microformats(微格式)。
换个思维来设计 介绍了通过转换概念实现的一些常见技巧,包括有文字替换、缩放布局、用“叠”的方式来实现一些非常规的效果的实现。此处还讨论了百分比加减固定数值的实现、margin负值实现两列等高及在各浏览器中实现类inline-block的效果。
隐藏在浏览器背后的CSS 重点介绍了IE的私有属性和Firefox实现的一些CSS3的私有属性,此外还讨论了校验的意义及与其它浏览器兼容的建议。
JavaScript让Web动起来 介绍了Web标准组成的一个重要的部分——JavaScript。从概念开始,包括语法、变量、基本的数据类型、表达式与运算符、函数、对象,以及DOM和事件处理等。此外,还介绍了怎样把JavaScript与XHTML和CSS整合应用的一些技巧及部分JavaScript的实用特效。
亲和力 讨论了Web标准组成的另一个重要的组成部分——Accessibility(可访问性)。包括概念上的一些解释及WCAG的一些个人的见解。此外还介绍了一些通过技术层面解决的问题。
XML的无限变化 通过实例介绍了网站发展的另一个方向——XML的应用,包括与XHTML、CSS的关系及应用,及XML与XPath和XSLT关系与应用。此外还讨论了XML的未来。
简单的实战 通过创建两个网站的首页介绍了各种各样的技术的整合应用。包括网站从设计稿转变成页面的各步骤的实现,以及各种情况出现时的处理。此外,还讨论了架构网站前端要注意的问题和建设自己网站的建议。
最后的建议 这一章是唯一一章与Web标准没多大关系的章节。是我个人给你在学习完前面十五章内容后的一些建议。
网名叫嗷嗷,因为我的名字比较难打,结果我多了一个合成的中国英文名 aoao。我打过很多杂,平面设计师,前端开发工程师,交互设计师,产品设计师,现在的职位是前端设计师,更多信息可以访问我的小站。
一,很有内容,技术含量高,而且都是健康食品。就像你去超市购完物付款时,看到排在你前面的那个老奶奶的购物篮里装满了菠菜、青椒、大葱、西红柿、鸡蛋、莴苣、蘑菇、胡萝卜、菜花、茄子,还有一些你根本就叫不出名字的各类蔬菜,而再低头看看你的购物篮里都是些酸奶、薯片、巧克力、可乐、冰淇淋、香肠、咸鸭蛋、葡萄干这类东西时,你就会感到人家的购物篮的东西比你的“更有内容”,从而感到不太好意思。阅读这本书时,你就会有这种感觉。
二,很有思想。正如嗷嗷自己说的,这本书的价值常常不在于给你一个解决方法,而是给你讲解这个问题的本质,并且,面对这样一个本质,我们如何开动脑筋去解决它。学会解决问题的过程比解决问题本身更为重要。
三,语言风趣,读之不累。尽管你偶尔可能还是会看到那么一个两个或者三个前面的缺点部分所提到的问题,但它们毕竟已经很少了,基本不影响阅读了,而且,整本书的语言是风趣的,充满热情的,进取的,几段读下来你就会有这样一个认识——这是一个能从无聊中钻探出快乐的人写的。只有真正的技术专家才能带给你这样的感觉。
因这三点,我等待这本书两年时间。
书已经打开,现在是读书时间。
坏话不好意思贴出来,在这里《Web标准设计》编辑的话可以看到全部。
应该更新为hax 翻译的
- 目前的网页表达信息一般是以
- 自然语言(英语、匈牙利语、汉语…)
- 图表、多媒体、版面布局
- 这些让人类使用是可以,但机器使用起来便有困难了!
- 在应用程序分布方面:
- 使用不只有人参与的自动化应用程序分布过程
- 各种个体都能够理解网页资源的含义
- 在网站中的一个良好定义的术语体系是必须的
- 当前的Web使用以下形式来表达信息:
- 自然语言(英语、匈牙利语、汉语…)
- 图形、多媒体、页面设计1
- 这些形式很适合人类,但是机器处理起来就困难了!
- 特别是分布式的应用中:
- 分布协作的各方是自动化程序而不是人类(至少不仅仅是人类);
- 智能代理需要去“理解”Web资源;
- 必须有一套合理的领域术语。
<a href="#"title="应该<a href="#" title="<select id="..." name="...">
<optgroup label="传说中的分组1">
<option value="...">传说中的测试1</option>
<option value="...">传说中的测试2</option>
</optgroup>
<optgroup label="传说中的分组2">
<option value="...">传说中的测试3</option>
</optgroup>
</select>*{
argin:0;
padding:0;
}中的