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

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

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

课程结构

本课程由很多文章构成。在基础课程完成时,将有50多篇文章,每篇文章的长度都为几千个单词。每篇文章的内容都集中在一个具体的主题上,一般将包括以下内容:该主题的背景知识、基本理论、实际例子、漫游教程,以及练习题。

此外,我们在未来还将推出全套教程,内容将覆盖构建Web站点的全过程。

教授本课程适当的方式为:先确定你有多少堂课可以用于将本课程教完,然后除以文章的数量。在每堂课开始前,要求学员先通读与该堂课相对应的文章,然后在课堂上讨论实际的例子,并要求学员在课后做练习题。我认为只要让学员在课前通读了文章,讲述每篇文章所包含的基本理念只需要1个小时就足够了。大致说来,本课程需要50小时的授课时间,另需要50个小时的背景阅读时间。

很显然,你需要仔细想想教授完本课程需要多长时间,每堂课又需要具体讲述些什么。可以通过试讲摸索出路子。

授课对象

这是一个有关Web标准的课程,由多篇文章组成,其主要授课对象为任何想从零开始学习基于Web标准的Web(网页)设计的人。本课程的目标为:使一开始仅懂如何浏览网页的人,通过本课程的学习,熟练掌握CSS样式和HTML语言,并了解JavaScript的基本知识及实际应用。通过学习,将可以使学员获得进入工作市场所需要的足够知识(当然工作经验是无法教授的,需要自己积累)。

在我看来,授课对象是希望以“正确的方式”学习Web设计的任何人,包括:

  1. 大学/学院学生和老师:正如我已经指出的那样,老师既可以利用本课程的全套文章创建自己的课程,并向学生讲授;也可以将其中部分文章作为你自己课程的补充。而任何已经学过一些Web相关课程的学生,应当使用本课程的材料补充自己的知识,并劝说自己的老师也这样做。我建议老师也把这些材料通读一遍,以确保所教授的课程中含盖的技术是当前的最佳规范。
  2. 大学预科/大学年龄的学生:尽管本课程主要是面向成人的,但中学生也还是可以从学习本课程中受益,可以尝试学习本课程。
  3. 在职的Web设计者和开发者:有很多在职的Web设计者和开发者,尚未在工作中使用Web标准和最佳习惯,或是不能很容易就找到可用的参考资料,或不习惯更新自己的知识。我力劝前一类人一定学习一下本课程,以了解在工作中采用Web标准是多么有价值且又是多么容易。而对后一类人来说,我确信你们学习本课程也会有很大收获,可以更新自己的知识和技能,温习容易遗忘的知识,并使你获得足够的知识储备,可用于说服你的雇主和客户像Web站点的可访问性这类要素有多么重要。
  4. 公司内部的培训人员:本课程是以低成本对员工进行培训的理想方式。
  5. 其他个人:如果你是想学习Web设计和开发的个人,本课程也是你以低成本接受教育和培训的理想方式。

本课程是依据知识共享许可协议而发行的,任何想使用的人都可以免费使用,只要承认本课程归属于我们即可。

目录

请注意,迄今为止本课程下的39篇文章已经发布,还有10多篇文章也将尽快发布,组成完整的课程。

开始篇
  1. 序言,作者Chris Mills,就是您现在正读的这篇。
Web标准导论
  1. 互联网和Web的历史,以及Web标准的演化,作者Mark Norman Francis
  2. 互联网是如何运转的?作者Jonathan Lane
  3. Web 标准所包括的模块——HTML、CSS 和 JavaScript,作者 Jonathan Lane
  4. 梦想虽然很美,但实际上到底怎么样?作者Jonathan Lane
Web设计概念

这部分并不涉及代码或标记的细节知识,而是在你开始创建任何图形或代码前,帮助你了解Web设计过程,以及Web设计的一些基本概念,如信息架构、导航、可用性等。

  1. 信息架构——规划一个Web站点,作者Jonathan Lane
  2. 一个好的网页需要什么?作者Mark Norman Francis
  3. 色彩理论,作者Linda Goin
  4. 建立站点的线框图,作者Linda Goin
  5. 配色方案和设计样板,作者Linda Goin
  6. 网页排版,作者Paul Haine
HTML基础
  1. HTML 基础知识,作者Mark Norman Francis
  2. HTML 的 <head> 元素,作者Christian Heilmann
  3. 为你的 HTML 文档选择适当的文档类型,作者Roger Johansson
HTML正文
  1. 在 HTML 中标记文本内容,作者Mark Norman Francis
  2. HTML 列表,作者Ben Buchanan
  3. HTML中的图像,作者Christian Heilmann
  4. HTML链接——让我们建一张网吧!作者Christian Heilmann
  5. HTML表格,作者Jen Hanen
  6. HTML表单基础知识,作者Jen Hanen
  7. 罕为人知的语义元素,作者Mark Norman Francis
  8. 通用容器--div 和span元素,作者Mark Norman Francis
  9. 使用导航菜单创建多页面,作者Christian Heilmann
  10. 检验你的HTML,作者Mark Norman Francis
可访问性
  1. 可访问性基础知识,作者Tom Hughes-Croucher
  2. 可访问性测试,作者Benjamin Hawkes-Lewis
CSS样式
  1. CSS 基础知识,作者Christian Heilmann
  2. 继承和层叠,作者Tommy Olsson
  3. 使用CSS设置文本样式,作者Ben Henick
  4. CSS布局模型——boxes、borderes、margins、padding,作者Ben Henick
  5. CSS背景图片,作者Nicole Sullivan
  6. 样式列表和链接,作者Ben Buchanan
  7. 样式表格,作者Ben Buchanan
  8. 样式表单,作者Ben Henick
  9. 浮动及清除,作者Tommy Olsson
  10. CSS的静态和相对定位,作者Tommy Olsson
  11. CSS 的绝对和固定定位,作者Tommy Olsson
JavaScript 的文章

即将发布...

补充文章
  • 将你的内容发布到网上,作者Craig Grannell.
  • 有关文档中 <head> 元素的更多知识,作者Chris Heilmann.
  • 补充材料:用于排版的通用HTML实体,作者Ben Henick.
  • Opera公司Web标准课程词汇表,由多人撰写。本目录尚不完整,将随时添加。

    致谢

    在开发本课程的过程中,有非常多的人曾给予我帮助,也许无法一一列出他们的名字,但我希望在这里能已列出他们每个人的名字。他们都是一些杰出的人,我建议你们去听他们的讲座、买他们写的书、阅读他们的博客,或者以其他方式给予他们支持。我向你们致以感谢和敬意。我要感谢:

    1. 文章的作者:非常感谢Ben Buchanan, Tom Hughes–Croucher, Mark Norman “Norm” Francis, Linda Goin, Paul Haine, Jen Hanen, Benjamin Hawkes–Lewis, Ben Henick, Christian Heilmann, Roger Johansson, Peter–Paul Koch, Jonathan Lane, Tommy Olsson, Nicole Sullivan, Mike West。没有你们的帮助,本课程是不可能被编写出来的。
    2. Opera的同事:包括Jan Standal, David Storey,我手下团队的其他成员,以及其他所有帮助我开发本课程的同事。
    3. 机构:感谢Yahoo 公司的每一位员工(文章作者,以及Sophie Major,她在组织和推广方面给了我很大帮助)。感谢 WaSP公司(特别是 Gareth Rushgrove, Stephanie Troeth 和Aarron Walter), Britpack网站,Geekup 网页设计师联盟,以及关注本课程的所有大学。
    4. 个人:衷心感谢以下人士——Craig Saila, Sara Dodd, John Allsopp, Roan Lavery, Bruce Lawson, Alan White。如果我遗漏了谁,请原谅我。
    5. 读者:感谢你们对以正确的方式创建Web站点感兴趣,并抽出时间阅读本课程的材料。

    与我联系

    我始终希望更可能多的人能给我提供意见和建议,以让我能改进本课程。如果你对如何改进本课程有任何建议,或是有任何评论,或是希望某个地方推广本课程,都请与我联系。我的E-mail是:cmills[at]opera.com 。 你也可以点击每篇文章页首的链接(“讨论本篇文章”),发表你对文章的评论。为参与讨论,你需要一个 my.opera 账户

    经典论坛交流
    http://bbs.blueidea.com/thread-2908277-1-1.html

  • 本文链接:http://www.blueidea.com/tech/web/2009/6378.asp 

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

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

    ◎进入论坛网页制作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
    >> 分页 首页 前页 后页 尾页 页次:2/21个记录/页 转到 页 共2个记录

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

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

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

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

    杂⑦杂⑧ Gold NORMANA V2