您的位置: 首页 > 技术文档 > 网页制作 > Opera的WEB标准教程
用div+css模拟表格对角线 回到列表 快速定位页面中复杂 CSS BUG
 Opera的WEB标准教程

作者:Chris Mills 时间: 2009-02-07 文档类型:转载 来自:Opera中国

第 1 页 Opera的WEB标准教程 [1]
第 2 页 Opera的WEB标准教程 [2]

序言

长久以来,我一直有一个梦想。在过去的8、9年间,我主要从事教育工作,包括委托和编辑技术书籍,来帮助人们使用技术建立酷炫的东西,为我所工作过的多家公司培训新员工,以及编辑和撰写指南性的文章,帮助人们使用Opera的软件。我也很着迷于Web,并且是开放的Web标准的坚定信徒。我希望通过我所从事的教育和培训工作,教会人们如何合作,如何相互尊重,教会他们如何制作可跨平台、跨浏览器、跨设备访问的Web站点(甚至残疾人也能无障碍地访问),为改造Web世界尽我的一点绵薄之力。要实现这个目标,Web标准是关键 。因此我决定将我的时间和精力集中用于推广Web标准的应用,这是我长久以来一直有的想法,但终于在Opera公司里实现了,为此我要感谢我的上司聘用我专职从事这项工作,我的一个梦想终于成为了现实。

在这篇文章里,我要向大家介绍我和其他很多人花费数月时间开发的一个课程——Web标准课程,该课程旨在向大家提供Web设计和开发的坚实基础,无论读者是谁,此教程完全免费、可访问,并且不需要预备知识。当然,我主要还是希望在大学里推广本课程,因为我发现很多大学都缺乏好的关于Web标准的课程。我听说很多大学生不愿意花时间去学习关于Web标准的课程,因为评分办法已很过时了。我还听说一些公司在面试申请Web相关职位的大学毕业生时,发现这些大学毕业生根本不了解实际的Web开发是如何进行的,而感到非常失望。而如果你以一种理性的风格,在一所先进的大学里教Web标准的话,那我要向你致敬,请与我联系!

这篇文章的主要内容包括

  • 为什么要使用Web标准?在这一部分,我要简单论述使用Web标准的优点,为什么很多时候Web标准未得到采用,以及如何通过学习我们的课程来解决这些问题。
  • 本课程的组织结构。这一部分概述课程内容的结构,并讨论授课老师如何有效地使用和讲述课程材料。
  • 本课程的适用人群。当我说“任何人”都可以学习本课程时,这里的“任何人”其确切意义是什么?
  • 课程的目录。如果你想直接就开始学习的话,可以跳过这部分。
  • 致谢
  • 与我联系

    为什么要使用Web标准?

    为什么你一定要在进行Web设计和开发时使用Web标准,这将在第4篇文章中详细阐述。但我在这儿先大概讲一下,让大家有个基本的了解。使用Web标准,有以下优点:

    1. 提高代码的利用效率:当你学习完本课程后,你会发现Web标准使用的最佳习惯主要是关于代码重用的。通过重用代码,你可以将HTML内容和样式信息(CSS)及行为信息(JavaScript)相分离,减小网页体积,而且只需要写一次代码,以后在需要的地方再重用即可。
    2. 易于维护:这一点与上面所说的最后一点密切相关。如果你可以只写一次HTML代码,然后在需要应用样式和行为的地方,使用类和函数。而以后,在你需要做出改动的时候,你可以只在一个地方修改,然后此修改就会自动应用到整个Web站点,而不再需要一处一处地修改。
    3. 提高可访问性:以下的两点密切相关。Web上的一个大问题就是,让Web站点可以被每个人访问,而不论他们身处何种环境。这包括要能让残疾人,包括盲人、视觉受损的人、和运动功能有障碍的人(如运动受限制,不能自如地用双手或根本不能用双手的人)等)也能访问网站。通过使用Web标准和最佳的习惯,你可以使你的Web站点能被尽可能多的人访问。
    4. 设备兼容性:此处的兼容性,指的是不仅要确保你的Web站点可以跨平台(如Windows、Mac、Linux),而且要能在其它的浏览设备上工作,比如现在用的手机、电视、游戏控制台等。这些装置在屏幕大小、处理能力、控制机制等方面都有一些局限性。不过你放心,通过使用Web标准和最佳的习惯,可以让你的Web站点能在绝大多数装置上显示。要知道全球手机的数量多于个人电脑的数量,而且很多手机都是可以上网的,你或你的客户怎能不去占领这个大市场呢。要想了解更多有关移动Web开发的信息,请访问 dev.opera.com
    5. 网络爬虫/搜索引擎:在这里,我指的是所谓的“搜索引擎优化”,即让你的Web站点能尽可能多地被网络爬虫爬到,并且被索引,从而提高你的Web站点在 Google 等搜索引擎上的排名。这是一项专门的学问(参考关于搜索引擎优化的文章,如《更适用于搜索引擎优化的智能站点结构》《HTML语义和搜索引擎优化》等)。同样地,通过使用Web标准,你就可以让你的站点在Google、Yahoo! 等搜索引擎上尽量靠前地显示,这必将大大地促进你的业务。

    尽管使用Web标准有以上诸多优点,但多数Web站点至今还尚未遵循Web标准,而且时至今日很多Web开发人员都还在使用过时的、不好的习惯。你会问“为什么会出现这种情况呢?”。原因当然有很多,这包括缺乏教育和培训、公司政策、不用学习标准也能领到薪水、学习太难、浏览器所支持的标准等。以下我将逐一详细分析这些原因,并批驳那些不采用或学习Web标准的借口。

    1. 缺乏培训:这确实是一个问题,这也是我们开发本课程的主要原因之一。很多大学在它们的Web相关课程中都不教授Web标准,而且很多课程讲述的内容也已经过时,由于官僚主义,这种情况还很难改变。培训课程和书籍确实也花费昂贵,但现在我们已开发出这个免费的课程,并在大学里推广。“缺乏教育和培训”再也不成其为不学习Web标准的借口了。
    2. 公司政策:无可否认,至今一些公司/机构依然维持其老式过时的Web站点,也许还制定有政策强迫其员工使用过时的浏览器。但现在有了我们这个免费提供的课程,情况应该能得到改观了。将Web站点进行升级,以达到当前的标准,这将促进公司升级它们所使用的浏览器,这是因为用过时的浏览器浏览升级后的Web站点效果不佳(尽管还是可以浏览)。公司还应该鼓励它们的客户也升级浏览器。这样做是有充分理有的,如上所述,使用了Web标准的站点,将有更靠前的搜索引擎排名,并能为更多的人,包括残疾人和使用电脑以外装置上网的人所访问,公司怎能忽视这么大的一个潜在客户群呢?
    3. “我不需要学习Web标准”:我知道一些Web开发人员会这样说:“我是在使用过时的方法开发Web站点,但我照样领到工资,那我为什么还要去费时费力地学习这个新东西呢?”我在以上部分已经讲过,使用Web标准可以提高代码的效率,使得写代码变得更为容易,并使Web站点更易于维护。此外,还可以使你能写出可以在电脑以外的设备上显示的代码,这不很好吗?学习Web标准,可以提升你的专业技能,并使你能挣到更多的钱。目前很多公司都需要懂Web标准的专业人员。
    4. “它太难学了”:废话。在学习完本课程后,不论你是Web开发/设计方面的新手,还是需要进修的Web从业人员,都会发现要掌握使用Web标准的基本知识,其实是非常容易的。学习使用Web标准并不比使用老式过时的Web开发/设计方法更难,而且还能带来那么多益处。
    5. 浏览器所支持的标准:过去有很多不同的浏览器支持标准,这使得让Web站点在不同的浏览器下都能正常显示,变成了一场恶梦。但那已是过去的事了,当今的浏览器都支持应有的Web标准。一些老式浏览器有时仍需要特别的支持标准,但通过使用当今最好的习惯,你可以确保那些老式浏览器的用户仍然可以获得不错的用户体验。

    因此像你们已经了解到的一样,真没有任何借口在从事Web开发工作时不采用Web标准。从一个初学者的观点来看,学习本课程至少可以让你一开始就学习最好的习惯,而不需要还要费力地去抛弃那些过去不好的习惯。

    我们一直以不屑的口吻谈论那些过去不好的习惯,仿佛它们已是毫无用处的老古董了。的确,在本课程中我们不会教授这些不好的习惯,因为我们认为没这个必要。我们认为学员一开始就应选择正确的出发点。也许你们想知道这些过去不好的习惯究竟是怎么样的,下面我就简要介绍一下。

    在过去,人们在制作Web站点时,习惯于这样做:把整个页面通过一些巨大的表格进行布局,使用不同的表格单元格来定位图像、文本等(不是真正的表格,而是向页面添加冗余的标记)。他们习惯于使用不可见的空白GIF来调整页面元素的定位(不是真正的GIF图像,而是向页面添加冗余的标记)。他们习惯于用JavaScript来生成那些飞舞的菜单(这对于那些已经在浏览器中禁用JavaScript的人来说,一点好处也没有,而对那些因视觉障碍而使用屏幕阅读器的人来说,也会被这些JavaScript搞晕)。或者,写一些仅能运行在一种浏览器上的JavaScript(但对于那些使用其他浏览器的人,该怎么办呢?)。他们习惯于在HTML的<font>元素中,直接插入样式信息(但这将增加维护的难度,并且会使页面中凭添多余的标记)。此外还有很多不好的习惯,最糟糕的是,虽然我上面说的是“过去的作法”,但现在有很多人还像以前一样做。

    Web开发本身就是一件杂乱无章的工作,而如果再没有好的开发习惯,它就难上加难了。本课程所描述的Web标准和最佳习惯,将是你从事Web开发的最佳途径。

  • 出处:Opera中国
    责任编辑:moby

    上一页 下一页 Opera的WEB标准教程 [2]

    ◎进入论坛网页制作WEB标准化版块参加讨论,我还想发表评论

    相关文章 更多相关链接
    《Web标准设计》
    Web标准在中国
    IE7的web标准之道 Ⅲ
    什么是Semantics?
    根本不存在DIV+CSS布局这回事
    关键字搜索 常规搜索 推荐文档
    热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
    站点最新 站点最新列表
    周大福“敬•自然”设计大赛开启
    国际体验设计大会7月将在京举行
    中国国防科技信息中心标志征集
    云计算如何让安全问题可控
    云计算是多数企业唯一拥抱互联网的机会
    阿里行云
    云手机年终巨献,送礼标配299起
    阿里巴巴CTO王坚的"云和互联网观"
    1499元买真八核 云OS双蛋大促
    首届COCO桌面手机主题设计大赛
    栏目最新 栏目最新列表
    浅谈JavaScript编程语言的编码规范
    如何在illustrator中绘制台历
    Ps简单绘制一个可爱的铅笔图标
    数据同步算法研究
    用ps作简单的作品展示页面
    CSS定位机制之一:普通流
    25个最佳最闪亮的Eclipse开发项目
    Illustrator中制作针线缝制文字效果
    Photoshop制作印刷凹凸字体
    VS2010中创建自定义SQL Rule
    >> 分页 首页 前页 后页 尾页 页次:1/21个记录/页 转到 页 共2个记录

    蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

    转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

    特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

    您的评论
    用户名:  口令:
    说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
    注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
    不评分 1 2 3 4 5
    注意:请不要在评论中含与内容无关的广告链接,违者封ID
    请您注意:
    ·不良评论请用报告管理员,以利管理员及时删除。
    ·尊重网上道德,遵守中华人民共和国的各项有关法律法规
    ·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
    ·本站评论管理人员有权保留或删除其管辖评论中的任意内容
    ·您在本站发表的作品,本站有权在网站内转载或引用
    ·参与本评论即表明您已经阅读并接受上述条款
    推荐文档 | 打印文档 | 评论文档 | 报告错误  
    专业书推荐 更多内容
    网站可用性测试及优化指南
    《写给大家看的色彩书1》
    《跟我去香港》
    众妙之门—网站UI 设计之道
    《Flex 4.0 RIA开发宝典》
    《赢在设计》
    犀利开发—jQuery内核详解与实践
    作品集 更多内容

    杂⑦杂⑧ Gold NORMANA V2