網頁設計學習路

我第一次接觸到網頁設計,是在高中的電腦課。我跟兩個要好的高中同學一起製作網站,還參加不知道是哪個單位舉辦的網頁比賽。那時候對HTML一知半解,手邊也沒什麼工具,就是用Notepad、Frontpage(我一直搞不懂這玩意要怎麼用)、PhotoImpact、GIF Animator等等。至於做出來的成果……十年前嘛,不就是些自以為很炫的閃爍字體、跑馬燈,以及亂七八糟的Javascript。

後來上了大學,念了資訊系。計概課要做個人網頁,所以開始學Dreamweaver。我一看到Dreamweaver就著迷了,覺得真是個有理想的公司開發出來的軟體啊!(後來Blake學長寫了「不是打vi的廣告」,我就拋棄Dreamweaver,擁抱vim了)然後又找到網站建置百寶箱(好像很久沒更新過了)這個網站,找些Javascript東拼西湊,總算是把作業給交出去。

我到底是怎麼接觸到XHTML跟CSS的呢?

那時候我加入了奇妙的社團,認識了gslin大神大神說「學HTML哪有不看原文的」,扔給我W3C的網址,所以我就乖乖看完HTML建議書(recommendation)。既然大神推薦,我當然要多逛逛這個網站啊,然後我就看到了CSS。大神說,「喔讚讚,好東西。」於是我們決定讓樹木為我們而倒下,印了整份CSS2出來看。我的網頁設計學習路,就從W3C建議書開始。

可是建議書歸建議書,實際寫出HTML跟CSS,用瀏覽器看卻老是怪怪的,這是怎麼回事?網路上找啊找,才發現千錯萬錯,都是IE的錯。也因此找到了A List Apartcss-discuss郵件論壇,以及Eric MeyerJeffery Zeldman的網站,東西也就越看越多,也開始試著翻譯一些文章。

大學畢業後沒幾個月,我就當大頭兵去了。雖然運氣很好,抽到個離家近、又輕鬆的單位(我的兵科是電腦硬體修護兵 XD),不過接觸網頁設計的時間畢竟比較少,最多也就是趁放假的時候,多找些有趣的文章帶回部隊看。有時候心裡想著「這個真是好東西」,卻也沒力氣跟心情來寫些什麼,最多就是在IRC上講講而已。(所以如果有機會的話,千萬不要去當兵啊 :~)

現在退伍開始上班啦,雖然我頂頭上司十分支持我玩這些有的沒的,可是工作還是得好好顧。這個部落格大概幾天才會更新一次,期待天天有文章看的朋友大概要失望了。我會多寫些有趣的、別人沒提過的東西,來跟大家做分享,希望你跟我一起走這條學習長路。

23 comments ↓

#1 Web4C » Blog Archive » 也談網頁學習歷程 on 08.27.05 at 4:00 am

來自jjgod的回應 (抱歉,請改用UTF-8,本網站不支援Big5或GB-2312)

#2 gslin on 08.27.05 at 9:21 am

布長輩,您別裝菜啊… 您是我們的明燈啊 XD

#3 水瓶〥無痕 on 08.27.05 at 11:18 am

支持^^

#4 hlb on 08.28.05 at 12:31 am

大神哪的話。Security是我的工作,CSS是我的興趣,大神您是我的信仰啊!

#5 x5 on 08.28.05 at 11:17 am

呵呵,禁止互相吹捧~

btw,读完之后感觉,交通大学是个好地方~而大陆,就不容易找到这样的大学了~~~

#6 gslin on 08.28.05 at 1:35 pm

幹幹,不要又是大神又是信仰了 :~

#7 MilchFlasche on 08.30.05 at 8:35 pm

好賞心悅目的blog啊!名家一出手,就知有沒有~

#8 hlb on 08.30.05 at 11:34 pm

MilchFlasche誤會囉,我只有小改Blix這個theme而已。哪天有空才會來做自己的版面吧 :~

#9 aaron on 09.02.05 at 5:18 pm

想到当初想要弄懂WEB DESIGN时,也是花了一个下午看完W3C SHOOL的CSS资料。

那时就在想:既然有个standard让大家去遵守,那为何当时的browser却又“纵容”地让许多不符合W3C标准的网页“正常”显示呢?

Anyway,希望今后的WWW世界会变得比较“标准”吧!(p.s:这句话没有“谋杀”创意的的成分)

#10 balduran on 09.09.05 at 2:17 am

W3C recommendation的內容好多啊 可不可以舉出其中幾個必須先看的呢?

#11 hlb on 09.10.05 at 12:20 am

學網頁設計的話,可以先看看HTML 4、XHTML 1、CSS 1、CSS 2。接著可以看看Accessibility的東西,或是DOM吧 :)

#12 charlesc on 09.23.05 at 10:59 am

請問hlb有沒有興趣深入淺出地講一下IA/UI/UE? 想請您來我們公司開示一下:)

#13 hlb on 09.26.05 at 5:24 pm

蕃薯藤?有興趣啊,一小時幾多錢講清楚? :P User experience方面我懂得不多,也許你該找Jedi。

#14 charlesc on 09.26.05 at 10:35 pm

好啊,我再找時間找你:)

#15 李世文 on 10.31.05 at 7:31 pm

请大家参观我们学校,我们学校很小,但给我了发展的机会,我要好好学习我的专业知识,将来你们在网上会见到我的作品的,谢谢!

#16 hlb on 11.01.05 at 12:34 am

to 李世文: 您好,請問您的回應跟這篇有什麼關係? :) 如果您學習的是網頁設計相關的科系,也許您可以說得更清楚些,請不吝賜教。 另外,我討厭 spam,希望您不是純來打廣告的 :)

#17 hejian on 11.19.05 at 11:05 am

我学网页制作的路楼上差不多,只不过省了当兵的过程,也没有高手给我做老师,都是自己瞎摸吧!

#18 klhsieh on 01.13.06 at 10:34 am

hlb大大,您好:

有時看找資料都會來到您的網站 從你的介紹,也才知道Jeffrey Zeldman 這些大師 (我也去買了 Design with Web Standard)

我想多知道一些有關RDF, RSS, atom 之類的東西 想要知道他們的格式啊..觀念呀..原理啊..之類的 (其實我還很不熟) 只是現在很多網站都有RSS訂閱, 想知道它們怎麼做的(還有格式!) 請問大大有什麼好書嗎?

Oreilly 有出一本 Practice RDF 這本書適合我嗎? 或是有其他推荐的 (總之, 我很想知道一些Web上的新知識… 雖然這些也許已經不算新了… XD)

(好吧, 我之所以感興趣是因為我看到wordpress.com 說未來會提供xml backup 給使用者下載, 還有我用wordpress 時它可以import blogger.com 的資料,看起來很有趣, 所以才想要知道以上那些… 不過也許這些並不搭嘎… :P)

#19 hlb on 01.13.06 at 5:11 pm

RDF, RSS, ATOM……這是個充滿恩怨糾葛的漫長故事阿……如果你想知道格式,就去看規格書(spec)吧。我沒有認真看過ATOM的格式,它對我來說太複雜了。

想要瞭解這方面的事情,大概也不用買書吧,Google找一下應該就有不少資料,比方說這頁的內容就挺清楚的。如果你真的想找本書,O’Reilly 是有本 “Developing Feeds with RSS and Atom”。

#20 klhsieh on 01.16.06 at 9:44 pm

謝謝大大! :)

#21 Antonov on 01.19.06 at 11:17 am

我總覺得用CSS+DHTML+XML等來做 Web實在是一條漫長的道路阿….. 常常做出來的效果跟原先預想的差的很遠,更別說在不同browser上的相容性,花在調整這些東西的時間也許可能跟coding的時間差不多 Orz…. 還是寫一些跟機器溝通的東西輕鬆多了….:P

#22 態度問題 at Gea-Suan Lin’s BLOG on 10.17.06 at 11:45 pm

[...] 另外有些人是屬於當

#23 李玉刚 on 11.30.06 at 6:01 pm

好啊 我点路子有些曲折 这不一直在努力

Leave a Comment