Web 设计技术手册（第二版） (2008 年度畅销榜NO.11326 )

本书涵盖了在设计Web页面的时候需要知道的所有东西。这是一个很好的资源，没有收录无用的信息，它的编排和组织让读者可以很快地找到问题的答案。这个经过全面修正和扩展的第二版充分展现了各种前沿技术信息，以及Web设计人员必须了解的技术信息。\r\n\r\n 本书是有关HTML 4.01标签的优秀参考（包括表格、框架、表单、颜色和级联样式表），同时还包括对浏览器的支持、平台特性和标准的相关信息。读者还可以查阅到很多关于使用图形、多媒体、音频和视频的最新信息，以及诸如动态HTML、JavaScript和XML等的高级技术，本书还增添了关于XHTML、WML和SMIL的新章节。本书是各类Web设计人员不可缺少的工具。\r\n\r\n 本书的主要内容如下：\r\n\r\n ·Web环境的讨论，包括显示器和浏览器、从Web打印、可访性和国际化。\r\n\r\n ·HTML和服务器端嵌入内容的完整参考，包括各个标签和属性的最新浏览器支持（Netscape 6、IE 5.5和Opera 5）。\r\n\r\n ·创建GIF、动画GIF、JPEG和PNG图形的新章节，包括使用Web调色板进行设计的内容。\r\n\r\n ·多媒体和交互性信息，包括音频、视频、Flash 5和Shockwave，以及SMIL的新章节。\r\n\r\n ·级联样式表的修正指南和参考。\r\n\r\n ·对HTML标签、属性、不提倡标签、专有标签、CSS兼容性和支持和字符实体的详细附录。 \r\n
\r\n

第一部分 Web环境 \r\n\r\n 第一章 针对多种浏览器的设计浏览器 \r\n\r\n 浏览器使用情况统计 \r\n\r\n 设计策略 \r\n\r\n 了解你的用户 \r\n\r\n 测试, 测试, 再测试！ \r\n\r\n 标准的重要性 \r\n\r\n 第二章 针对不同显示器的设计 \r\n\r\n 处理未知的显示器分辨率 \r\n\r\n 固定的和灵活的Web页面设计 \r\n\r\n 设计'上折页' \r\n\r\n 显示器颜色问题 \r\n\r\n 其他显示器 \r\n\r\n 第三章 针对打印设计者的Web设计原则 \r\n\r\n Web不同于打印 \r\n\r\n Web上的排版 \r\n\r\n Web上的颜色 \r\n\r\n Web上的图形 \r\n\r\n 第四章 服务器初学者指南 \r\n\r\n 服务器简介 \r\n\r\n Unix目录结构 \r\n\r\n 文件命名约定 \r\n\r\n 文档上载（FTP） \r\n\r\n 文件（MIME）类型 \r\n\r\n 第五章 从Web打印 \r\n\r\n 浏览器打印机制 \r\n\r\n '打印机友好的'HTML页面 \r\n\r\n 针对打印输出的级联样式表 \r\n\r\n 可移植文档格式（PDF） \r\n\r\n Flash打印 \r\n\r\n 第六章 可访性 \r\n\r\n Web可访主动性（WAI） \r\n\r\n Web技术中的可访性 \r\n\r\n 工具中的可访性 \r\n\r\n 第七章 国际化 \r\n\r\n 字符集 \r\n\r\n HTML4.01语言功能 \r\n\r\n 样式表语言功能 \r\n\r\n 更多信息 \r\n\r\n 第二部分 创作 \r\n\r\n 第八章 HTML纵览 \r\n\r\n HTML标准 \r\n\r\n HTML标签 \r\n\r\n 浏览器所忽略的信息 \r\n\r\n 文档结构 \r\n\r\n 关于HTML样式的技巧 \r\n\r\n HTML工具 \r\n\r\n 本书中的HTML资源 \r\n\r\n 第九章 HTML结构标签 \r\n\r\n 结构标签概要 \r\n\r\n 建立HTML文档 \r\n\r\n 用标签进行全局设置 \r\n\r\n 使用标签 \r\n\r\n 第十章 文本格式化 \r\n\r\n 文本标签概要 \r\n\r\n 处理HTML文本 \r\n\r\n 内朕字型梯式 \r\n\r\n 和 \r\n\r\n 标签 \r\n\r\n 列表 \r\n\r\n HTML文本设计技术 \r\n\r\n 字符实体引用 \r\n\r\n 第十一章 创建链接 \r\n\r\n 和链接相关的标签概要 \r\n\r\n 简单超文本键接 \r\n\r\n 文档内的链接 \r\n\r\n 控制链接的外观 \r\n\r\n 目标窗口 \r\n\r\n 映射图 \r\n\r\n 非Web链接和协议 \r\n\r\n 用来链接文档 \r\n\r\n 第十二章 添加图像和其他页面元素 \r\n\r\n 对象布置标签概要 \r\n\r\n 图像基础 \r\n\r\n 标签和它的属性 \r\n\r\n 水平线 \r\n\r\n 嵌入媒体文件 \r\n\r\n Java Applet \r\n\r\n 第十三章 表格 \r\n\r\n 表格标签概要 \r\n\r\n 表格入门 \r\n\r\n 基础表格结构 \r\n\r\n 控制表格外观 \r\n\r\n 表格疑难问题 \r\n\r\n 提示和技巧 \r\n\r\n 标准表格模板 \r\n\r\n 表格中的多部分图像 \r\n\r\n 第十四章 框架 \r\n\r\n 框架标签概要 \r\n\r\n 框架介绍 \r\n\r\n 基本框架集结构 \r\n\r\n 框架的功能和外观 \r\n\r\n 目标框架 \r\n\r\n 内联（浮动）框架 \r\n\r\n 框架设计提示和技巧 \r\n\r\n 第十五章 表单 \r\n\r\n 表单标签概要 \r\n\r\n 表单简介 \r\n\r\n 基本的表单（） \r\n\r\n 表单元素 \r\n\r\n HTML4.01中的新表单属性 \r\n\r\n 控制表单的外观 \r\n\r\n 揭去CGI的'面纱' \r\n\r\n 第十六章 在HTML中指定颜色 \r\n\r\n 用RGB值指定颜色 \r\n\r\n 用名称来指定颜色 \r\n\r\n 第十七章 级联样式表 \r\n\r\n 使用样式表 \r\n\r\n 样式表工作原理 \r\n\r\n 选择器 \r\n\r\n 值的指定 \r\n\r\n 属性 \r\n\r\n 用样式表定位 \r\n\r\n CSS2中的新特性 \r\n\r\n 样式表提示和技巧 \r\n\r\n 浏览器支持表 \r\n\r\n 第十八章 服务器端嵌入 \r\n\r\n SSI如何使用 \r\n\r\n SSI和服务器 \r\n\r\n 将SSI命令添加到文档 \r\n\r\n 使用环境变量 \r\n\r\n XSSI \r\n\r\n SSI命令 \r\n\r\n 嵌入变量 \r\n\r\n SSI输出的时间格式 \r\n\r\n 第三部分 图形 \r\n\r\n 第十九章 GIF格式 \r\n\r\n GIF87a和GIF89a \r\n\r\n 8位索引颜色 \r\n\r\n GIF压缩 \r\n\r\n 什么时候使用GIF \r\n\r\n 工具纵览 \r\n\r\n 隔行扫描 \r\n\r\n 透明 \r\n\r\n 最小化GIF文件尺寸 \r\n\r\n 第二十章 JPEG格式 \r\n\r\n 24位颜色 \r\n\r\n JPEG的压缩 \r\n\r\n 什么时候使用JPEG \r\n\r\n 渐进JPEG \r\n\r\n 创建JPEG \r\n\r\n 最小化JPEG的文件尺寸 \r\n\r\n 第二十一章 PNG格式 \r\n\r\n PNG软事 \r\n\r\n 什么时候使用PNG \r\n\r\n 平台/浏览器支持 \r\n\r\n 8位调色板. 灰度和真彩 \r\n\r\n PNG压缩 \r\n\r\n 特殊功能 \r\n\r\n 创建PNG文件 \r\n\r\n PNG优化策略 \r\n\r\n 导读 \r\n\r\n 第二十二章 用Web调色板设计图形 \r\n\r\n 如何用Web安全色设计图形 \r\n\r\n 转换为Web调色板 \r\n\r\n Web调色板策略 \r\n\r\n 颜色混合器 \r\n\r\n 导读 \r\n\r\n 第二十三章 动画GIF \r\n\r\n 工作原理 \r\n\r\n 使用动画GIF \r\n\r\n 浏览器支持 \r\n\r\n 工具 \r\n\r\n 创建动画GIF \r\n\r\n 优化动画GIF \r\n\r\n 第四部分 多媒体和交互性 \r\n\r\n 第二十四章 Web上的音频 \r\n\r\n 数字音频基础概念 \r\n\r\n 使用现有音频 \r\n\r\n 准备你自己的音频 \r\n\r\n 流式音频 \r\n\r\n Web音频格式 \r\n\r\n 选择音频格式 \r\n\r\n 将音频添加到网页 \r\n\r\n 导读 \r\n\r\n 第二十五章 Web上的视频 \r\n\r\n 数字机频基础概念 \r\n\r\n 压缩 \r\n\r\n 视频文件格式 \r\n\r\n 格式的选择 \r\n\r\n 将视频添加到HTML文档 \r\n\r\n 导读 \r\n\r\n 第二十六章 Flash和Shockwave \r\n\r\n 在网页上使用Flash \r\n\r\n Flash增效工具 \r\n\r\n 创建Flash电影 \r\n\r\n 将Flash添加到网页 \r\n\r\n Flash和其他技术的结合 \r\n\r\n Flash资源 \r\n\r\n Director Shockwave \r\n\r\n 将Shockwave电影放到网页上 \r\n\r\n Director在线资源 \r\n\r\n 第二十七章 SMIL介绍 \r\n\r\n SMIL工作原理 \r\n\r\n SMIL播放器 \r\n\r\n SMIL制作工具 \r\n\r\n 编写SMIL \r\n\r\n 导读 \r\n\r\n 第五部分 高级技术 \r\n\r\n 第二十八章 JavaScript介绍 \r\n\r\n JavaScript历史 \r\n\r\n JavaScript基础 \r\n\r\n 脚本示例 \r\n\r\n 处理多个浏览器 \r\n\r\n 第二十九章 DHTML介绍 \r\n\r\n 使用DHTML \r\n\r\n DHTML工作原理 \r\n\r\n 文档对象模型 \r\n\r\n 层的创建 \r\n\r\n DHTML示例 \r\n\r\n 浏览器探测 \r\n\r\n DHTML工具 \r\n\r\n 导读 \r\n\r\n 第三十章 XML介绍 \r\n\r\n 背景 \r\n\r\n 工作原理 \r\n\r\n XML文档语法 \r\n\r\n 文档类型定义（DTD） \r\n\r\n XML技术示例 \r\n\r\n 导读 \r\n\r\n 第三十一章 XHTML \r\n\r\n XHTML标准的发展 \r\n\r\n 创建XHTML 1.0文档 \r\n\r\n XHTML文档声明 \r\n\r\n 合式的XHTML \r\n\r\n 尝试 \r\n\r\n 第三十二章 WAP和WML \r\n\r\n 关于WAP \r\n\r\n 创建WAP应用程序 \r\n\r\n WML介绍 \r\n\r\n WML元素和属性 \r\n\r\n WAP和WML资源 \r\n\r\n 第六部分 附录 \r\n\r\n 附录一 HTML元素 \r\n\r\n 附录二 属性列表 \r\n\r\n 附录三 不提倡使用的标签 \r\n\r\n 附录四 专有标签 \r\n\r\n 附录五 CSS支持表 \r\n\r\n 附录六 字符实体 \r\n\r\n 词汇表 \r\n
\r\n

最初, Web是很简单的. 我在1993年初首次接触它的时候(为O'Reilly的全球网络 导航器工作), 只有一种浏览器可以用来浏览web页面, 该浏览器只能运行在Unix 平台上. 一共只有十来个标签可以作出点有意思的东西. 设计一个Web页面可以说 是一项相对简单的任务.

但这种情况并没有持续太久. 随着Web的爆炸性发展, 新技术. 专用标签和各种缩 写纷至咨来. 即使对于那些专门研究专业基础术语和环境的人土来说, 也会被这些术 语所“淹没”, 将其悉数记住更加没有可能.

离开O'Reilly的Cambridge(自由职业的人员管理事务所)以来, 我感到最孤独无助的时候是遇到下列困扰时——因为我不知道在某个设计里面要使用什么音频格式, 或者不记得是什么标签使用了NARGINWIDTH属性. 我也不耻承认, 在处理完一个不管 我怎么小心而热情的捣鼓但就是莫名其妙有问题的表格之后, 我会激动得流下眼泪. 在这种情况下, 有的时候我会很想走出去, 向某个专家同事请教一下. 但我的总公司里并没有这么好的条件, 因此我尽量搜寻在线Web设计信息(在Internet上, 没有人知道你正睁着通红的眼睛). 不幸的是, 要找到一个问题的答案是非常耗时的, 有的时候这个过程本身就让人头痛. 最终期限的限制根本不允许我进行两三个小时的搜寻.

我编写本书是因为这是我所需要的书籍——一个可以很快找到问题答案的地方. 显然, 其他很多人也会需要它, 它将成为畅销书, 会在全球Web设计者的桌面上找到一个永久的“家园”.

对于编写Web来说, 困难的事情在于, 它是一个运动着的事物, 总是在变化和发展. 1998年, 当我编写第一个版本的时候, 很多人已经接触Web了. 我们已经看到, 新的技术脱颖而出, 而旧的技术则逐渐被淘汰. 激烈的浏览器“战争”已经堰旗息鼓, 这个产业开始一点点向着标准化的方向前进. 数不尽的软件版本出现了, 又消失了.

这本新版的书彻底回顾并修正了以前所讨论的技术内容, 以反映新的Web设计环境. 所有的HTML章节已经更新以对应4. 01规范, 而浏览器支持信息现在反映的是Microsoft的IE 6(写本书的时候为测试版)和Netscape 6. 为了跟上当前的趋势, 在创建Web页面时重要的是遵循这样的标准——用HTML来构建, 用级联样式表来表示所有的样式信息. 虽然为了叙述上的完整性, 本书仍包括了传统的非标准Web技巧, 但说明的时候我也会使用警示的语调.

除了对现有章节的雕琢之外, 我还添加了一些新的章节来说明重要的主题, 包括：从Web打印页面(第五章). 让残疾人可以访问Web页面(第六章). Flash和Shockwave (第二十六章). SMIL的多媒体表示(第二十七章). XHTML(第三十一章)以及用WML设计无线Web(第三十二章). 我很高兴地告诉大家, 这个版本比前一版本有

了很大的提高.

内容

本书的焦点集中在Web设计的前沿问题上：HTML制作. 图形的生产以及媒体开发. 它并非是一个编程. 脚本编写或者服务器功能的资源, 但是, 只要可能, 我都会努力在这些主题上提供足够的背景信息, 以便让设计者熟悉术语和技术. 本书的内容适合于所有层次的技术人员——从需要注意特殊细节的专业人士, 到要求讲解新概念和单个标签的所有内容的初学者.

本书分为六个部分, 每个部分囊括一个专题.

第一部分Web环境

第一部分介绍了一些关于Web原理的基本概念, 它要让初学者注意媒体的特性, 本部分是以服务器和Unix基础概念的介绍来结束的.

第一章“针对多种浏览器的设计”要关注的是浏览器的不同性能如何影响设计工作.

第二章“针对不同显示器的设计”讨论各种显示器分辨率和访问性(可访性)问题, 以及它们对设计过程的影响.

第三章“针对打印设计者的Web设计原则”介绍了Web如何处理颜色. 图形和字体的问题. 它对于那些习惯打印的人非常有用, 但是, 它对于Web新手来说也是非常基本的背景信息.

第四章“服务器初学者指南”提供了关于服务器功能. 系统命令. 文件上载和文件类型的基础介绍.

第五章“从Web打印”将告诉你如何在打印的时候控制页面形式.

第六章“可访性”包括让听力. 视力. 感知力和运动技能有障碍的用户访问你的页面的方法.

第七章“国际化”介绍一些国际化的关键问题, 包括HTML 4和CSS2中的特征设置和新的语言功能.

第二部分创作

第二部分的焦点在HTML标签和它们的使用方面. 大部分的章节以可用标签及其简短描述(以便简单访问)为开头, 后面是更为深入的说明和对用法的实际建议.

第八章“HTML纵览”对于HTML语法给出了详细的介绍, 包括如何指定颜色和特殊字符.

第九章“HTML结构标签”列出了用来建立HTML文档并构建其结构的标签, 包括控制整个文档及与整个文档相关的设置.

第十章“文本格式化”列出了所有和HTML文档中文本元素格式化相关的标签.

第十一章“创建链接”列出了与将一个文档链接到另外的文档有关的标签, 包括映射图.

第十二章“添加图像和其他页面元素”的焦点集中在用来将诸如图像. 线条或者多媒体对象这些东西放到Web页面上的标签上.

第十三章“表格”提供了你需要知道的和表格有关的所有内容, 包括和表格有关的HTML标签列表. 排错技巧以及通用表格结构的模板.

第十四章“框架”涵盖了框架文档的结构和创建, 包括和框架有关的HTML标签的说明以及相关的技巧.

第十五章“表单”列出了和表单创建有关的所有标签, 并提供了处理CGI脚本的绍.

第十六章“在HTML中指定颜色”包括在Web文档中指定颜色的两种方法：RGB值和颜色名称.

第十七章“级联样式表”描述了如何用CSS来控制HTML档的表示(presentation), 包括可用选择器. 所有属性和值的详细说明. 还介绍了CSS Level2功能, 并且提供了样式表使用方面的技巧.

第十八章“服务器端嵌入”提供了服务器端嵌入的概述, 包括它们的性能. 可用元素和变量的列表.

第三部分图形

第三部分的章节提供了Web图形文件格式的背景信息. 可用工具的简介以及图形的产生和优化方面的实际技巧.

第十九章“GIP格式”描述了流行的GIF格式, 并提供了处理透明效果和最小化文件尺寸方面的技巧.

第二十章“JPEG格式”描述了JPEG格式, 并提供了最小化文件尺寸方面的技巧.

第二十一章“PGN格式”告诉你要在什么时候, 如何使用这个有效的图形文件格式.

第二十二章“用Web调色板设计图形”讨论了用从Web调色板得到的颜色来创建图形的工具和技术.

第二十三章“动画GIF”包括那些闪动. 弹跳和扭动的GIF动画的创建和优化.

第四部分多媒体和交互性

本部分集中讨论了Web的动画. 音频和交互性能.

第二十四章“Web上的音频”提供了关于创建Web上的流声音以及非流声音的工具和文件格式的纵览.

第二十五章“Web上的视频”提供了关于在Web上创建流视频以及非流视频的工具和文件格式的纵览.

第二十六章“Flash和Shockwave”集中讨论了Macromedia的F1ash和DirectorShockwave格式.

第二十七章“SMIL介绍”提供了SMIL工作原理以及用来控制多媒体显示的元素的介绍.

第五部分高级技术

第五部分提供了对允许在Web站点上执行高级功能的关键技术的纵览.

第二十八章“JavaScript介绍”提供了JavaScript的一般介绍, 以及用来创建流行效果的一些模板, 比如事件处理程序. 浏览器探测以及状态栏消息.

第二十九章“DHTML介绍”提供了动态HTML和相关概念的基本介绍.

第三十章“XML介绍”给出了XML(可扩展标记语言)的简要介绍以及它的重要性说明.

第三十一章“XHTML”给出了HTML 4. o和XHTML之间的不同和相似点.

第三十二章“WAP和WML”以对WAP和应用程序发展的简要介绍开始. 本章的另外一半焦点集中在WML及其工作原理上, 包括当前WML规范中的元素和属性摘要.

第六部分附录

第六部分给出了HTML标签和CSS元素的查询表.

附录一“HTML‘元素”列出了所有的HTML标签, 这些标签与1998年4月在HTML4. 0规范中所列出来的相同. 这个列表还可以作为查找本书中标签说明的索引.

附录二“属性列表”给出了所有的属性和各自的标签. 值的列表.

附录三“不提倡使用的标签”列出了所有在HTML 4. 0规范中已经“不提倡”(不赞成使用)的标签.

附录四“专有标签”列出了只对Netscape Navigator或者IE有效的标签.

附录五“CSS支持表”列出了所有CSS属性和支持它们的浏览器.

附录六“字符实体”列出了所有在普通字母数字字符集中所没有的字符. 这个附录的

第一部分给出了标准HTML字符实体. 第二部分是新添加到HTML 4. 0规范中的字符, 还没有得到支持. “词汇表”定义了本书所使用的很多术语.

排版约定

本书使用下列排版约定：

等宽字体(constant width)

用来表示HTML标签. 代码示例和键盘命令.

等宽斜体(constant width italic)

用来表示代码中的变量文本.

斜体(italic)

用来表示变量. 文件名. 文件夹名. URL和术语表条目.

建议与评论

本书的内容都经过测试, 尽管我们做了最大的努力, 但错误和疏忽仍然是在所难免的. 如果你发现有什么错误, 或者是对将来的版本有什么建议, 请通过下面的地址告诉我们：

美国：

O'Reilly＆Associates, Inc.

101Morris Street

Sebastopol, CA 95472

中国：

100080北京市海淀区知春路49号希格玛公寓B座809室

奥莱理软件(北京)有限公司

本书的勘误表和附加信息可在网上找到. 网页的地址为：

http：//www. oreilly. com/catalog/wdnut2/

要对本书的技术问题提建议或者问题, 可将邮件发送到：

bookquestions＠oreilly.com

info＠oreilly.com.cn

关于本书的更多信息. 讨论会. 软件. 资源中心和o'Reilly网络, 可以参见O'Reilly的网站：

http：／／www.oreilly.com

http：／／www.oreilly.com.cn

鸣谢

有很多人为本书的编写作出了贡献. 首先, 我要感谢我的编辑Lorrie LeJeune, 感谢她的支持, 并且不管进度有多么紧迫, 她都保持对这件事的愉快态度. 我还要深深感谢执行编辑Paula Ferguson所付出的时间和关注, 他的确懂得如何让一本书迅速成形. 还要感谢Richard Koman, 第一版的编辑, 那个版本为当前的版本提供了坚实的基础.

感谢Bill Pena编写了关于JavaScript和DHTML的章节(不管他在O'Reilly还有多少其他任务).

这个版本因为有了一群技术审校者富有思想性的注释而得到了巨大的提高, 他们是：Lane Becker(感谢他详细的. 巨细靡遗的处理), Ian Graham(和他令人惊叹的HTML和XML知识), Eric Meyer(CSS先生), Greg Roelofs(PNG之王), Timothy Plumer, Jr. (Adobe Acrobat), Lisa Coen(Flash和Shockwave), Josh Beggs(音频), DerekStory和Steve McCannell(视频)以及Bob Eckstein(WAP和WML).

也要感谢Ron Woodall, 他是HTML纲领的创建者, 在第一个版本中, 这为浏览器支持图表提供了基础. 我希望你去找出HTML纲要的站点(http：//www. html- compendium.org), 这样就可以得到标签和属性的完整列表, 当前的和已经淘汰的都有, 并包含详细的描述和浏览器支持信息.

谢谢下面的人们所提供的不同形式的帮助, 以及我需要用来完成工作的信息和工具：Paul Anderson (Builder. com), Andrew King (Webreference. com), Kevin Lynch(Macromedia公司), Doug Meisner和Timothy Plumer, Jr. (Adobe系统公司).

我还想感谢的是O'Reilly创作队伍的巨大影响. Leanne Soylemez是策划编辑, Emily Quill对成果进行处理, Anne-Marie Vaduva友好地提供了工具支持, 而Rob Romano和Jessamyn Read对图表进行更新. 我还要对Tim O'Reilly表示感谢, 感谢他对本套“坚果”系列技术手册丛书的认真工作, 他早在1998年就对本书赞赏有加.

当然, 我还要感谢我的妈妈. 爸爸以及我的兄弟Liam, 他们永远支持着我, 并且给予我灵感. 最后, 但却是非常重要的是, 我要感谢我的新婚丈夫Jeff Robbins, 他让我的生活总是那么有意思, 充满了生趣.

无封面