Re: [問題] CSS、JS、HTML5、Flash初學

[monomorium (門外漢)]

※ 引述《LaPass (LaPass)》之銘言：
: 學過PHP跟MySQL
: 現在打算學一些client端的東西，把網頁介面弄漂亮一點
: 以及實現一些功能之類的
: 去書局翻了一下
: CSS的部分，感覺很亂，其中一類型的書專門在教CSS3、HTML5等新的東西
: 那類書大部分偏重於.... 瀏覽器支援哪些語法、以及介紹新功能等等
: 基本部分反而沒提多少
: 另一種教的是舊的CSS跟HTML如何使用之類的
: http://css.1keydata.com/tw/ <=差不多只比這個網站稍微多一些東西而已
: 這網站的內容我瀏覽過，知道概念，但還需要時間去熟悉
: 我想請問CSS跟HTML的新舊差異會很大嗎？

差異很大，非常大， HTML 4.01 以靜態網頁為主
到 HTML 5 現身，隔了超過十年，新技術不斷出現就是了
請參考 http://www.w3.org/TR/2011/WD-html5-diff-20110525/

HTML 5 的標準文件有兩份，分別由兩個不同的非營利組織維護
W3C
 http://www.w3.org/TR/2011/WD-html5-20110525/
WHATWG
 http://www.whatwg.org/specs/web-apps/current-work/multipage/



: 我該直接學CSS3+HTML5，還是學完舊的CSS再去學HTML5+CSS3？

嗯，瀏覽器對 CSS 3 與 HTML 5 目前支援各有差異
建議先學 HTML 4.01 + CSS 2.1
熟練後再去學 HTML 5 + CSS 3

關於 HTML 4.01 與 CSS 2.1 ，下面有依據標準文件寫的導覽教材
http://pydoing.blogspot.com/p/makeup-language-tutorial.html

HTML 5 基本上就是徹底把 JavaScript 整合進 HTML 裡頭


: 以及，JavaScript的部分
: 找到使用手冊，看過了一遍
: https://developer.mozilla.org/zh_tw/Core_JavaScript_1.5_%e6%95%99%e5%ad%b8
: 一樣瀏覽過，需要時間去熟悉
: 但我想請問，應該有類似Javadoc、MSDN、PHP Manual之類的標準函式庫文件吧？
: 我在那個網站裡有點迷路.....

JavaScript 的話，分成核心部份與 HTML DOM 物件模型
可以參考 http://pydoing.blogspot.com/p/javascript-tutorial.html

坦白講是有標準文件
JavaScript
 http://www.ecma-international.org/publications/standards/Ecma-262.htm
HTML DOM
 http://www.w3.org/TR/#tr_DOM
 http://www.w3.org/TR/#tr_DOM_events

也可以到各家瀏覽器提供的文件庫查詢
 https://developer.mozilla.org/en-US/
 http://msdn.microsoft.com/en-us/ie/default
 http://developer.apple.com/devcenter/safari/index.action
 http://dev.chromium.org/
 http://dev.opera.com/

不過標準文件沒有完整概念倒是不容易讀就是了說 xd

: 還有flash這個東西
: 感覺起來快被淘汰的樣子，有學的必要嗎？

嗯，如果有就業需求，現在學起來到大約 2016 年前都很有用
2016 年以後就難說了 xd


: 未來我有可能寫到串流等需要持續連線的功能
: 如果不用flash，那有什麼解決方式呢？
: 難道是寫 JAVA，把.class檔案嵌進網頁嗎？

這個，先把 JavaScript 學起來再說唄


: 最後
: 我想請問有沒有製作網頁比較方便的IDE？

有很多，多到很可怕 xd
http://en.wikipedia.org/wiki/Category:Web_development_software

不過個人意見， CSS 熟練之後， IDE 就變得統統不好用了 xd


: 例如，用拖、拉就可以做出按鈕、選單，並且允許用打字的方式去修改程式碼
: DreamWeaver我用不慣

另外，網路上已經有很多 HTML 5 的實驗或範例網站
例如
 http://html5games.com/
 http://html5demos.com/
 http://www.html5rocks.com/en/
 http://www.html5arena.com/
 等.....

其他網路上的英文教學，太多了，族繁不及備載 xd




--

相簿～～
https://plus.google.com/u/0/photos/110860970001239602791/albums

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.169.131.239
※ 編輯: monomorium      來自: 118.169.131.239      (11/12 13:58)
推 ilovekebi:推啊~
推 LaPass:感謝提供文件位置 m(_ _)m
推 mervynW:推~
推 p52189:讚
推 tomin:推
推 mildstream:現在留不知道有沒有人看的到QQ 想請問HTML5含括的範圍
→ mildstream:HTML5有包括到ECMAScript5的部分嗎? 新的canvas api
→ mildstream:算在ECMAScipt的哪個版本中? 有點搞亂了= =
推 ANCEE:推這篇