你好,很高兴你能翻开这本书——《Web标准设计》。可能你看到书名时已经在疑惑,是“Web-标准设计”还是“Web标准-设计”呢?其实两者皆是。.
Web标准并不是新东西。早在几年前,国外已经有不少网站在应用着Web标准进行设计,但中国的网站开发人员直到近两三年才渐渐接受这种技术,虽然近两年来,国内已经引入翻译了不少相关而且质量不错的书籍,但我还是坚持写下这本书,本书最有价值的地方仅仅是在翻译书籍的内容上渗透了些中国特色的部分,除此之外,并没有多大区别。如果非要找出区别,那就是我写的技术不如他们,而且错别字也比较多。
本书介绍的内容
本书针对Web开发人员讲解Web标准。开始部分解释了Web标准一些概念跟误会,之后详细介绍了构成Web标准的各个组成部分,着重介绍了XHTML和CSS的应用,同时还讨论了JavaScript、XML、XSLT的应用,此外还介绍了中文的特殊表现、命名的应用以及Web标准中最常给人忽视的无障碍网页倡议(WAI)。
基于上述的讨论,本书以实例的形式介绍了这些内容的组合应用,以及一些常见和不常见的技术的介绍。
虽然本书讲述的内容是Web标准,但由于页数有限,本书无法让你精通Web标准所有的知识点,我选择的重点是XHTML+CSS,其它的方面只能说让你达到了解、掌握基础的地步。
本书适合的读者
本书适合所有的网站开发人员阅读:
网站开发新手。没有过多的行话和技术术语,即使读者对Web标准没有足够清晰的认识,也可以渐进地理解所有的章节。
对Web标准有一定了解的读者。如果你对Web标准有一定的了解,本书能带你深入Web标准的各个领域,而不仅仅只是停留在DIV+CSS的层面。
在Web标准中迷惘的开发人员。如果你是还在为浏览器兼容的问题头疼,如果你还在想Web标准应该怎样用,如果你还是在Web标准中……那本书最适合你不过了,本书是讲解问题的本质,而不是简单介绍解决问题的方式。
Web标准的高级玩家。即使是对Web标准了如指掌的读者也能从阅读本书的过程中受益良多,本书就是我们交流的途径。
如何阅读本书及各章内容概述
本书采用的是渐进学习的方式,除了最后一章,基本上如果你不能掌握前面章节的知识,直接阅读后面的章节可能会让你感到一些迷惘。不管你是新手还是骨灰级玩家,我都建议你从头开始逐页阅读本书,你所掌握的知识不代表与我所掌握的知识完全相同。本书的例子并不多,多数都是通过一个例子做着举一反三的演示。
如果你认为某一章节的知识早已经被你所掌握,你也可以直接跳到你感兴趣的章节阅读你感兴趣的内容。以下是概述本书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标准没多大关系的章节。是我个人给你在学习完前面十五章内容后的一些建议。
关于源代码
在使用本书中的例子时,你可以直接使用本书在网上随附的源代码文件,也可以手工键入所有的代码,个人推荐是后者。
本书中用到的所有源代码文件都可以从我个人的网站(www.aoao.org.cn)下载。作为备份,你也可以从清华大学出版社的网站(www.tup.com.cn)上下载到这些源代码,方法是在网站的“搜索”框中输入本书的书名,然后按“搜索”按钮即可找到与本书有关的下载资源。
勘误表
我一直努力确保代码或者正文中没有错误,但是,人总是会犯错误的,而且很难认识到自己的错误,如果你发现了书中的错误,无论是拼写错误还是代码错误,或者是语言的表述问题,请告知我,我将非常感谢,这样也能节省其他读者的时间,同时还可以帮助提高内容的准确性。
本书的勘误表将在我个人的网站(www.aoao.org.cn)上以“本书的勘误表”字样给出。
感谢
尽管本书的封面上只署了一个名字,但完成本书的却不只一个人。没有众人的帮助,本书是不可能完成的。
首先要感谢的是清华大学出版社的陈冰编辑,他为我这个第一次写书的作者提供了所有必需的指导和支持,如果没有他的监督、忠告和帮助,这本书是绝对不可能完成的,还要感谢清华大学出版社其他所有帮助这本书出版的人,遗憾的是我连他们的名字都不知道。
感谢我的公司广州新岸数码科技有限公司及一起合做的同事,特别是芦义、陈恩、左琼、金鑫。如果没有这份工作,本书可能就少了不少技术点;如果公司没有批给我长达45天的假期,本书绝对不可能短短八个月内容完成(策划编辑语:八个月完成的是初稿,事实上,这本书前后花费了一年零七个月才最终达到收稿要求)。
本书最开始的计划并非是我一个人编写,但由于某些原因导致最后是我一个人来创作,感谢跟我一起编写目录的x5(刘申)。本书的第十二章中超过一半的内容是出自月影(吴亮)之手,感谢他在编写自己的图书(他写的那本书叫《JavaScript王者归来》,也是一本畅销书)的同时还给我建议与帮助。
最最要感谢的一个人是我的同事JK(应加宽),如果不是他帮我校的稿,这本书是绝对出不了版。
我能拥有本书的知识,一切都源自跟我一起学习的朋友,感谢他们:一起学习JavaScript的泣红亭(郑运涛)、臭蛋黄(黄志龙)、风云突变(郝俊峰)、FlashSoft(方超)、宝玉(刘俊民)等在无忧脚本论坛所有跟我一起讨论JavaScript的朋友;一起学习Web标准的子乌(沈义彦)、小毅(毛振之)、old9(戚佳慧)、爆牙齿(郑旻)、Realazy(陈贤安)、踩IE(韩磊)、jjgod、PorkFat(刘丹)、小EE(孙亮)、greengnn(张建斌)、怿飞(郑叶飞)等所有在Web标准研究联盟一起讨论Web标准的朋友;还要感谢数以千计一起学习的朋友。
感谢所有在我在写书时支持和帮助我的朋友。
感谢我的家人--我的爸爸妈妈,还有女友陈娟。...
刘杰
2008年7月