仓酷云

标题: 来看看：Opera中国的WEB尺度课程 [打印本页]

作者: 小魔女 时间: 2015-1-16 00:05
标题: 来看看：Opera中国的WEB尺度课程
现在YAHOO,MSN等国际门户网站，网易，新浪等国内门户网站，和主流的WEB2.0网站，均采用DIV+CSS的框架模式，更加印证了DIV+CSS是大势所趋。
叙言
久长以来，我一向有一个妄想。在已往的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尺度，有以下长处：

进步代码的使用效力：当你进修完本课程后，你会发明Web尺度利用的最好习气次要是关于代码重用的。经由过程重用代码，你能够将HTML内容和款式信息（CSS）及举动信息（JavaScript）相分别，减小网页体积，并且只必要写一次代码，今后在必要的中央再重用便可。
易于保护：这一点与下面所说的最初一点亲切相干。假如你能够只写一次HTML代码，然后在必要使用款式和举动的中央，利用类和函数。而今后，在你必要做出修改的时分，你能够只在一个中央修正，然后此修正就会主动使用到全部Web站点，而不再必要一处一处地修正。
进步可会见性：以下的两点亲切相干。Web上的一个年夜成绩就是，让Web站点能够被每一个人会见，而不管他们身处何种情况。这包含要能让残疾人，包含瞽者、视觉受损的人、和活动功效有停滞的人（如活动受限定，不克不及自若地用双手或基本不克不及用双手的人）等）也能会见网站。经由过程利用Web尺度和最好的习气，你可使你的Web站点能被尽量多的人会见。
设备兼容性：此处的兼容性，指的是不但要确保你的Web站点能够跨平台（如Windows、Mac、Linux），并且要能在别的的扫瞄设备上事情，好比如今用的手机、电视、游戏把持台等。这些安装在屏幕巨细、处置才能、把持机制等方面都有一些范围性。不外你宁神，经由过程利用Web尺度和最好的习气，可让你的Web站点能在尽年夜多半安装上显现。要晓得环球手机的数目多于团体电脑的数目，并且良多手机都是能够上彀的，你或你的客户怎能不往占据这个年夜市场呢。要想懂得更多有关挪动Web开辟的信息，请会见dev.opera.com。
收集爬虫/搜刮引擎：在这里，我指的是所谓的“seo”，即让你的Web站点能尽量多地被收集爬虫爬到，而且被索引，从而进步你的Web站点在Google等搜刮引擎上的排名。这是一项专门的学问（参考关于seo的文章，如《更合用于seo的智能站点布局》、《HTML语义和seo》等）。一样地，经由过程利用Web尺度，你就能够让你的站点在Google、Yahoo!等搜刮引擎上只管靠前地显现，这势必年夜年夜地增进你的营业。

只管利用Web尺度有以上诸多长处，但多半Web站点至今还还没有遵守Web尺度，并且时至昔日良多Web开辟职员都还在利用过期的、欠好的习气。你会问“为何会呈现这类情形呢？”。缘故原由固然有良多，这包含缺少教导和培训、公司政策、不必进修尺度也能领到薪水、进修太难、扫瞄器所撑持的尺度等。以下我将一一具体剖析这些缘故原由，并批判那些不接纳或进修Web尺度的托言。

缺少培训：这的确是一个成绩，这也是我们开辟本课程的次要缘故原由之一。良多年夜学在它们的Web相干课程中都不传授Web尺度，并且良多课程报告的内容也已过期，因为权要主义，这类情形还很难改动。培训课程和书本的确也消费高贵，但如今我们已开辟出这个收费的课程，并在年夜学里推行。“缺少教导和培训”不再成其为不进修Web尺度的托言了。
公司政策：无能否认，至今一些公司/机构仍然保持其老式过期的Web站点，大概还制订有政策强制其员工利用过期的扫瞄器。但如今有了我们这个收费供应的课程，情形应当能失掉变动了。将Web站点举行晋级，以到达以后的尺度，这将增进公司晋级它们所利用的扫瞄器，这是由于用过期的扫瞄器扫瞄晋级后的Web站点效果欠安（只管仍是能够扫瞄）。公司还应当勉励它们的客户也晋级扫瞄器。如许做是有充实理有的，如上所述，利用了Web尺度的站点，将有更靠前的搜刮引擎排名，并能为更多的人，包含残疾人和利用电脑之外安装上彀的人所会见，公司怎能无视这么年夜的一个潜伏客户群呢？
“我不必要进修Web尺度”：我晓得一些Web开辟职员会如许说：“我是在利用过期的办法开辟Web站点，但我还是领到人为，那我为何还要往费时吃力地进修这个新器材呢？”我在以上部分已讲过，利用Web尺度能够进步代码的效力，使得写代码变得更加简单，并使Web站点更容易于保护。别的，还可使你能写出能够在电脑之外的设备上显现的代码，这不很好吗？进修Web尺度，能够提拔你的专业妙技，并使你能挣到更多的钱。今朝良多公司都必要懂Web尺度的专业职员。
“它太难学了”：空话。在进修完本课程后，不管你是Web开辟/计划方面的老手，仍是必要学习的Web从业职员，城市发明要把握利用Web尺度的基础常识，实际上是十分简单的。进修利用Web尺度其实不比利用老式过期的Web开辟/计划办法更难，并且还能带来那末多好处。
扫瞄器所撑持的尺度：已往有良多分歧的扫瞄器撑持尺度，这使得让Web站点在分歧的扫瞄器下都能一般显现，酿成了一场噩梦。但那已经是已往的事了，现今的扫瞄器都撑持应有的Web尺度。一些老式扫瞄器偶然仍必要出格的撑持尺度，但经由过程利用现今最好的习气，你能够确保那些老式扫瞄器的用户仍旧能够取得不错的用户体验。

因而像你们已懂得到的一样，真没有任何托言在处置Web开辟事情时不接纳Web尺度。从一个初学者的概念来看，进修本课程最少可让你一入手下手就进修最好的习气，而不必要还要吃力地往丢弃那些已往欠好的习气。

我们一向以不屑的口气议论那些已往欠好的习气，似乎它们已经是毫无用途的老古玩了。切实其实，在本课程中我们不会传授这些欠好的习气，由于我们以为没这个需要。我们以为学员一入手下手就应选择准确的起点。大概你们想晓得这些已往欠好的习气事实是怎样的，上面我就扼要先容一下。
在已往，人们在制造Web站点时，习气于如许做：把全部页面经由过程一些伟大的表格举行结构，利用分歧的表格单位格来定位图象、文本等（不是真实的表格，而是向页面增加冗余的标志）。他们习气于利用不成见的空缺GIF来调剂页面元素的定位（不是真实的GIF图象，而是向页面增加冗余的标志）。他们习气于用JavaScript来天生那些飘动的菜单（这关于那些已在扫瞄器中禁用JavaScript的人来讲，一点优点也没有，而对那些因视觉停滞而利用屏幕浏览器的人来讲，也会被这些JavaScript弄晕）。大概，写一些仅能运转在一种扫瞄器上的JavaScript（但关于那些利用其他扫瞄器的人，该怎样办呢？）。他们习气于在HTML的<font>元素中，间接拔出款式信息（但这将增添保护的难度，而且会使页面中凭添过剩的标志）。别的另有良多欠好的习气，最糟的是，固然我下面说的是“已往的作法”，但如今有良多人还像之前一样做。
Web开辟自己就是一件乱七八糟的事情，而假如再没有好的开辟习气，它就难上加难了。本课程所形貌的Web尺度和最好习气，将是你处置Web开辟的最好路子。

课程布局
本课程由良多文章组成。在基本课程完成时，将有50多篇文章，每篇文章的长度都为几千个单词。每篇文章的内容都会合在一个详细的主题上，一样平常将包含以下内容：该主题的背景常识、基础实际、实践例子、周游教程，和实习题。
别的，我们在将来还将推出全套教程，内容将掩盖构建Web站点的全历程。
传授本课程得当的体例为：先断定你有几堂课能够用于将本课程教完，然后除以文章的数目。在每堂课入手下手前，请求学员先通读与该堂课绝对应的文章，然后在教室上会商实践的例子，并请求学员在课后做实习题。我以为只需让学员在课前通读了文章，报告每篇文章所包括的基础理念只必要1个小时就充足了。大抵说来，本课程必要50小时的讲课工夫，另必要50个小时的背景浏览工夫。
很明显，你必要细心想一想传授完本课程必要多长工夫，每堂课又必要详细报告些甚么。能够经由过程试讲探索前途子。
讲课工具
这是一个有关Web尺度的课程，由多篇文章构成，其次要讲课工具为任何想从零入手下手进修基于Web尺度的Web（网页）计划的人。本课程的方针为：使一入手下手仅懂怎样扫瞄网页的人，经由过程本课程的进修，纯熟把握CSS款式和HTML言语，并懂得JavaScript的基础常识及实践使用。经由过程进修，将可使学员取得进进事情市场合必要的充足常识（固然事情履历是没法传授的，必要本人堆集）。
在我看来，讲课工具是但愿以“准确的体例”进修Web计划的任何人，包含：

年夜学/学院先生和先生：正如我已指出的那样，先生既能够使用本课程的全套文章创立本人的课程，并向先生教学；也能够将个中部分文章作为你本人课程的增补。而任何已学过一些Web相干课程的先生，应该利用本课程的质料增补本人的常识，并劝告本人的先生也如许做。我倡议先生也把这些质料通读一遍，以确保所传授的课程中含盖的手艺是以后的最好标准。
年夜学预科/年夜学岁数的先生：只管本课程次要是面向成人的，但中先生也仍是能够从进修本课程中受害，能够实验进修本课程。
退职的Web计划者和开辟者：有良多退职的Web计划者和开辟者，还没有在事情中利用Web尺度和最好习气，或是不克不及很简单就找到可用的参考材料，或不习气更新本人的常识。我力劝前一类人必定进修一下本课程，以懂得在事情中接纳Web尺度是何等有代价且又是何等简单。而对后一类人来讲，我确信你们进修本课程也会有很年夜劳绩，能够更新本人的常识和妙技，复习简单忘记的常识，并使你取得充足的常识储蓄，可用于压服你的店主和客户像Web站点的可会见性这类要素有何等主要。
公司外部的培训职员：本课程是以低本钱对员工举行培训的幻想体例。
其他团体：假如你是想进修Web计划和开辟的团体，本课程也是你以低本钱承受教导和培训的幻想体例。

本课程是根据常识共享允许协定而刊行的，任何想利用的人都能够无偿使用，只需供认本课程回属于我们便可。
目次
请注重，迄今为止本课程下的39篇文章已公布，另有10多篇文章也将尽快公布，构成完全的课程。
入手下手篇

叙言，作者ChrisMills，就是您如今正读的这篇。

Web尺度导论

互联网和Web的汗青，和Web尺度的演变，作者MarkNormanFrancis
互联网是怎样运转的？作者JonathanLane
Web尺度所包含的模块——HTML、CSS和JavaScript，作者JonathanLane
妄想固然很美，但实践上究竟怎样？作者JonathanLane

Web计划观点
这部分其实不触及代码或标志的细节常识，而是在你入手下手创立任何图形或代码前，匡助你懂得Web计划历程，和Web计划的一些基础观点，如信息架构、导航、可用性等。

信息架构——计划一个Web站点，作者JonathanLane
一个好的网页必要甚么？作者MarkNormanFrancis
色采实际，作者LindaGoin
创建站点的线框图，作者LindaGoin
配色计划和计划榜样，作者LindaGoin
网页排版，作者PaulHaine

HTML基本

HTML基本常识，作者MarkNormanFrancis
HTML的<head>元素，作者ChristianHeilmann
为你的HTML文档选择得当的文档范例，作者RogerJohansson

HTML注释

在HTML中标志文本内容，作者MarkNormanFrancis
HTML列表，作者BenBuchanan
HTML中的图象，作者ChristianHeilmann
HTML链接——让我们建一张网吧！作者ChristianHeilmann
HTML表格，作者JenHanen
HTML表单基本常识，作者JenHanen
罕为人知的语义元素，作者MarkNormanFrancis
通用容器－－div和span元素，作者MarkNormanFrancis
利用导航菜单创立多页面，作者ChristianHeilmann
查验你的HTML，作者MarkNormanFrancis

可会见性

可会见性基本常识，作者TomHughes-Croucher
可会见性测试，作者BenjaminHawkes-Lewis

CSS款式

CSS基本常识，作者ChristianHeilmann
承继和层叠，作者TommyOlsson
利用CSS设置文本款式，作者BenHenick
CSS结构模子——boxes、borderes、margins、padding，作者BenHenick
CSS背景图片，作者NicoleSullivan
款式列表和链接，作者BenBuchanan
款式表格，作者BenBuchanan
款式表单，作者BenHenick
浮动及扫除，作者TommyOlsson
CSS的静态和绝对定位，作者TommyOlsson
CSS的相对和流动定位，作者TommyOlsson

JavaScript的文章
行将公布...
增补文章
将你的内容公布到网上，作者CraigGrannell.
有关文档中<head>元素的更多常识，作者ChrisHeilmann.
增补质料：用于排版的通用HTML实体，作者BenHenick.
Opera公司Web尺度课程辞汇表，由多人撰写。本目次尚不完全，将随时增加。申谢
在开辟本课程的过程当中，有十分多的人曾赐与我匡助，大概没法逐一列出他们的名字，但我但愿在这里能已列出他们每一个人的名字。他们都是一些出色的人，我倡议你们往听他们的讲座、买他们写的书、浏览他们的博客，大概以其他体例赐与他们撑持。我向你们致以感激和敬意。我要感激：

文章的十分感激BenBuchanan,TomHughes–Croucher,MarkNorman“Norm”Francis,LindaGoin,PaulHaine,JenHanen,BenjaminHawkes–Lewis,BenHenick,ChristianHeilmann,RogerJohansson,Peter–PaulKoch,JonathanLane,TommyOlsson,NicoleSullivan,MikeWest。没有你们的匡助，本课程是不成能被编写出来的。
Opera的同事：包含JanStandal,DavidStorey，我部下团队的其他成员，和其他一切匡助我开辟本课程的同事。
机构：感激Yahoo公司的每位员工（文章作者，和SophieMajor，她在构造和推行方面给了我很年夜匡助）。感激WaSP公司（出格是GarethRushgrove,StephanieTroeth和AarronWalter）,Britpack网站，Geekup网页计划师同盟，和存眷本课程的一切年夜学。
团体：衷心感激以下人士——CraigSaila,SaraDodd,JohnAllsopp,RoanLavery,BruceLawson,AlanWhite。假如我漏掉了谁，请包涵我。
读者：感激你们对以准确的体例创立Web站点感乐趣，并抽出工夫浏览本课程的质料。

与我接洽
我一直但愿更大概多的人能给我供应定见和倡议，以让我能改善本课程。假如你对怎样改善本课程有任何倡议，或是有任何批评，或是但愿某个中央推行本课程，都请与我接洽。我的E-mail是：cmills[at]opera.com。你也能够点击每篇文章页首的链接（“会商本篇文章”），宣布你对文章的批评。为介入会商，你必要一个my.opera账户。

业界越来越关注DIV+CSS的标准化设计，大到各大门户网站，小到不计其数的个人网站。

作者: 小女巫 时间: 2015-1-24 12:45
只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。

作者: 愤怒的大鸟 时间: 2015-2-1 16:20
每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

作者: 深爱那片海 时间: 2015-2-7 09:54
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

作者: 蒙在股里 时间: 2015-2-21 19:46
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。

作者: 变相怪杰 时间: 2015-3-6 22:43
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。

作者: 第二个灵魂 时间: 2015-3-13 23:07
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

作者: admin 时间: 2015-3-20 21:52
所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

欢迎光临仓酷云 (http://ckuyun.com/)