| 課程代碼 |
G0D14X01
|
| 課程中文名稱 |
響應式網頁設計
|
| 課程英文名稱 |
Responsive Web Design
|
| 學分數 |
3.0
|
| 必選修 |
選修
|
| 開課班級 |
四技資工四甲,四技資工四乙
|
| 任課教師 |
陳定宏
|
| 上課教室(時間) |
|
週五
|
第2節
|
(C306)
|
|
週五
|
第3節
|
(C306)
|
|
週五
|
第4節
|
(C306)
|
|
| 課程時數 |
3
|
| 實習時數 |
0
|
| 授課語言 |
1.華語
|
| 輔導考證 |
無
|
| 課程概述 |
伴隨行動裝置普及，在行動裝置上瀏覽網頁的需求也更加殷切。傳統的網頁設計方式，在不同裝置上，都是同樣的呈現方式。在小型裝置瀏覽器下顯示，只是網頁依比例縮小。因此網頁的內容與元素如照片、文字、選單、按鈕…等，均不容易閱讀與操作。所謂響應式網頁設計(Responsive Web Design, RWD) ，讓使用者設計網頁時，只做一個版本的設計就能符合所有大小的螢幕，讓網頁適應不同大小的解析度自動調整排版。
|
| 先修科目或預備能力 |
|
|
課程學習目標與核心能力之對應
|
| 編號 | 中文課程學習目標 | 英文課程學習目標 | 對應系指標 |
|
1
|
資訊能力
|
|
2 資訊能力
|
|
2
|
實務能力
|
|
3 實務能力
|
|
3
|
規劃整合
|
|
4 規劃整合
|
|
4
|
報告溝通
|
|
5 報告溝通
|
|
| 就業力培養目標 |
| |
校指標 |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
| |
專業知識 |
實務技能 |
資訊能力 |
整合創新 |
外語能力 |
熱誠抗壓 |
表達溝通 |
敬業合群 |
人文素養 |
服務關懷 |
| |
0% |
40% |
30% |
20% |
0% |
0% |
10% |
0% |
0% |
0% |
| |
系指標 |
1 |
3 |
2 |
4 |
9 |
6 |
5 |
7 |
10 |
8 |
| |
工程知識 |
實務能力 |
資訊能力 |
規劃整合 |
外語能力 |
辨識構思 |
報告溝通 |
管理合作 |
社會人文 |
職業倫理 |
| |
0% |
40% |
30% |
20% |
0% |
0% |
10% |
0% |
0% |
0% |
|
| 中文課程大綱 |
1. HTML語法
2. 網頁佈局
3. 媒介查詢
4. 響應式多媒體
5. 網頁設計規劃
6. 設計流程
7. 響應式內容
8. 網頁體驗
|
| 英/日文課程大綱 |
1. HTML syntax
2. Web page layout
3. Media query
4. Responsive multimedia
5. Web design planning
6. Web design procedure
7. Responsive content
8. Web experience
|
| 課程進度表 |
1. HTML syntax
2. Web page layout
3. Media query
4. Responsive multimedia
5. Web design planning
6. Web design procedure
7. Responsive content
8. Web experience
|
| 課程融入SDGs |
|
| 期考調查 |
| 期中考(第9週)考試方式 |
|
| 期末考(第18週)考試方式 |
|
| 其他週考試考試週次與方式 |
|
|
| 教學方式與評量方式 |
| 課程學習目標 | 教學方式 | 評量方式 |
| 資訊能力 |
課堂講授
|
作業
（
期中
）
|
| 實務能力 |
課堂講授
|
作業
（
平時
）
|
| 規劃整合 |
實作演練
|
作業
（
期中
）
|
| 報告溝通 |
實作演練
|
書面報告
（
期末
）
|
|
| 指定用書 |
| 書名 |
|
| 作者 |
|
| 書局 |
|
| 年份 |
|
| 國際標準書號(ISBN) |
|
| 版本 |
|
請同學尊重智慧財產權，使用正版教科書，不得非法影印，以免觸犯智慧財產權相關法令
。 |
| 參考書籍 |
|
| 教學軟體 |
|
| 課程規範 |
|