成為前端設計師：透過HTML+CSS學習網頁設計(113-1學分班-試讀)
Teacher: 柯志鴻
2023/12/25~2024/02/29
Summary
Course Object
Course Teacher Intro
Course Schedule
Course Mode
Course Grade
Certificate information

Summary

正式課程請至【成為前端設計師：透過HTML+CSS學習網頁設計(113-1學分班)】報名

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

Course Object

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

Course Teacher Intro

教師姓名

柯志鴻副教授

教師簡介

學歷：國立成功大學 資訊工程學系 博士

經歷：
教育部資通訊軟體創新人才推升推廣計畫106-107學年度(計劃主持人)。

教育部106提升校園行動應用服務研發及內容設計人才培育計劃(計劃連絡人及主要執行教師)。

教育部資通訊軟體創新人才推升推廣計畫103-105年度計畫(參與教師)。

教育部補助扎根高中職資訊科學教育計畫104-107年度(參與教師)。

專長領域：

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


Course Schedule

第1週:認識前端網頁設計（本單元內有試讀章節）

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

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

第4週:HTML輸入元素及版面（本單元內有試讀章節）

第5週:同步視訊

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

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

第8週:CSS3動畫的設計（本單元內有試讀章節）

第9週:CSS3動畫綜合應用

第10週:CSS3選擇器

第11週:期末評量

Course Mode

提供多個主題的線上教學影片，以及各單元皆有小測驗外，也會提供案例或問題作為議題討論、隨堂測驗，同時搭配範例實作，期末將會指定完成不同應用領域的主題作為學習成果的驗證。

同步視訊(必備)：一次
實施方式：除了既定的同步視訊課程之外，藉由課前學員在指定的討論篇留言，整合提問內容並解答釋疑。

Course Grade

課程及格標準： 60 分 滿分： 100分
  • 線上觀看影音教材（15%）：提升學生自主學習動機，根據瀏覽紀錄進行評分。
  • 議題提問及討論（5%）：在指定的討論篇留言提出與課程內容相關的提問。（不含成績、證書、學分或平台技術問題等提問）
  • 隨堂測驗（30%）：針對回答的正確性進行評分。
  • 實作作業（10%）：依據作業題目，完成1次作業練習。
  • 參與同步視訊教學（10%）：參與1次同步視訊教學。
  • 期末評量（30%）：完成指定作業或評量，針對正確性進行評分。

Grade Required


Course grade pass:100Grade Memo:max grade 100 point

Course Ability

無；基本的電腦概念，能夠安裝基本軟體，對網頁設計有興趣者。

Course Suggest

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

Certificate information

學分證明書申請及下載，請先至「終身學習成就系統」註冊個人帳號。
其他說明請參考操作手冊終身學習成就系統 操作說明
TOP
TOP