基于Web标准的网站构建与经典案例分析
分類: 图书,计算机/网络,程序设计,网站开发,
作者: (美)施米特 等著,叶俊 译
出 版 社: 清华大学出版社
出版时间: 2008-9-1字数: 337000版次: 1页数: 247印刷时间: 2008/09/01开本: 16开印次: 1纸张: 胶版纸I S B N : 9787302184461包装: 平装编辑推荐
CSS+Ajax的Web建站标准,以AOL.com为代表的大型网站分析,资深的获奖Web设计师主笔。
内容简介
当今Web设计师遇到的一个最大的问题就是如何有效地使用现代的、基于标准的技术来创建那些让人耳目一新的大型网站。本书试图与大家分享那些世界上最好的设计师和开发人员在构建真实的大型网站时积累的经验,以帮助大家解决这个问题。
在本书的前半部分,Rob Cherny和Kimberly Blessing概括了使用像CSS和Ajax这样的标准构建Web网站的基本原则。后半部分则介绍了两个特色鲜明的大型网站的构建过程,尤其关注CSS在这两个网站中的使用。首先,Meryl K. Evans将带领您经历将歌手Tori Amos的个人网站(EverythingTori.com)转变为符合Web标准的过程。然后,Kevin Lawver将介绍American Online(aol.com)从ISP(因特网服务提供商)到大型Web网站的演化过程。
深入研究大型公司及小型顾问团是如何向Web标准靠拢的。
探讨来自真实世界的特色鲜明的网站的开发机制。
使用现代的CSS编码和文件管理策略。
挖掘像DOCTYPE切换和普通老式语义HTML(POSH)编码这样的XHTML特性。
学习更多的JavaScript技术,从编码实践到最新的Ajax方法。
访问webstandardsbook.com以获取更新、链接以及下载。注册后就可以获得一份特别的PDF,其中包含Mark Trammell对Jimmy Byrum的一个访谈,Jimmy Byrum是Yahoo!的Web开发人员,负责yahoo.com主页的设计。
作者简介
Christopher Schmitt是Heatvision.com有限公司的创始人,该公司位于俄亥俄州的辛辛那提,是一家新成立的小型媒体出版和设计公司。
作为一名一流的网站设计者,Christopher从1993年开始就一直从事Web设计方面的工作。20世纪90年代中期,当他还在佛罗里达州州立大学攻读图形设计方向的美术学位时,就曾为David Siegel和Lynda Weinman做实习生。他在大学毕业之后继续深造,获得了佛罗里达州州立大学通信学院的交互通信和新通信技术硕士学位。
2000年,他带领着一个团队在Cool Site in a Day竞赛中一举夺魁。在该比赛中他与其他5名杰出的队员在8小时内为一个非赢利组织制作了一个功能齐全、设计完美的网站。
他是CSS Cookbook的作者,该书被评为2006年最佳Web设计类图书,他还是第一部关注CSS设计的书——Designing CSS Web Pages(New Riders)的作者。另外,他还是Professional CSS(Wrox)、Photoshop in 10 Steps or Less(Wiley)及Dreamweaver Design Projects(glasshaus)等几部书的合著者。他还参与编写了XML,HTML,XHTML Magic(New Riders)的其中4章。此外,Christopher还为New Architect Magazine、A
List Apart、Digital Web和Web Reference撰稿。
在很多会议上,例如Train the Trainer、Web Visions和SXSW等,Christopher都充分展示了可访问的、基于标准的设计的用途和好处。他也是Babble(www.babblelist.corn)网站列表版的版主,Babble是一个致力于高级Web设计和开发主题的邮件列表社区。
Christopher在其个人网站上(www.christopher.org)展示了真实的自己和他最近的一些活动。他高6尺7英寸,尽管篮球打得并不是很专业,但却下得一手好国际象棋。
目录
第一部分 构建基于Web标准的网站
第1章 编写前端代码
1.1 从哪里开始
1.2 文档结构:选择合适的标记语言
1.2.1 HTML与XHTML
1.2.2 DOCTYPE的切换以及浏览器的渲染模式
1.2.3 是否验证标记
1.2.4 内容和结构:设计执行
第2章 表现层叠样式表
2.1 究竟需要多少CSS文件
2.2 微格式及其引入的命名规范、语义和工具
2.3 太多类了
2.3.1 典型的classitis
2.3.2 治愈classitis
2.4 CSS文件中内容的结构
2.5 可选的媒体CSS
2.6 表现的自由
第3章 集成表现层
3.1 现代Ajax方法
3.2 JavaScript需要的文件和功能列表
3.2.1 糟糕的脚本
3.2.2 非侵入性的改进
3.2.3 弹出窗口
3.2.4 动态元素以及innerHTML
3.3 在CSS和表现层中JavaScript的行为
3.4 自定义JavaScript与框架
3.4.1 jQuery框架代码示例
3.4.2 框架使得Ajax非常简单
3.4.3 框架总结
第4章 开发Web软件应用
4.1 Web应用在过去遇到了困难
4.2 指导方针、规则和Web标准
4.2.1 编写代码的规则
4.2.2 现代标记可以更好地生成表单
4.2.3 服务器端框架和模板工具
4.3 微软的ASP.NET框架
4.3.1 ASP.NET数据输出
4.3.2 ASP.NET HTML控件、Web控件以及其他
4.4 内容管理
4.4.1 基线内容管理
4.4.2 内容管理和简洁的内容
4.4.3 内容管理输出以及模块
4.4.4 内容管理模板
4.4.5 让内容作者所见即所得
4.4.6 第三方
4.5 如何开发Web应用
第5章 标准循环
5.1 团队中的陋习
5.2 引入标准循环
5.2.1 标准经理
5.2.2 标准的制定和文档化
5.2.3 培训和交流
5.2.4 质量评审流程
5.3 行动起来
5.3.1 保持动力
5.3.2 小结
第二部分 案 例 分 析
第6章 EverythingTori.com
6.1 后台
6.1.1 深入到Tori Amos的世界中
6.1.2 开始设计过程
6.1.3 构造线框图
6.1.4 设计网站
6.1.5 CSS幕后
6.2 启动该网站
6.3 与设计师Philip Fierlinger面对面
6.4 终曲
第7章 AOL.com
7.1 如何使您的团队避免失败、获得成功
7.2 为性能而设计
7.2.1 在写任何代码之前就估计性能
7.2.2 性能关注点
7.2.3 采访David Artz
7.2.4 可重复的步骤
7.3 系统设计和架构
7.3.1 二人同行制
7.3.2 创建代理
7.3.3 考虑一下工作流
7.4 前端向导
7.4.1 使您的标记符合DOCTYPE
7.4.2 CSS最佳实践
7.4.3 可访问的CSS
7.4.4 在现实世界中的性能
7.5 小结
附录A 定位Web浏览器
附录B 可访问性
附录C 提高Web站点性能的技巧
附录D CSS选择器的参考资料
后记
书摘插图
第一部分 构建基于Web标准的网站
引言
了解标准还仅仅只是开始。要制定一个可以经受住时间考验的标准策略,并且使它能被优雅地应用,同时能够在机构、团队或者公司内部进行调整,还必须进行一定的设计。必须理解基本原理,经过深思熟虑之后作出选择(而不是随意的偶然的决定),只有这样才能奠定坚实的基础。
本书将帮助Web开发团队重新思考为什么要建设基于Web标准的网站,以及怎样最好地来完成它。它将帮助我们衡量现在已经有哪些可用的技术,以及Web标准对于开发团队或者整个网站的影响。本书还将告诉我们如何长期保持有效的组织,以及如何提高Web应用的稳定性并降低风险。它将帮助我们创造一些技术,以便充分利用Web标准在内容管理系统(content Management System,CMS)中的独特优势。本书的最后部分将阐述有关Web标准的过程和人员配备问题。
什么是Web标准
“Web标准,,这个术语是指使用万维网联盟(World Wide Web Consortium,W3C)或者其他标准组织提供的开放且兼容的(而不是封闭、专有的,或者是属于某个公司所有的)推荐规范(recommendation)来设计网页。这些推荐规范和现代最佳实践组合起来,可以充分挖掘出在市场上占统治地位的现代Web浏览器的潜能,这恰好同那些过时的浏览器形成鲜明的对比,它们虽然表现力丰富,但是却总是不一致,甚至不兼容。在一个网站的主页上设置一个图标,说明“该网站是为Netscape浏览器设计的”,这种做法应该成为历史。
面对过时的浏览器时,基于Web标准的网站可以优雅地降级工作。基于Web标准设计的网页具有更好的可访问性(accessibility),同时可以方便地移植到其他类型的设备上。这些技术还可以为用户、公司以及负责建设网站的团队带来更多其他的好处。本书的主题就是阐述这些技术。