作者:empty 页数:264 出版社:empty |
一个网站,无论视觉上多美观或者内容多丰富,如果它不能适应各种浏览情况并能面向尽可能广泛的用户群,那它就不算是真正成功的网站。本书提供了基于Web标准的网页设计策略, 以帮助您创建出具有高度灵活性、可读性以及用户可控性的网站每一章都以分析一个实例开始, 阐述如何使用简洁的HTML和CSS代码取代臃肿的冗余代码以创建具有极快的加载速度和很高的适应性的网站。最后,本书将各章中讨论的所有页面组件合在一起制作了一个单页模版
本书主要内容·使用关键字和百分比设定页面文字的大小,以允许用户控制。提供能够适应任意大小的文字或者任意数量的内容的站点导
作者简介Dan Cederholm是一位屡获殊荣的Web设计师及作家。作为设计及开发咨询公司SimpleBits的创始人, Dan在应用Web标准设计和创建网站方面拥有多年的经验。他是该领域公认的专家,经常在相关会议上发表演讲,并指导许多企业采用基于标准的技术进行Web设计。Dan是畅销书WebStandards Solutions的作者, 并在A List Apart等网站上发表过多篇关于基于标准进行网站设计的文章。清华大学出版社
前言我首先要承认一个事实,这世上并不存在什么完全无懈可击的网站。现在,在您合上这本书然后放回售书架之前,请允许我解释一下。本书的每一章都讲述了一种无懈可击的设计指南。在各章节的开始我们会考察一个如同警察穿上防弹衣保护自己一样, 我们也可以采用一些方法来保护我们的Web设计方案。本书指导读者学会多种策略以保护站点——使它们无懈可击:获得增强的灵活性并能适应最恶劣的浏览环境。关于“无懈可击”这个理念在现实世界中,防弹衣并不能够100%保证百注意:您不受伤害,但人们总是在不断地争取提升其防弹性能。毕竟,穿了防弹衣总是比不穿好。我这里使用“无懈可击”这个这样的规则同样适用于Web设计以及本书词来部分地表示“灵活性”――换中所描述的技术。通过增加网页的灵活性,以句话说,即设计方案能够轻松地适及采用必要的步骤来保证它在尽可能多的场景中应各种不同的文字大小和内容数都具备可读性,我们就给自己的作品带来了一量,能够随着这些变化自动扩展或些与众不同的特色。这是一个不断进行的过伸缩.程, 并且当采用了Web标准相关技术, 例如语此外,我们还可以(并且将会)义化的XHTML和CSS, 将更加容易构建出外从编辑、维护或者开发的角度探讨观吸引人并且具有良好适应性的设计方案。和灵活性相关的话题――修改内容近几年来, 采用基于CSS的页面布局这一以及更新并维护代码将会更加轻趋势保持了稳定增长,学习如何正确并有效地松,并且不会影响设计效果。运用CSS也变得越来越重要。其目标是充分利最后,我们还站在浏览环境的用这些技术在设计方面的强大能力,比如:更精角度讨论灵活性,设计方案会如何简的代码,增强的可用性,并且更加容易维护。影响网站内容和功能的完整性?我但是, 仅仅是用到了CSS和XHTML并不们必须确保所做的一切能够适应各一定就意味着一切都变得更好。充分利用将页种各样的实际场景.无懈可击的Web设计面核心内容和外观表现分离而获得的灵活性, 您才能顺利地创建出适合每个Web用户的更好的设计方案。不过,这里的“灵活性”的确切含义是什么呢?本书重点在我开始思考这本书的主题的时候,我意识到有两项重要内容构成了一个高质量和吸引人的Web设计方案。一项是“可视组件”——每个人都能在最终页面上明显看到的部分。它是图片设计、颜色和排版的结合体。只需访问CSS Zen Garden网站(www.csszengarden.com) , 就会显而易见地感觉到使用XHTML和CSS完全可以实现吸引人的视觉设计效果,并且它们的应用已经相当普遍。第二项(但是同等重要)是“无懈可击的实现方式”。这也是本书讨论的焦点:明智地选择使用XHTML和CSS创建网站, 可以享受到它们带来的全部好处。现在, 可以开始利用这些Web标准, 以及一些精妙的技巧, 创建出引人注目的, 同时具备尽可能好的灵活性、适应性以及亲和力的网站了。对诸如XHTML和CSS这样的Web标准的采用已经在高速增长, 讨论如何以最佳的方式利用这些资源也就变得越来越重要。本书结构网上现有的设计例子, 并会说明为什么那样做不是无懈可击的。然后我们使用XHTML和CSS重构这个例子, 目标就是改善它的灵活性, 减少代码量。这些例子大多数都是页面上的特定组件,这样便于讨论如何将它们作为整体而设计得无懈可击。在第9章“构成一个整体”中,我们会结合前面章节中讨论的全部技术,创建一个完整的页面模板——复习我们所学的知识,并演示它们能怎样地结合在一起。每章的范例都有一步步的详细过程,能够让您轻松地学习——即使您刚刚才开始使用XHTML和CSS。整个过程中, 我都将解释为什么使用Web标准是有好处的, 并会指出各章的这些指南如何改善一个网站使其具备无懈可击的特性。本书范例的上下文环境所有的范例都建立在一个基本的页面结构之上。换句话说, 每章中出现的XHTML为了方便, 我们将CSS代码写在页面的 head>中, 但是对于老旧的, 被淘汰的浏览器(例如Netscape Navigator 4.x) , 这些CSS应该被隐去。由于这种隐藏很常见,因此设计师会使用高级的CSS技术进行布局(如同整本书中我们所做的) , 同时给无法处 meta http-equiv= Content-Type content= text/html; charset=utf-本书中的许多地方我都将以它们的缩写形式来指代某种浏览器。例如,使用“IE5/Win”比使用“InternetExplorer version 5 for Windows”要轻松得多。以下是一些浏在描述各章节中例子的通常做法时, 我经常会提到“嵌套表格”以及“空白GIF占位图片”。这指的是在构建网站的传统方式中,会用表格创建每个像素都很完美但是毫无灵活性的页面。在一个表格中嵌套另一个表格,使得精确地对齐图片和文字更术语“空白GIF占位图片”指的是将单张透明的GIF图片拉伸为各种尺寸, 以便创建整页中的间隔区域、分栏以及分割线。一个并非无懈可击的网站的HTML代码中现在, 有更好的方法来实现同样的视觉效果:使用简洁的、富有语法意义的HTML代码和CSS。通过使用这些基于Web标准的技术, 可以创建出既具有吸引人的效果,同时又具有灵活性, 能够适应任何情况的设计方案。这就是无懈可击的Web设计。