由浅入深实践学习 Web 标准

2016-02-19 23:11 10 1 收藏

今天图老师小编要向大家分享个由浅入深实践学习 Web 标准教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - Web开发 】

如果你还不知道 Web 标准是什么,那么我给一个定义:从 05 年开始才在中国流行起来的一种做网页的方式,并且现在保持着一定的热度。新浪、网易这两大门户网站的首页都是标准的(或接近标准)。我这么定义,是说作为一个新锐的网页设计师,如果你现在还不知道 Web 标准,那么你即将被历史淘汰了。

很多人不知道怎么系统的学习 Web 标准。不用紧张,其实大家都一样。而且大部分人都是东一点西一点学起来的。普遍的观点是,如果你有网页制作的基础,即会使用 table 或利用 DW 等工具制作网页,那么 2 周时间可以入门 Web 标准,到基本熟练程度大约需要 1-3 个月。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

有了以上这些初步的概念,现在回到本文的主题上来。

学习 Web 标准最快速有效的办法是实践。但是,这并不意味着你今天会做一个页面了你明天就会做其他页面,不同页面间的差别很大。我的建议是,通过从小到大的实践来学习 Web 标准。从小到大,从局部到整体。并且 (X)HTML 和 CSS 同等重要!不要只学了 CSS,尤其是只学习那些丑陋的 hacks(用来解决不同浏览器的兼容性问题)。hacks 要学,但是点到即止,不要本末倒置。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

从小到大的实践,比如:

从两行文字到一个段落到一个章节到整篇文章(比如你自己的 Blog); 学习表单的 (X)HTML 和样式化;比如先学习登陆框的做法;在学习注册表单的做法; 学习自己动手制作一些简单页面,比如 Google 的首页,然后再做搜索结果页;

另外,最好有外力推动:比如金钱、生存

从局部做起可以减少学习过程中的挫折感,并且可以通过小的细节培养观察力。系统的学习可以放到以后再做,这就像读书一样,过早的系统化学习并不一定就好。总是先有零星的点,然后成线,最后形成知识面。

注1. 我写的尽量简短,以方便阅读。本文所提及的 Web 标准,如没有特别说明,均指 (X)HTML + CSS。(Web 标准的含义应当更宽泛)

注2. 我有一个坏习惯,宁可用 table 也不用 hacks。

来源:http://www.tulaoshi.com/n/20160219/1629419.html

延伸阅读
标签: Web开发
即网页标准推出来以后,我们时常会看到两种不同的网页的声明,一个是Dhtml,一个是Xhtml。如下所示: !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...
标签: Web开发
DOCTYPE不可怕,但把它拿走,会让你怕了又怕。 最近在蓝色理想转悠,发现很多朋友提出有关DIV+CSS排版问题,以及IE与FF的兼容问题。怎么问的都有,结果就是一个显示很奇怪,很难调整。我们浏览的大多数网站,或者用Dreamweaver创建一个新的网页文档时,源码的顶部都会有DocType声明,但是很多人没有注意它,甚至在创作时候直接将它删掉,其...
  作者前言 今天下午,我的一个朋友问我:对于一个想了解web标准的老网页设计师有什么建议。 我想将我的email回复贴在这里让更多人看见将是一个很好的范例。我的回复是:这有一个全面的,非正式的,有些罗嗦的指南,送给所有听说过web标准,希望使用web标准却又不知道从哪里开始设计师。 正文 首先不要急着开始!...
标签: Web开发
Web 标准使您能通过最少的工作,生成可被最广大受众访问的 Web 站点。 Web 标准的承诺是:只需设计页面一次,即可让该页以完全相同的方式在任何现代的浏览器中显示和工作。 例如,在按照标准生成以后,旨在在 Microsoft Internet Explorer 中以某种方式显示的页可在其他浏览器(如,Mozilla&nbs...

经验教程

490

收藏

82
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部