成为前端设计师:通过HTML+CSS学习网页设计
教师: 柯志鴻
2022/10/04~2022/12/27

概要

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

*本课程亦同步进行两阶段的「在线学习小奖励」,详情请见活动网页
https://sites.google.com/mail.cjcu.edu.tw/moocs-web

*若有注册/选课疑问可寄信至平台客服信箱 tlife.moocs@gmail.com,将会有专员为您排解问题,感谢。

课程目标

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

授课教师


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

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

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

课程进度表

第1周:一、认识前端网页设计

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

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

第4周:四、HTML输入元素及版面

第5周:五、CSS3基本样式的介绍

第6周:六、CSS3表格及边框样式

第7周:七、CSS3动画的设计

第8周:八、CSS3动画综合应用

第9周:九、CSS3选择器

第10周:学习缓冲周(12/6-12/12)

课程内容

一、认识前端网页设计
二、HTML基本元素的介绍
三、HTML项目元素及表单
四、HTML输入元素及版面
五、CSS3基本样式的介绍
六、CSS3表格及边框样式
七、CSS3动画的设计
八、CSS3动画综合应用
九、CSS3选择器

上课形式

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

评分标准

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

通过标准


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

先修科目或先备能力

建议参考书目

建議參考網站
  • 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元
如何申請及下載證書?