《網頁開發速成班》 HTML5 新功能:Canvas
HTML5,可以說是目前網頁開發必備語言,一旦你掌握HTML,幾乎開發網頁的技術,都已經掌握一半了,但不斷更新的HTML到底有甚麼新功能呢?而這些功能有甚麼好用的地方,讓我們一探究竟。
Level: Entry
Total Hours: 1 小時
Number of Lessons: 1
開課日期: Aug 20, 2018
Day of the week: Mon
NTD 1,200

Target Audience

"想深入學習尖端Web技術的學員。

  • 感覺自己只學到HTML5簡單皮毛,想了解到底它除了新版型新標籤外,還有什麼特殊優勢的學員。

  • 如果你想了解或參加8/27起的前端Bootstrap 4課程,那麼在本課程中你也會看到相關的應用,讓你一瞥良好網頁框架與視覺設計,應該具備什麼樣的模樣。"

What Will You Learn

  • 學習到使用HTML5的新功能之一:canvas來進行圖形處理。
  • 並利用它來解決一個很常見的架構設計:如何縮圖之後再上傳,以避免弄爆伺服器儲存空間。

Course Introduction

HTML5的新功能,你掌握多少了?

本課程以HTML5裡頭的一個亮點功能:canvas畫布功能為例,讓你能利用canvas來處理圖形、解決棘手問題。

進而能使用它,在短短一小時中實作出一個現實架構設計下,常會碰上的前端進階需求──
如何縮放使用者上傳的圖片,並打上浮水印。

Problems Resolved

  • 學會更多HTML的新功能
  • 並加以善用

Prerequisite

  • HTML5網頁基礎

  • 了解HTML語法,能建立HTML5頁面、繪製表格、放置圖片與超連結、創建輸入表單等

  • 至少理解一套HTML編寫工具

  • 如Notepad++、Dreamweaver、Visual Studio Code、Brackets皆可

  • CSS基礎

  • 包括標籤、類別等各種選擇器,與常用的顏色、背景、框線樣式設定等。

※ 本課程不適用於不懂HTML5、CSS的學員。
※ 完全沒有網頁基礎的初學者,可能會無法跟上課程內容。

如果需要跟著課程一起開發網頁,請學員事先準備電腦、數張JPEG照片(大尺寸尤佳)、與順手的HTML編寫工具。