| 課程代碼 |
G0D10301
|
| 課程中文名稱 |
網頁設計(A)
|
| 課程英文名稱 |
Web Designs
|
| 學分數 |
3.0
|
| 必選修 |
選修
|
| 開課班級 |
四技資工一甲,四技資工一乙
|
| 任課教師 |
許子衡
|
| 選課人數 |
|
| 上課教室(時間) |
|
週二
|
第5節
|
(C301)
|
|
週二
|
第6節
|
(C301)
|
|
週二
|
第7節
|
(C301)
|
|
| 課程時數 |
3
|
| 實習時數 |
0
|
| 授課語言 |
1.華語
|
| 輔導考證 |
無
|
| 課程概述 |
1.學會使用Frontpage製作網頁
2.實際運用所學服務鄰近之學校或公益機構
|
| 先修科目或預備能力 |
對網頁設計有熱情及喜歡與兒童相處者尤佳。
|
|
課程學習目標與核心能力之對應
|
| 編號 | 中文課程學習目標 | 英文課程學習目標 | 對應系指標 |
|
1
|
能了解網頁設計的方法與原理
|
|
1 工程知識
|
|
2
|
能分析與解釋網頁設計架構
|
|
2 資訊能力
|
|
3
|
能利用網頁設計語法執行及解決網路應用問題
|
|
3 實務能力
|
|
4
|
針對網站設計問題，講演示範、以及用文字圖表進行書面報告
|
|
5 表達溝通
|
|
5
|
針對網站設計問題，講演示範、以及用文字圖表進行書面報告
|
|
5 表達溝通
|
|
6
|
擁有網頁設計專業責任與工程倫理的觀念
|
|
7 職業倫理
|
|
7
|
可使用英文解讀國外技術文件
|
|
5 表達溝通
|
|
| 就業力培養目標 |
| |
校指標 |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
| |
專業知識 |
實務技能 |
資訊能力 |
整合創新 |
外語能力 |
熱誠抗壓 |
表達溝通 |
敬業合群 |
人文素養 |
服務關懷 |
| |
20% |
20% |
20% |
0% |
0% |
0% |
20% |
0% |
0% |
20% |
| |
系指標 |
1 |
3 |
2 |
4 |
|
|
5 |
6 |
8 |
7 |
| |
工程知識 |
實務能力 |
資訊能力 |
規劃整合 |
|
|
表達溝通 |
管理合作 |
社會人文 |
職業倫理 |
| |
20% |
20% |
20% |
0% |
|
|
20% |
0% |
0% |
20% |
|
| 中文課程大綱 |
1.Frontpage操作、設定
2.編輯文字、文件。加入圖片與動畫
3.超連結及網頁背景
4.表格版面配置與圖層
5.框架、共用邊框
6.佈景主題、網頁元件
7.網頁特效、HTML、CSS
8.服務學習
9.期末成果及心得分享
|
| 英/日文課程大綱 |
1.Introduction
2.Edit and graph
3.Hyperlink and background
4.Table and graph level
5.Frame
6.Web Components
7.DynamicHTML、HTML、CSS
8.Service learning
9.Final report and experience sharing
|
| 課程進度表 |
Week 1. Introduction
Week 2, 3. Edit and graph
Week 4, 5. Hyperlink and background
Week 7, 8. Table and graph level
Week 9. Mid-term exam
Week 10. Frame
Week 11. Web Components
Week 12, 13, 14, 15. DynamicHTML、HTML、CSS
Week 16, 17. Service learning
Week 18.Final report and experience sharing
|
| 課程融入SDGs |
|
| 期考調查 |
| 期中考(第9週)考試方式 |
上機考
|
| 期末考(第18週)考試方式 |
期末專案
|
| 其他週考試考試週次與方式 |
上機練習
|
|
| 教學方式與評量方式 |
| 課程學習目標 | 教學方式 | 評量方式 |
| 能了解網頁設計的方法與原理 |
課堂講授
|
筆試
（
期中
）
|
| 能分析與解釋網頁設計架構 |
課堂講授
|
日常表現
（
平時
）
|
| 能利用網頁設計語法執行及解決網路應用問題 |
實作演練
|
實作
（
平時
）
|
| 針對網站設計問題，講演示範、以及用文字圖表進行書面報告 |
實作演練
|
設計製作
（
期末
）
|
| 針對網站設計問題，講演示範、以及用文字圖表進行書面報告 |
實作演練
|
設計製作
（
期末
）
|
| 擁有網頁設計專業責任與工程倫理的觀念 |
課堂講授
|
日常表現
（
平時
）
|
| 可使用英文解讀國外技術文件 |
課堂講授
|
日常表現
（
平時
）
|
|
| 指定用書 |
| 書名 |
HTML5‧CSS3 最強圖解實戰講座 【第二版】
|
| 作者 |
草野あけみ
|
| 書局 |
旗標
|
| 年份 |
2020
|
| 國際標準書號(ISBN) |
9789863126492
|
| 版本 |
2
|
請同學遵守智慧財產權觀念，使用正版教科書，不得不法影印、下載及散布，以免觸犯智慧財產權相關法令
。 |
| 參考書籍 |
|
| 教學軟體 |
vs code
|
| 課程規範 |
|