成為前端設計師:透過HTML+CSS學習網頁設計
Teacher: 柯志鴻
2022/10/04~2022/12/13
Registration deadline:2022/12/13
9Hours/10Weeks (Course is No Open)

Abstract

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

Course Objective

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

 Instructor


柯志鴻/副教授

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

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

Course Schedule

第1週:認識前端網頁設計

第2週:HTML基本元素的介紹

第3週:HTML項目元素及表單

第4週:HTML輸入元素及版面

第5週:CSS3基本樣式的介紹

第6週:CSS3表格及邊框樣式

第7週:CSS3動畫的設計

第8週:CSS3動畫綜合應用

第9週:CSS3選擇器

第10週:學習緩衝週(12/6-12/12)

Course Contents

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

Course Mode

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

Grading Policy

  • 課程及格標準: 60 分 滿分: 100分
  • 線上觀看影音教材(20%):提升學生自主學習動機,根據瀏覽紀錄進行評分。
    課程地圖中,影片右側的方框顯示勾選,並不表示此影片已觀看完成,系統後端將依認定截止日前,學員觀看每段影片的時長,計算影片瀏覽率,以作為此項「線上觀看影音教材成績」。
  • 隨堂測驗(80%):針對回答的正確性進行評分。

Passing Criteria


Course Passing Grade:60 Full Score 100 point

Prerequisites

Course Suggest

建議參考網站
  • 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

Certificate

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