成為前端設計師：透過HTML＋CSS學習網頁設計（112高中自主學習）
教師: 柯志鴻
長榮大學
2023/07/01~2024/06/30
報名至：2024/06/30
9小時/11週 (已經開始)
摘要
課程目標
授課教師
課程進度表
課程內容
上課形式
評分標準
證書資訊

摘要

本課程建議之高中學群為【資訊學群】、【工程學群】
本課程建議之高職群別為【電機與電子群】

因應「大學聯盟深化數位學習推動與創新應用計畫 – 臺灣前瞻數位學習與智慧共榮大聯盟」所發展規劃的「智慧大數據」系列課程，本系列課程分為基礎及進階課程。此門課為進階課程，介紹前端網頁設計的基本概念與開發環境，主要內容包含HTML/HTML5的元素/標籤、如何藉由CSS/CSS3進行網頁版面配置及樣式的設定，以及前端網頁設計的程式語法撰寫、除錯、追蹤等。

此為高中自主學習申請計劃書參考範例，請依據實際狀況增減修改內容。


課程目標

1. 學習者對前端網頁設計的概念及技術有基本認識
2. 學習者有使用HTML/HTML5設計網頁的內容及結構的能力
3. 學習者有使用CSS/CSS3進行網頁樣式的設定的能力

授課教師


柯志鴻／副教授／現為資訊管理系主任

學歷：國立成功大學 資訊工程學系 博士
經歷：
教育部資通訊軟體創新人才推升推廣計畫106-107學年度(計劃主持人)
教育部106提升校園行動應用服務研發及內容設計人才培育計劃(計劃連絡人及主要執行教師)
教育部資通訊軟體創新人才推升推廣計畫103-105年度計畫(參與教師)
教育部補助扎根高中職資訊科學教育計畫104-107年度(參與教師)

專長領域：
動態網頁設計、網頁製作、資料庫管理、資料庫應用、程式設計、視覺化程式設計、物件導向程式設計、跨平台程式設計、行動裝置人機互動設計、計算機概論、資料結構、企業實習、進階專案實作、專案實作I、專案實作II。

課程進度表

單元 1:ewant學習簡單上手：學習平台功能教學

單元 2:一、認識前端網頁設計

單元 3:二、HTML基本元素的介紹

單元 4:三、HTML項目元素及表單

單元 5:四、HTML輸入元素及版面

單元 6:學習緩衝週(I)(3/29-4/4)

單元 7:五、CSS3基本樣式的介紹

單元 8:六、CSS3表格及邊框樣式

單元 9:七、CSS3動畫的設計

單元 10:八、CSS3動畫綜合應用

單元 11:九、CSS3選擇器

課程內容

一、認識前端網頁設計
二、HTML基本元素的介紹
三、HTML項目元素及表單
四、HTML輸入元素及版面
五、CSS3基本樣式的介紹
六、CSS3表格及邊框樣式
七、CSS3動畫的設計
八、CSS3動畫綜合應用
九、CSS3選擇器

上課形式

本課程分為37個主要單元，每個單元依據學習份量，有數段約10-15分鐘左右的視頻影片，總影音時數9小時。每週內容提供週測驗及案例練習檔，以幫助學習者快速確認是否瞭解上課內容。

參考學習時數：各校抵認學分的規定不盡相同，以各校規定為主；在此僅提供預估之學習時數供參。




評分標準

  • 隨堂測驗（100%）：針對回答的正確性進行評分。

通過標準


課程及格標準:60分滿分：100分

先修科目或先備能力

無

建議參考書目

建議參考網站
  • https://www.w3schools.com/

建議參考書目
  • HTML&CSS：網站設計建置優化之道，Jon Duckett，張雅芳(譯)，碁峰出版社，出版日期：2012/5/21
  • HTML5‧CSS3 最強圖解實戰講座，草野あけみ，林子君、陳禹豪(譯)，旗標出版社，出版日期：2020/11/20
  • 設計師一定要學的 HTML5‧CSS3 網頁設計手冊：零基礎也能看得懂、學得會，陳惠貞，旗標出版社，出版日期：2020/5/19
  • 網頁美編的救星！ 零基礎也能看得懂的 HTML & CSS 網頁設計，Mana，吳嘉芳(譯)，旗標出版社，出版日期：2021/2/22

證書資訊

本課程修課通過證明費用：500元
如何申請及下載證書？

TOP
TOP