通行证: 用户 密码 网站建设  下载中心 社区论坛 信息公告 my小屋
联系我们
设为首页
加入收藏

 

qq,asp,php,jsp,xml,sql,.net,编程 程序 网页图象 建站经验 私服
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿
论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图
专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版
社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 韩国素材 | 素材图库 | 广告服务 | 服务
当前位置:首页>>网页设计>>dreamweaver>>正文 新版上线![旧版]
注:打开慢时请稍等

用dreamweaver8搞定web标准

http://www.iyit.net  日期:2006-11-22 15:18:32  来源:  点击:
参加讨论

译者序:这个系列原文一共8篇文章,从普及 web standards 入手,讲述如何用 dreamweaver 8 来构建符合标准的 web ,由于原作者的此篇文章是对《build your own standards compliant website using dreamweaver 8 》(这篇文章是收费的)的摘录,所以我对内容进行了适当的删改,顺序与原文是一致的,但篇幅会有调整,特此告知。翻译水平有限,敬请谅解。

如果您正在读这篇文章,您很可能是已经对 web 标准有了一定的兴趣,并且对用 dw ( dreamweaver 的简称)来构建的站点中标准的应用非常好奇。

或许您已经对 ws (web standards的简称)有了一定的了解,但是您并不知道如何用 dw 来编写可兼容的代码。或者您是一个 dw 用户,您很想遵从 ws ,更广泛的使用 css ,并且可以制作出更有亲和力的文档。无论您是哪一种类型,这篇文章都会给您想要的答案:告诉您如何用 dw 来搞定 ws。

web 标准的定义

就我们在整篇文章所关心的 ws 来说,让我们首先花一点时间来明确一下我们究竟在谈论些什么:

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 应该给那些视觉有缺陷或其他的残疾人提供更方便的购物、阅读、搜索的条件。不应该因为用专属标记或者其他排它(指浏览器)技术的站点,使他们无法浏览。


编辑: [发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇:用dreamweaver设计限时自动关闭的网页
下一篇:没有了
转载请注明来源:www.iyit.net
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

 相关文章
用dreamweaver设计限时自动关闭的网页 用dreamweaver制作细边表格 用falsh制作黑客帝国数字流
常用js网页广告代码,网页特效 百度的首页简单吗?新浪的首页复杂吗? dreamweaver网页中实用的制作技巧
dreamweaver经典问题大搜罗 解决deamweaver8中css应用无效问题 如何在dreamweaver中使用库项目
dreamweaver mx 2004的flash动画元素 网页设计必须要注意的五个问题 dw精细化网页中表格的外观
网页设计引入css样式的五种方式 技巧再现:css网页设计技巧 fireworks网页设计综合实例7
fireworks网页设计综合实例1 fireworks网页设计综合实例4 fireworks网页设计综合实例6
fireworks网页设计综合实例5 网页设计综合实例(上) 网页设计综合实例(下)
网页设计中的文字运用 网页设计制作九大“要点” dreamweaver mx 2004从零开始(1)
最新更新 热点排行 推荐新闻
用dreamweaver8搞定web标准
用dreamweaver设计限时自动关闭的网页
用dreamweaver制作细边表格
网页里插入视频文件方法大全
dreamweaver 限制访问的bug
用dreamweaver8搞定web标准
用dreamweaver设计限时自动关闭的网页
用dreamweaver制作细边表格
qmail+vpopmail+sqwebmail的安装步骤
高手进阶必读:linux内核的同步机制5
小试samba服务器
在 win2k3 下安装 winwebmail 3.7.0.3
确保win 2003域上的dns安全
网站未动监控先行
站点ftp参数设置
dreamweaver经典问题大搜罗
dreamweaver网页中实用的制作技巧
网页里插入视频文件方法大全
dreamweaver mx 2004的flash动画元素
如何在dreamweaver中使用库项目
破解qq密码如此简单 
dos教程 dos命令基础应用
最新永久免费网游年列表,免费3d网游
永久免费网游《刀ol》11月3日开放新服
低格、分区、高格的应对--dos命令应用
合并vcd片断、快速删除文件夹--dos命令
远程破解盗窃qq密码的各种方法
sql server安装文件挂起错误解决办法
一劳永逸--批处理命令(一)
三分钟让你的系统变处女:acronis tru
用dreamweaver8搞定web标准
网页里插入视频文件方法大全
dreamweaver 限制访问的bug
dreamweaver mx 2004的flash动画元素
dw精细化网页中表格的外观
用dreamweaver8搞定web标准
qmail+vpopmail+sqwebmail的安装步骤
拖动图片特效
让浏览器在保存页面时保存失败 
“2006年互联网发展应用技术大会”即将
新版flashget新功能之bt下载抢先试用
防止黑客入侵adsl的一些技巧
猖狂的sxs.exe病毒处理方法
qq2006 beta3 飘云版 3.73 下载
qq挂太阳专家 v1.0.3  下载

设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
copyrights © 2004-2006 iyit.net all rights reserved.
网站合作、广告联系qq:147007642、466949678
易特网络技术 点击这里给我发消息