SAY討論區

標題: 推薦10個適合初學者的 HTML5 入門教程 - 網站設計及開發 [打印本頁]

作者: 無神論狂徒 時間: 2014-1-13 08:21:02 標題: 推薦10個適合初學者的 HTML5 入門教程 - 網站設計及開發

HTML5 作為下一代網站開發技術，無論你是一個 Web 開發人員或者想探索新的平台的遊戲開發者，都值得去研究。藉助尖端功能，技術和 API，HTML5 允許你創建響應性、創新性、互動性以及令人驚嘆的漂亮網站。更進一步，你也可以使用 HTML5 創建原來只能用於桌面平台上的複雜應用程序。　　這篇文章挑選了10個適合初學者的 HTML5 入門教程，帶你踏上 HTML5 之旅。

1. HTML5 教程 4 U
對於初學者，Mentromob 網站是開始學習的很好的地方，你可以編輯代碼，查看輸出結果。

2. 使用 HTML5 和 CSS3 創建一個下拉導航菜單
了解如何使用新的 HTML5 標籤和 CSS3 創建一個簡單又時尚的下拉菜單。

3. 使用 HTML5 和 CSS3 光滑的登錄表單
使用 CSS3 和 HTML5 創建漂亮的登錄表單，不需要任何 JavaScript 代碼。

4. 使用 HTML5，CSS3 和 jQuery 創建下拉式登錄框
這是一個簡單的教程，可以幫助你使用 CSS3，HTML5 和幾行 jQuery 代碼創建一個漂亮的下拉登錄表單。

5. 使用 HTML5, CSS3 and jQuery 創建可愛的彈出欄
按照這個簡單的教程中的步驟來建立一個彈出頁面頂部的信息欄，你可以用它來顯示從新聞、最新的博客文章等。

6. 如何創建一個很酷和實用的 CSS3 搜索框
了解如何使用 HTML5 的佔位符屬性來創建一個很酷和實用的 CSS3搜索框。

7. 使用 HTML5 創建一個有吸引力的在線演示文稿
本教程將教你如何使用 HTML5 的標籤，nav, menu, section, aside 和 header製作漂亮的演示文稿。

8. HTML5 灰度圖像和懸停效果
你可能已經在其他網站上看到過這樣的效果。按照本教程中的步驟學習如何使用 HTML5 和 jQuery 來動態地把彩色圖像轉化為灰度模式。

9. HTML5 幻燈片 – canvas and jQuery
了解如何創建一個優雅的幻燈片過渡效果。

10. 學習如何製作好看的 HTML5 表單
Learn how to style a nice looking HTML5 form using some CSS3 techniques.
了解如何使用一些 CSS3 技術製作一個好看的 HTML5 表單。

附件: [121324fdfzvjawvy3.jpg] 121324fdfzvjawvy3.jpg (2014-1-13 08:21:02, 0 Bytes) / 下載次數 0
http://forum.go2tutor.com/forum.php?mod=attachment&aid=NTAxMzE2fGI5NjllN2YxfDE3ODMzNjEwNzh8MHww

附件: [1213245gdxdppu0w2.jpg] 1213245gdxdppu0w2.jpg (2014-1-13 08:21:02, 0 Bytes) / 下載次數 0
http://forum.go2tutor.com/forum.php?mod=attachment&aid=NTAxMzE3fDJmM2UzZTdlfDE3ODMzNjEwNzh8MHww

附件: [121325145ceejn5yf.jpg] 121325145ceejn5yf.jpg (2014-1-13 08:21:02, 0 Bytes) / 下載次數 0
http://forum.go2tutor.com/forum.php?mod=attachment&aid=NTAxMzE4fDRhMjI5ZTA1fDE3ODMzNjEwNzh8MHww

附件: [1213265pmzgo1g3ok.jpg] 1213265pmzgo1g3ok.jpg (2014-1-13 08:21:02, 0 Bytes) / 下載次數 0
http://forum.go2tutor.com/forum.php?mod=attachment&aid=NTAxMzE5fDNiMmM0MjZlfDE3ODMzNjEwNzh8MHww

附件: [121326s0rs2huf1hm.jpg] 121326s0rs2huf1hm.jpg (2014-1-13 08:21:02, 0 Bytes) / 下載次數 0
http://forum.go2tutor.com/forum.php?mod=attachment&aid=NTAxMzIwfDg3ZWM5M2JhfDE3ODMzNjEwNzh8MHww

附件: [121327vav1pzsinef.jpg] 121327vav1pzsinef.jpg (2014-1-13 08:21:02, 0 Bytes) / 下載次數 0
http://forum.go2tutor.com/forum.php?mod=attachment&aid=NTAxMzIxfDI0N2Y3ZTk4fDE3ODMzNjEwNzh8MHww

附件: [1213271uvh5mkl4wc.jpg] 1213271uvh5mkl4wc.jpg (2014-1-13 08:21:02, 0 Bytes) / 下載次數 0
http://forum.go2tutor.com/forum.php?mod=attachment&aid=NTAxMzIyfDEwOWQ1MDQ5fDE3ODMzNjEwNzh8MHww

附件: [121327djimdrrsgew.jpg] 121327djimdrrsgew.jpg (2014-1-13 08:21:02, 0 Bytes) / 下載次數 0
http://forum.go2tutor.com/forum.php?mod=attachment&aid=NTAxMzIzfDg0NjllYWY0fDE3ODMzNjEwNzh8MHww

附件: [121328mpytbvsi25i.jpg] 121328mpytbvsi25i.jpg (2014-1-13 08:21:02, 0 Bytes) / 下載次數 0
http://forum.go2tutor.com/forum.php?mod=attachment&aid=NTAxMzI0fGM3ZWYyODlmfDE3ODMzNjEwNzh8MHww

附件: [121328uyvgru2tc2m.jpg] 121328uyvgru2tc2m.jpg (2014-1-13 08:21:02, 0 Bytes) / 下載次數 0
http://forum.go2tutor.com/forum.php?mod=attachment&aid=NTAxMzI1fDJhZWE4ODVjfDE3ODMzNjEwNzh8MHww

作者: skykingdom 時間: 2014-1-13 12:13:23

我幫你這一帖頂起來

作者: bobodragon2001 時間: 2014-1-13 13:26:54

好啊，，不錯、

作者: 北極蝦 時間: 2014-1-13 14:10:32

有空一起交流一下

作者: 牙`蔚 時間: 2014-1-13 15:18:56

頂一個先

作者: 現實999 時間: 2014-1-13 16:28:10

先回覆一下，閃人

作者: tamyc002 時間: 2014-1-13 17:47:42

這樣的帖子，一定會引起轟動

作者: kengtr 時間: 2014-1-13 19:40:28

謝謝分享好帖子，幫你回覆一下

作者: 鬼谷先生 時間: 2014-1-13 22:29:25

不錯啊! 一個字牛啊!

作者: ILOVEU5 時間: 2014-1-14 02:42:31

想都不想，就支持一下

作者: maverickhon 時間: 2014-1-14 05:40:45

謝謝分享了!

作者: 現實999 時間: 2014-1-14 07:14:36

鑒定完畢.!

作者: 小妖怪 時間: 2014-1-14 09:39:59

這論壇不錯

作者: weltergf 時間: 2014-1-14 13:41:04

怎麼就沒人拜我為偶像那?? ~

作者: coffyma 時間: 2014-1-14 22:33:54

看來不錯，回覆一下

作者: 太陽穴 時間: 2014-1-15 03:51:10

飯可以亂吃，話也可以亂說，但帖子不可以亂髮哦

作者: frankyhui 時間: 2014-1-15 03:52:02

努力,努力,再努力!!!!!!

作者: yan4327 時間: 2014-1-15 03:52:37

頂你一下，好貼要頂！

作者: Some1 時間: 2014-1-15 03:57:53

謝謝分享了!

作者: andykom28 時間: 2014-1-15 04:02:55

努力,努力,再努力!!!!!!

作者: jerrygarry 時間: 2014-1-17 10:23:49

我不是隨便的人。我隨便起來不是人

作者: 正義西門慶 時間: 2014-1-18 08:13:36

你你你你呵呵~~~~別這樣哦...

作者: a_c_e06 時間: 2014-1-18 14:06:02

頂你一下.

作者: tamyc002 時間: 2014-1-18 20:02:55

不是吧

作者: 切雞飯` 時間: 2014-1-19 00:55:59

天天到尼伊達報到，看帖篇篇回

作者: 我不是傻鴨 時間: 2014-1-19 05:49:54

潛水值看滿囉，回覆一下

作者: katchan0481 時間: 2014-1-19 10:10:24

就為賺分嘛

作者: 北極蝦 時間: 2014-1-19 17:20:59

這論壇不錯，我會跟我好友分享

作者: tn52003 時間: 2014-1-19 22:48:53

長時間沒來看了～～

作者: ng015856 時間: 2014-1-20 04:19:53

今天無聊來逛逛

作者: vol1210 時間: 2014-1-20 07:46:53

好文大家看，看完要回覆

作者: ccseeker2012 時間: 2014-1-20 11:58:24

這個帖不錯！！

作者: 9394 時間: 2014-1-20 16:05:57

這貼子你會收藏嗎

歡迎光臨 SAY討論區 (http://forum.go2tutor.com/)