我这样开始了CSS学习

| | Comments (8) | TrackBacks (0)

前段时间看了振之的“如何开始标准之路”,很有点感想,他从解剖大师的网站开始,我告诉他我从做练习开始。

大概是2004年初,我想开始学习做网页,因为我在这方面的知识为零。

让我有这样的想法是从这次经历开始的:03年底我的奔II电脑系统坏了,我请电脑城的一个小伙子来帮我重装系统,完了我问他网页是怎么做出来的,他帮我装上FrontPage,然后打开一个网页,在FrontPage中我看到了这个网页,还告诉我说,他可以把背景的蓝色改为红色。我觉得很有意思。就开始对FrontPage有好感,因为可以做网页。

于是决定要买本FrontPage的书来好好学习。到了书店我才知道还有DreamWeaver呢,这个太高深,我想还是买本儿童教材“米奇e时代”来开始,他们总不会拿儿童来教条一下的。这本90页的彩页书我象看连环画似的一下就翻完了,有点小感觉,决定要向DreamWeaver进军,马上买来“从零开始”。这次我被云里雾里了一番,说是从“零”开始,我看完还是不知道哪里是“零”。开始对国人的教材有点失望,再买来韩国人的“从入门到精通”。扎实花了一个星期,一边看一边对着做。把那些心爱的表格摆弄的得心应手,一个星期后我做出了一个“象样”的页面,那是我的第一个“作品”。

fp dwmx dw2004

我不满足这本“从入门到精通”,就到当时的Macromedia去寻找更多的信息。我在Macromedia的这里第一次看到了CSS的入门练习,我把里面的每个练习都做完了。从这里我了解到无表格的CSS设计,也是从这里我开始知道10天前学的那些东西原来都是不符合标准的方法,要从现在开始丢掉。现在都还记得当时在国外还展开了一场表格和非表格的大辩论,到今天已经没有人去争这个了,因为不需要争,大家都明白了。上面的那三本书页永远的在我的书架上存档了。学了一个星期的表格就要在10天后丢掉。是可惜还是庆幸啊?

当时上海福州路所有的书店我找不到一本关于CSS的书,摆满半层楼的都是表格表格表格,都是非标准的方法(直到今天还是没有什么变化,还在表格)。我被迫整天泡在满是英文的相关网站上。是痛苦还是快乐?

我在Macromedia只呆了不到10天时间,就到处乱跑了。我还要找循序渐进的练习来做,要找CSS的教程。现在回想起来,那时候让我得益最大的是 CSS完全指南MaxDesign。前者让我了解CSS的规则,后者一步一步的练习让我直观的感觉到每个标签和属性给页面带来的变化,每往前走一步看到自己做出来的和教程的效果一样,都会有种巨大的成就感。

也就从那时候开始,只会用手写代码,反而不知道所见即所得了。

后来没多久,我又看到了Veerle的这个CSS模板设计 的教程,真是不错。从一个页面设计的最开始到结尾,包括怎么做,为什么这么做,原理是什么,根据是什么,都解释的非常详细。

从这些地方我对CSS有了初步的认识,我找到了“零”也已经开始出发了。

两年多时间过去,现在的资源更多,国内相关的书籍也开始出现,开始学习标准设计的朋友也更多了。

0 TrackBacks

Listed below are links to blogs that reference this entry: 我这样开始了CSS学习.

TrackBack URL for this entry: http://www.yangkang.org/cgi-bin/mt/mt-tb.cgi/72

8 Comments

当我想学设计的时候,就已经是CSS大行其道的时代了。完全不了解非标准代码是什么样的,这也未必是件好事。就好像没吃过生食的人,不会深刻了解熟食到底有哪些优势一样。

现在最痛苦的莫过于学业过于繁重,很难一次有几个小时的时间来学一些其他东西。断断续续,非常麻烦。

之前你一直写Movable Type的教程,
现在你可以换换写些CSS的,
虽然网上CCS的教程很多,
不过你应该有自己独特的心得和经验吧

leavic,
css可能是,但标准设计就不是大行其道,至少现在国内不是。绝大多数的人仍在抵制这股潮流,一切才开始。
Allen,
是改换换口味了。

Geek Yang.Thanks!

我在了解css之前一直没做过复杂点的网页。后来用w3c的validator发现全都不validate,就按照那上面的一堆错误挨个改。。。最后才知道什么是css。唉。。。我咋这么笨呢。

其实去蓝色理想可以学到不少东西的

CSS.Mastery是一本很好的书
可以参考一下

去这里看看
http://www.dimlau.com/blog/2006/10/cgart.html

dimlau,
我有了: http://www.yangkang.org/archives/2006/09/amazon.html

Leave a comment

About this Entry

This page contains a single entry by Yang published on October 14, 2006 5:11 PM.

恢复Trackback功能 was the previous entry in this blog.

用CSS设计圆角 is the next entry in this blog.

Find recent content on the main index or look in the archives to find all content.