顯示廣告
隱藏 ✕
※ 本文為 tomin 轉寄自 tomin.twbbs.org 更新時間: 2011-12-13 03:14:18
看板 coding
作者 tomin (科學大師、哲學博士)
標題 [轉錄] CSS、JS、HTML5、Flash初學
時間 2011/11/15 Tue 02:04:10


看板 Web_Design
作者 monomorium (門外漢)
標題 Re: [問題] CSS、JS、HTML5、Flash初學
時間 Sat Nov 12 13:55:15 2011


※ 引述《LaPass (LaPass)》之銘言:
: 學過PHP跟MySQL
: 現在打算學一些client端的東西,把網頁介面弄漂亮一點
: 以及實現一些功能之類的
: 去書局翻了一下
: CSS的部分,感覺很亂,其中一類型的書專門在教CSS3、HTML5等新的東西
: 那類書大部分偏重於.... 瀏覽器支援哪些語法、以及介紹新功能等等
: 基本部分反而沒提多少
: 另一種教的是舊的CSS跟HTML如何使用之類的
: http://css.1keydata.com/tw/ <=差不多只比這個網站稍微多一些東西而已
CSS 語法教學 這個 CSS 語法教學介紹 CSS 的基本概念,以及列出常見的樣式表。
 
: 這網站的內容我瀏覽過,知道概念,但還需要時間去熟悉
: 我想請問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_教學
: 一樣瀏覽過,需要時間去熟悉
: 但我想請問,應該有類似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
Internet Explorer 9 HTML5, CSS3, Compatibility, and More | MSDN Microsoft Internet Explorer 9: IE9, Library, learning resources, downloads, support, and community. Evaluate and find out how to install, deploy, and maintain on Internet Explorer.
 
 http://developer.apple.com/devcenter/safari/index.action
 http://dev.chromium.org/
The Chromium Projects Home of the Chromium Open Source Project
 
 http://dev.opera.com/
Dev.Opera Dev.Opera is the ultimate source of distilled knowledge for web developers, covering the latest open web technologies and techniques including HTML5, CSS3, JavaScript, SVG, optimizing content for mobiles, tablets and TVs, and creating add-ons such as extensions and themes for the Opera browser.
 

不過標準文件沒有完整概念倒是不容易讀就是了說 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/
HTML5games.com | games powered by HTML5 HTML5games.com is the largest and most comprehensive directory of HTML5 games on the internet.   Check back daily for games created with HTML5, as well as news and updates regarding this new and exciting web standard.
 
 http://html5demos.com/
 http://www.html5rocks.com/en/
HTML5 Rocks - A resource for open web HTML5 developers A resource for developers looking to put HTML5 to use today, including information on specific features and when to use them in your apps.
 
 http://www.html5arena.com/
 等.....

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




--

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

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.169.131.239

--
  Origin:  Loess Plateau˙黃土高原  tomin.twbbs.org
  Author: tomin 從 114-24-65-241.dynamic.hinet.net 發表

--
※ 看板: tomin 文章推薦值: 0 目前人氣: 0 累積人氣: 26 
分享網址: 複製 已複製
guest
x)推文 r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇