| 課程代碼 |
G0D10301
|
| 課程中文名稱 |
網頁設計
|
| 課程英文名稱 |
Web Designs
|
| 學分數 |
3.0
|
| 必選修 |
選修
|
| 開課班級 |
四技資工二甲,四技資工二乙
|
| 任課教師 |
張財榮
|
| 上課教室(時間) |
|
週五
|
第2節
|
(C301)
|
|
週五
|
第3節
|
(C301)
|
|
週五
|
第4節
|
(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
|
| 課程進度表 |
HTML、CSS 與 JavaScript 的基礎
HTML5 頁面結構與標籤
CSS3 層級式樣式表
HTML5 語意標籤
變數與運算子
流程控制
函數與程式偵錯
自訂物件
內建物件-陣列與字串
BOM 物件模型
DOM 物件模型
事件處理
HTML5 表單處理與客戶端儲存體
HTML5 的視訊、音效與繪圖標籤
jQuery 函數庫
|
| 課程融入SDGs |
|
| 期考調查 |
| 期中考(第9週)考試方式 |
|
| 期末考(第18週)考試方式 |
|
| 其他週考試考試週次與方式 |
|
|
| 教學方式與評量方式 |
| 課程學習目標 | 教學方式 | 評量方式 |
| 能了解網頁設計的方法與原理 |
課堂講授
|
實作
（
平時
）
|
| 能分析與解釋網頁設計架構 |
課堂講授
|
實作
（
平時
）
|
| 能利用網頁設計語法執行及解決網路應用問題 |
課堂講授
|
實作
（
平時
）
|
| 針對網站設計問題，講演示範、以及用文字圖表進行書面報告 |
課堂講授
|
實作
（
期中
）
|
| 針對網站設計問題，講演示範、以及用文字圖表進行書面報告 |
課堂講授
|
作業
（
期末
）
|
| 擁有網頁設計專業責任與工程倫理的觀念 |
課堂講授
|
實作
（
平時
）
|
| 可使用英文解讀國外技術文件 |
課堂講授
|
實作
（
平時
）
|
|
| 指定用書 |
| 書名 |
從 HTML5+CSS3+JavaScript 到 jQuery+Node.js 程式設計
|
| 作者 |
陳會安
|
| 書局 |
旗標科技
|
| 年份 |
2016
|
| 國際標準書號(ISBN) |
9789863123910
|
| 版本 |
|
請同學尊重智慧財產權，使用正版教科書，不得非法影印，以免觸犯智慧財產權相關法令
。 |
| 參考書籍 |
無
|
| 教學軟體 |
Visual Studio Code
|
| 課程規範 |
無
|