论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Dreamweaver教程
Tag:Dreamweaver CS,Dreamweaver 8,css,表格,布局,字幕,flash,声音,菜单,乱码,图层,行为,视频教程

Dreamweaver中的web标准

文章类别:Dreamweaver | 发表日期:2009-8-20 11:09:00

  本文介绍如何用DW 来搞定 WS(Web Standards的简称)。

  Web 标准的定义

  WS 是一些指导 Web 开发语言的规范,是由 W3C 所制定的。这些规范包含了多种语言,例如,HTML、XHTML 和 CSS 还有一些其他的相关语言,例如 MathML,用来表示数学中的方程,当你有这种特殊的需要的时候,或许会用得上。W3C 也颁布了“Web 内容亲和力指南”(Web Content Accessibility Guidelines —— WCAG)——推广网页的可访问性(通过 WAI )

  提示:直接获取这些规范

  你可以在 W3C 的网站上阅读这些规范,尽管他们有时读起来还是有些困难的:

  HTML 4.01

  XHTML 1.0

  CSS 1

  CSS 2.1

  WCAG 1.0

  在本文中,我们将会用到 XHTML1.0、CSS1 和 2.1、WCAG 1.0 等规范和建议,但是你一定很高兴知道我们其实不必过多的阅读 W3C 文档。

  谁需要 WS ?

  您可能只有一个含糊的概念:WS 是个好东西,但是许多网站——包括许多知名的站点——并不遵从 WS ,并且他们看起来的确管理得很好。所以,为什么我们要尽力去遵从 WS 呢?这么做会有什么真正的收益吗?谁需要 WS ?谁需要去关注 W3C 的规范与建议?

  Web 开发者与设计者

  需要关注 WS 的首类人群就是我们:网站建设的开发者与设计者。花费时间去学习如何用 WS 开发对于我们来说值得吗?

  整洁的标记使 BUG 的修复速度加快。

  如果您通过 W3C 校验您的页面,至少您会了解到不规范的标记并不是引起您曾经遇到过的错误的原因。有时,校验一个页面和修复已发现错误的过程,可以清除显示中遇到一些问题,这些问题是由标记(element)没有结束或标签(tag)拼写错误引起的。

  即使校验您的文档并没有修正这些问题,至少你会知道这些问题存在于规范的文档中。既然你已经知道这个问题不是一个错误,那么你可以开始关注其他的问题了,例如在不同的浏览器中 CSS 处理差异问题。

  遵从可访问性的需求很容易

  如果你编写一个规范的 XHTML 标记,那么你就可以保证文档在语义上是无误的,并且您可以把文档中的内容与表现相分离,您将可以把大量的工作放在许多 WCAG1.0 中所列的可访问性的问题上。认识到可访问性并不是仅仅为残疾人设计的这一点也很重要。一个亲和力好的站点是可以被许多不同的设备访问的,例如移动电话和 PDA ,他们是不具备强大的处理能力去对付那些散乱而非标准的标记的。

  向前兼容

  如果您仅仅考虑到自己新开发的页面在当前的几个浏览器中的表现,那么你怎么才能保证它在未来的新浏览器中的表现呢?新浏览器或许会把您的页面显示的很糟糕,此时你只能去费力的寻找和修正那些恼人的问题。

  遵从 WS 并不会完全根除这个问题;然而,标准的兼容使你的设计失败的风险大大减少,同样,如今的浏览器软件公司也开始支持标准。他们也许会偶然的错误解释了某部分规范,他们不可能完全不支持它。如果最坏的事情发生了,并且一个新的浏览器在你的标准化网站上产生了奇怪的效果,那么修复它要比修复一个不兼容的站点容易的多。如果你遇到一个问题,它同样会影响其他的标准可兼容网站。Web 社区的群体智慧会指出这个问题,并会写文章来解决这个问题。所以,大家集体讨论,在可兼容的文档里修正这个 BUG 也比在不兼容的文档里修正更加的容易。

  更方便的重构

  你曾经不得不从一个站点中剥离文字而对他进行重构过吗?而且一切都得从头开始。你曾经见过那些被字体标签和微小的表格单元(它使我们只能从头开始)弄得混乱不堪的标签吗?我只知道我曾经看过,这是一个漫长的过程,大量的时间和金钱都被这个站点的重构烧掉了。

  分离文档的内容与表现将会使你体会到标准化兼容带来美妙:这意味着下次某个人想重构这个站点的时候,他们不必把 Web 文档中的拷贝出去。所有站点中的文本都将会被具有语义的 (X)HTML 所标记,所有的表现信息——这部分才是站长想更改的——都将被储存在一个可轻易替换的 CSS 文件中。

  一些客户在开始要求你做一些改变之前是不会等待它去重构的,他们只会等到游览完猛犸象化石坑,然后就要求你说“把左边栏挪到右边就可以了。”对于一个标准化可兼容站点来说,全部页面都是由 CSS 控制的,你可以很方便移动页面中的标记,而不用在许多以复杂表格为结构的页面中想歪招了。这使得改变页面布局更加简单。

  结构从表现中分离同样可以使增加新的元素变得更加容易,就像一个高对比度、小图片版本的站点或许对于某些浏览者更有吸引力。当您可以轻松的更换样式表时,为什么建立单独的纯文本版的页面呢?

  浏览器软件公司

  浏览器的软件公司开始对 WS 关注了。过去,浏览器软件公司添加他们私有的专属标签和属性到基本的语言中。但是现在,前所未有的,他们都开始遵从标准了,并且一些最新的浏览器已经可以确定,正在努力按照规范中所定义的(X)HTML 和 CSS 来显示它们。

  在可遇见的未来中,浏览器都将能够显示大多数的不规范标记、代码,因为如果它们不这么做,成千上万的不规范站点都将无法正常显示——那么大众就很可能开始责备浏览器了,而不是责备 Web 设计者。然而,其他的设备(那些没有台式机强大处理功能的设备)将会更加依赖那些他们所遇到代码的标准化兼容性了。

  创作工具软件厂商

  创作工具软件厂商——例如 Macromedia , 它制作了 Dreamweaver ——也像Web设计者一样,开始遵从 WS 了,比如,它们越来越多的客户要求这些创作工具可以输出规范的标记。原本这些可视化的开发环境都没有太好的口碑,因为它们会生成混乱、不规范的标记;然而,最新的主要可视化开发环境都援引了标准化的兼容性和可访问性的元素,这也成为了主要的卖点。软件厂商一定要聆听,并回应市场的需求。

  Web 用户

  我们设计的网站的用户也从我们采用 WS 中获益,即使他们并没有认识到这一点!或许他们正无意识的使用那些专门针对当今流行浏览器而开发的站点。如果这些用户转用其他的浏览器,他们或许就会发现这个在线的体验就不再令人享受了,因为那些专属的标记是不会被新浏览器所接受的。一个标准化可兼容的站点在不同的浏览器中都有很好的表现,不论是在现有的,还是在未来的浏览器中都同样优秀。

  此外,一个遵照可访问性建议的网站对那些发现浏览网页不如意的用户也是很有亲和力的。Web 应该给那些视觉有缺陷或其他的残疾人提供更方便的购物、阅读、搜索的条件。不应该因为用专属标记或者其他排它(指浏览器)技术的站点,使他们无法浏览。

  使用 WS

  我们怎么能确保正确使用WS呢?怎么做才能遵从标准呢?

  首先,我们应该遵守规范。这意味着我们应该只使用那些规范中定义的元素与属性,避免使用某种浏览器的专有属性,例如 IE 的 marquee 标签和 Netscape 的blink 标签。同样也不要使用在早期规范中出现的元素(例如 HTML3.2)和被后来的规范所移除的元素。

  创建一个规范的 XHTML 文档

  在本文中,我们将使用 XHTML,所以,我们都将遵照 W3C 的 XHTML 1.0 的建议[按照 W3C 的意思,建议( Recommendation )就是规范( Specification )的意思]。XHTML 基本上就是HTML的最新版本,它设计的目的是用来代替 HTML 这个网页标记语言的。尽管它是 XML 的一种 HTML 变形,但是 XHTML 与 HTML 几乎是完全一样的,在我们后面将讨论的《 XHTML 和语义》中有细微的差别。

  你可以通过 Dreamweaver 中的新建文档对话框生成一个 XHTML 文档(文件>新建...)。确保基本页在类别列表里是被选中的,然后从基本页的列表中选择 HTML ,就像图2.1所示,“在 Dreamweaver 中创建一个新的 XHTML 文档”。然后你可以从文档类型的下拉列表中任意选择一项。

上一篇:{教程}Dreamweaver中活动菜单条的制作 人气:2318
下一篇:Dreamweaver使用技巧 人气:2068
视频教程列表
文章教程搜索
 
Dreamweaver推荐教程
Dreamweaver热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058