| 課程代碼 |
G0N0A401
|
| 課程中文名稱 |
網頁設計
|
| 課程英文名稱 |
Web-site Design
|
| 學分數 |
3.0
|
| 必選修 |
必修
|
| 開課班級 |
夜四技資工四甲
|
| 任課教師 |
鄧瑞哲
|
| 上課教室(時間) |
|
週一
|
第12節
|
(C306)
|
|
週一
|
第13節
|
(C306)
|
|
週一
|
第14節
|
(C306)
|
|
| 課程時數 |
3
|
| 實習時數 |
0
|
| 授課語言 |
1.華語
2.英語
|
| 輔導考證 |
無
|
| 課程概述 |
1.學會使用Frontpage製作網頁
2.實際運用所學服務鄰近之學校或公益機構
|
| 先修科目或預備能力 |
|
|
課程學習目標與核心能力之對應
|
| 編號 | 中文課程學習目標 | 英文課程學習目標 | 對應系指標 |
|
1
|
1.能了解網頁設計的方法與原理
|
|
1 工程知識
|
|
2
|
2.能分析與解釋網頁設計架構
|
|
2 資訊能力
|
|
3
|
3.能利用網頁設計語法執行及解決網路應用問題。
|
|
3 實務能力
|
|
4
|
4.針對網站設計問題，講演示範、以及用文字圖表進行書面報告。
|
|
5 表達溝通
|
|
5
|
5.擁有網頁設計專業責任與工程倫理的觀念。
|
|
7 職業倫理
|
|
| 就業力培養目標 |
| |
校指標 |
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. Introducing Frontpage
2. Editing Text and Files. Inserting Pictures and Animations
3. Hyperlink and Webpage Background
4. Table Layout and Layers
5. Frame and Shared Borders
6. Theme and Components
7. Web Effects: HTML & CSS
8. Service Learning
9. Achievement Sharing
|
| 課程進度表 |
01 HTML語法
02 CSS基礎
03 JavaScript基礎
04 jQuery基礎
05 jQuery基本功
06 jQuery plugin
07 jquery打造完美圖表
08 RWD響應式網頁設計
09 Web Storage網頁儲存
10 認識jQuery Mobile
11 jQuery Mobile事件
12 嵌入Google Maps地圖
|
| 課程融入SDGs |
|
| 期考調查 |
| 期中考(第9週)考試方式 |
|
| 期末考(第18週)考試方式 |
|
| 其他週考試考試週次與方式 |
|
|
| 教學方式與評量方式 |
| 課程學習目標 | 教學方式 | 評量方式 |
| 1.能了解網頁設計的方法與原理
|
課堂講授
|
筆試
（
期中
）
筆試
（
期末
）
|
| 2.能分析與解釋網頁設計架構
|
課堂講授
|
作業
（
平時
）
|
| 3.能利用網頁設計語法執行及解決網路應用問題。
|
實作演練
|
實作
（
平時
）
|
| 4.針對網站設計問題，講演示範、以及用文字圖表進行書面報告。
|
成果驗收
|
書面報告
（
期末
）
|
| 5.擁有網頁設計專業責任與工程倫理的觀念。
|
成果驗收
|
口頭報告
（
期中
）
|
|
| 指定用書 |
| 書名 |
jQuery+jQuery Mobile應用實戰
|
| 作者 |
陳婉凌
|
| 書局 |
博碩
|
| 年份 |
2016
|
| 國際標準書號(ISBN) |
9789864341283
|
| 版本 |
初
|
請同學尊重智慧財產權，使用正版教科書，不得非法影印，以免觸犯智慧財產權相關法令
。 |
| 參考書籍 |
1. 何敏煌、林亮昀. Python新手使用Django架站技術實作：活用Django 2.0 Web Framework建構動態的16堂課, 博碩, 2018;
2. https://www.w3schools.com/ .
|
| 教學軟體 |
1. 瀏覽器 ; 2. 文字編輯器.
|
| 課程規範 |
1.請準時上課。
2.課堂上禁止使用「影印版」教科書。
3.課堂及課後要多練習，不會要發問。
4.平時成績(50%)之基本參考：上課學習態度、出席率、作業、小考。
5.任何考試切勿作弊，違者以不及格計。
6.請遵守電腦教室規定：不得攜帶任何食物、飲料或水進入。
7.遵守上課秩序，請不要：任意進出教室、在教室睡覺、聊天、玩遊戲、看影片、看社群軟體。
|