成为前端设计师:通过HTML+CSS学习网页设计(113-1学分班-试读)
教师: 柯志鴻
2023/12/25~2024/02/29

概要

正式课程请至【成为前端设计师:通过HTML+CSS学习网页设计(113-1学分班)】报名

因应「大学联盟深化数字学习推动与创新应用计划-台湾前瞻数字学习与智能共荣大联盟」所发展规划的「智能大数据」系列课程,本系列课程分为基础及高端课程。此门课为高端课程,介绍前端网页设计的基本概念与开发环境,主要内容包含HTML/HTML5的元素/标签、如何借由CSS/CSS3进行网页版面配置及样式的设置,以及前端网页设计的程序语法撰写、调试、追踪等。

课程目标

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

授课教师

教師姓名

柯志鴻副教授

教師簡介

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

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

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

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

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

專長領域

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


课程进度表

第1周:认识前端网页设计(本单元内有试读章节)

第2周:HTML基本元素的介绍

第3周:HTML项目元素及表单

第4周:HTML输入元素及版面(本单元内有试读章节)

第5周:同步视频

第6周:CSS3基本样式的介绍

第7周:CSS3表格及边框样式

第8周:CSS3动画的设计(本单元内有试读章节)

第9周:CSS3动画综合应用

第10周:CSS3选择器

第11周:期末评量

上课形式

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

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

评分标准

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

通过标准


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

先修科目或先备能力

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

建议参考书目

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

其它

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