《網頁開發速成班》 HTML5 新功能:Canvas
Level: Entry
Total Hours: 1 小時
Number of Lessons: 1
開課日期: Aug 20, 2018
Day of the week:
Mon
NTD 1,200
send Target Audience
"想深入學習尖端Web技術的學員。
-
感覺自己只學到HTML5簡單皮毛,想了解到底它除了新版型新標籤外,還有什麼特殊優勢的學員。
-
如果你想了解或參加8/27起的前端Bootstrap 4課程,那麼在本課程中你也會看到相關的應用,讓你一瞥良好網頁框架與視覺設計,應該具備什麼樣的模樣。"
send What Will You Learn
- 學習到使用HTML5的新功能之一:canvas來進行圖形處理。
- 並利用它來解決一個很常見的架構設計:如何縮圖之後再上傳,以避免弄爆伺服器儲存空間。
send Course Introduction
HTML5的新功能,你掌握多少了?
本課程以HTML5裡頭的一個亮點功能:canvas畫布功能為例,讓你能利用canvas來處理圖形、解決棘手問題。
進而能使用它,在短短一小時中實作出一個現實架構設計下,常會碰上的前端進階需求──
如何縮放使用者上傳的圖片,並打上浮水印。
send Problems Resolved
- 學會更多HTML的新功能
- 並加以善用
send Reference
send Prerequisite
-
HTML5網頁基礎
-
了解HTML語法,能建立HTML5頁面、繪製表格、放置圖片與超連結、創建輸入表單等
-
至少理解一套HTML編寫工具
-
如Notepad++、Dreamweaver、Visual Studio Code、Brackets皆可
-
CSS基礎
-
包括標籤、類別等各種選擇器,與常用的顏色、背景、框線樣式設定等。
※ 本課程不適用於不懂HTML5、CSS的學員。
※ 完全沒有網頁基礎的初學者,可能會無法跟上課程內容。
如果需要跟著課程一起開發網頁,請學員事先準備電腦、數張JPEG照片(大尺寸尤佳)、與順手的HTML編寫工具。