Opera中国的WEB标准课程
佚名
在这篇文章里,我要向大家介绍我和其他很多人花费数月时间开发的一个课程——Web标准课程,该课程旨在向大家提供Web设计和开发的坚实基础,无论读者是谁,此教程完全免费、可访问,并且不需要预备知识。当然,我主要还是希望在大学里推广本课程,因为我发现很多大学都缺
课程结构
本课程由很多文章构成。在基础课程完成时,将有50多篇文章,每篇文章的长度都为几千个单词。每篇文章的内容都集中在一个具体的主题上,一般将包括以下内容:该主题的背景知识、基本理论、实际例子、漫游教程,以及练习题。
此外,我们在未来还将推出全套教程,内容将覆盖构建Web站点的全过程。
教授本课程适当的方式为:先确定你有多少堂课可以用于将本课程教完,然后除以文章的数量。在每堂课开始前,要求学员先通读与该堂课相对应的文章,然后在课堂上讨论实际的例子,并要求学员在课后做练习题。我认为只要让学员在课前通读了文章,讲述每篇文章所包含的基本理念只需要1个小时就足够了。大致说来,本课程需要50小时的授课时间,另需要50个小时的背景阅读时间。
很显然,你需要仔细想想教授完本课程需要多长时间,每堂课又需要具体讲述些什么。可以通过试讲摸索出路子。
授课对象
这是一个有关Web标准的课程,由多篇文章组成,其主要授课对象为任何想从零开始学习基于Web标准的Web(网页)设计的人。本课程的目标为:使一开始仅懂如何浏览网页的人,通过本课程的学习,熟练掌握CSS样式和HTML语言,并了解JavaScript的基本知识及实际应用。通过学习,将可以使学员获得进入工作市场所需要的足够知识(当然工作经验是无法教授的,需要自己积累)。
在我看来,授课对象是希望以“正确的方式”学习Web设计的任何人,包括:
- 大学/学院学生和老师:正如我已经指出的那样,老师既可以利用本课程的全套文章创建自己的课程,并向学生讲授;也可以将其中部分文章作为你自己课程的补充。而任何已经学过一些Web相关课程的学生,应当使用本课程的材料补充自己的知识,并劝说自己的老师也这样做。我建议老师也把这些材料通读一遍,以确保所教授的课程中含盖的技术是当前的最佳规范。 大学预科/大学年龄的学生:尽管本课程主要是面向成人的,但中学生也还是可以从学习本课程中受益,可以尝试学习本课程。 在职的Web设计者和开发者:有很多在职的Web设计者和开发者,尚未在工作中使用Web标准和最佳习惯,或是不能很容易就找到可用的参考资料,或不习惯更新自己的知识。我力劝前一类人一定学习一下本课程,以了解在工作中采用Web标准是多么有价值且又是多么容易。而对后一类人来说,我确信你们学习本课程也会有很大收获,可以更新自己的知识和技能,温习容易遗忘的知识,并使你获得足够的知识储备,可用于说服你的雇主和客户像Web站点的可访问性这类要素有多么重要。 公司内部的培训人员:本课程是以低成本对员工进行培训的理想方式。 其他个人:如果你是想学习Web设计和开发的个人,本课程也是你以低成本接受教育和培训的理想方式。
本课程是依据知识共享许可协议而发行的,任何想使用的人都可以免费使用,只要承认本课程归属于我们即可。
目录
请注意,迄今为止本课程下的39篇文章已经发布,还有10多篇文章也将尽快发布,组成完整的课程。
开始篇
- 序言,作者Chris Mills,就是您现在正读的这篇。
Web标准导论
- 互联网和Web的历史,以及Web标准的演化,作者Mark Norman Francis 互联网是如何运转的?作者Jonathan Lane Web 标准所包括的模块——HTML、CSS 和 JavaScript,作者 Jonathan Lane 梦想虽然很美,但实际上到底怎么样?作者Jonathan Lane
Web设计概念
这部分并不涉及代码或标记的细节知识,而是在你开始创建任何图形或代码前,帮助你了解Web设计过程,以及Web设计的一些基本概念,如信息架构、导航、可用性等。
- 信息架构——规划一个Web站点,作者Jonathan Lane 一个好的网页需要什么?作者Mark Norman Francis 色彩理论,作者Linda Goin 建立站点的线框图,作者Linda Goin 配色方案和设计样板,作者Linda Goin 网页排版,作者Paul Haine
HTML基础
- HTML 基础知识,作者Mark Norman Francis HTML 的 <head> 元素,作者Christian Heilmann 为你的 HTML 文档选择适当的文档类型,作者Roger Johansson
HTML正文
- 在 HTML 中标记文本内容,作者Mark Norman Francis HTML 列表,作者Ben Buchanan HTML中的图像,作者Christian Heilmann HTML链接——让我们建一张网吧!作者Christian Heilmann HTML表格,作者Jen Hanen HTML表单基础知识,作者Jen Hanen 罕为人知的语义元素,作者Mark Norman Francis 通用容器--div 和span元素,作者Mark Norman Francis 使用导航菜单创建多页面,作者Christian Heilmann 检验你的HTML,作者Mark Norman Francis
可访问性
- 可访问性基础知识,作者Tom Hughes-Croucher 可访问性测试,作者Benjamin Hawkes-Lewis
CSS样式
- CSS 基础知识,作者Christian Heilmann 继承和层叠,作者Tommy Olsson 使用CSS设置文本样式,作者Ben Henick CSS布局模型——boxes、borderes、margins、padding,作者Ben Henick CSS背景图片,作者Nicole Sullivan 样式列表和链接,作者Ben Buchanan 样式表格,作者Ben Buchanan 样式表单,作者Ben Henick 浮动及清除,作者Tommy Olsson CSS的静态和相对定位,作者Tommy Olsson CSS 的绝对和固定定位,作者Tommy Olsson
JavaScript 的文章
即将发布...
补充文章 将你的内容发布到网上,作者Craig Grannell. 有关文档中 <head> 元素的更多知识,作者Chris Heilmann. 补充材料:用于排版的通用HTML实体,作者Ben Henick. Opera公司Web标准课程词汇表,由多人撰写。本目录尚不完整,将随时添加。
致谢
在开发本课程的过程中,有非常多的人曾给予我帮助,也许无法一一列出他们的名字,但我希望在这里能已列出他们每个人的名字。他们都是一些杰出的人,我建议你们去听他们的讲座、买他们写的书、阅读他们的博客,或者以其他方式给予他们支持。我向你们致以感谢和敬意。我要感谢:
- 文章的作者:非常感谢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。没有你们的帮助,本课程是不可能被编写出来的。 Opera的同事:包括Jan Standal, David Storey,我手下团队的其他成员,以及其他所有帮助我开发本课程的同事。 机构:感谢Yahoo 公司的每一位员工(文章作者,以及Sophie Major,她在组织和推广方面给了我很大帮助)。感谢 WaSP公司(特别是 Gareth Rushgrove, Stephanie Troeth 和Aarron Walter), Britpack网站,Geekup 网页设计师联盟,以及关注本课程的所有大学。 个人:衷心感谢以下人士——Craig Saila, Sara Dodd, John Allsopp, Roan Lavery, Bruce Lawson, Alan White。如果我遗漏了谁,请原谅我。 读者:感谢你们对以正确的方式创建Web站点感兴趣,并抽出时间阅读本课程的材料。
与我联系
我始终希望更可能多的人能给我提供意见和建议,以让我能改进本课程。如果你对如何改进本课程有任何建议,或是有任何评论,或是希望某个地方推广本课程,都请与我联系。我的E-mail是:cmills[at]opera.com 。 你也可以点击每篇文章页首的链接(“讨论本篇文章”),发表你对文章的评论。为参与讨论,你需要一个 my.opera 账户。