| 課程代碼 |
G0D10302
|
| 課程中文名稱 |
網頁設計(B)
|
| 課程英文名稱 |
Web Designs
|
| 學分數 |
3.0
|
| 必選修 |
選修
|
| 開課班級 |
四技資工一甲,四技資工一乙
|
| 任課教師 |
鄧瑞哲
|
| 選課人數 |
|
| 上課教室(時間) |
|
週四
|
第7節
|
(C304)
|
|
週四
|
第8節
|
(C304)
|
|
週四
|
第9節
|
(C304)
|
|
| 課程時數 |
3
|
| 實習時數 |
0
|
| 授課語言 |
1.華語
2.英語
|
| 輔導考證 |
無
|
| 課程概述 |
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
|
| 課程進度表 |
01 製作 HTML 網頁
02 CSS 基本功
03 表格與表單
04 CSS 版面設計基礎
05 認識 HTML5 新元素
06 製作網頁所需的 CSS3 實務知識
07 讓網頁支援多裝置瀏覽 (觀念篇)
08 響應式網頁設計的準備工作
09 實作響應式網頁
|
| 課程融入SDGs |
|
| 期考調查 |
| 期中考(第9週)考試方式 |
筆試 / 實作
|
| 期末考(第18週)考試方式 |
筆試 / 實作
|
| 其他週考試考試週次與方式 |
無
|
|
| 教學方式與評量方式 |
| 課程學習目標 | 教學方式 | 評量方式 |
| 能了解網頁設計的方法與原理 |
課堂講授
|
筆試
（
期中
）
|
| 能分析與解釋網頁設計架構 |
課堂講授
|
筆試
（
期末
）
|
| 能利用網頁設計語法執行及解決網路應用問題 |
實作演練
|
作業
（
平時
）
|
| 針對網站設計問題，講演示範、以及用文字圖表進行書面報告 |
分組討論
|
書面報告
（
期末
）
|
| 針對網站設計問題，講演示範、以及用文字圖表進行書面報告 |
分組討論
|
口頭報告
（
期末
）
|
| 擁有網頁設計專業責任與工程倫理的觀念 |
分組討論
|
作業
（
平時
）
|
| 可使用英文解讀國外技術文件 |
成果驗收
|
作業
（
平時
）
|
|
| 指定用書 |
| 書名 |
HTML5‧CSS3 最強圖解實戰講座
|
| 作者 |
(著) 草野 あけみ; (譯) 林子君、陳禹豪
|
| 書局 |
旗標
|
| 年份 |
2020
|
| 國際標準書號(ISBN) |
9789863126492
|
| 版本 |
二
|
請同學遵守智慧財產權觀念，使用正版教科書，不得不法影印、下載及散布，以免觸犯智慧財產權相關法令
。 |
| 參考書籍 |
1.高慧君、魏仲良. 網頁設計手冊(上)：網站開發基礎16堂課, 小五南, 2020.
2.北科大檢定研究室. 丙級網頁設計含資訊類題庫工作項目解析學術科通關寶典, 台科大圖書, 2020.
3.黃建庭. 輕鬆玩HTML5+CSS3+JavaScript網頁程式設計, 全華, 2019.
4.勁樺科技. 入門首選 HTML5與CSS3程式設計應用技巧, 台科大圖書, 2018.
|
| 教學軟體 |
1.https://webdesignplayground.io/
2.https://jsfiddle.net/
|
| 課程規範 |
1.請準時上課。
2.課堂上禁止使用「影印版」教科書。
3.課堂及課後要多練習，不會要發問。
4.平時成績之基本參考：上課學習態度、出席率、作業、小考。
5.任何考試切勿作弊，違者以不及格計。
6.請遵守電腦教室規定：不得攜帶任何食物、飲料或水進入。
7.遵守上課秩序，請不要：任意進出教室、在教室睡覺、聊天、玩遊戲、看影片、看社群軟體。
|