| 課程代碼 |
50D22702
|
| 課程中文名稱 |
網頁設計
|
| 課程英文名稱 |
Website Design
|
| 學分數 |
3.0
|
| 必選修 |
必修
|
| 開課班級 |
四技電商一甲
|
| 任課教師 |
廖顯宗
|
| 上課教室(時間) |
|
週二
|
第2節
|
(D303)
|
|
週二
|
第3節
|
(D303)
|
|
週二
|
第4節
|
(D303)
|
|
| 課程時數 |
3
|
| 實習時數 |
0
|
| 授課語言 |
1.華語
|
| 輔導考證 |
無
|
| 課程概述 |
使學生了解網站規劃之原理與原則、培養學生具有網頁製作的能力。
|
| 先修科目或預備能力 |
|
|
課程學習目標與核心能力之對應
|
| 編號 | 中文課程學習目標 | 英文課程學習目標 | 對應系指標 |
|
1
|
了解網站規劃之原理與原則
|
|
2 管理實務
|
|
2
|
培養學生具有網頁製作的能力
|
|
13 資訊能力
|
|
3
|
熟悉網站設計建置的各項功能技巧與應用
|
|
3 計畫評估
|
|
4
|
以範例導向，Step by step方式，引導學習
|
|
5 分析構想
|
|
5
|
配合實作題練習，完成一個完整的網站製作
|
|
6 合作創新
|
|
| 就業力培養目標 |
| |
校指標 |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
| |
專業知識 |
實務技能 |
資訊能力 |
整合創新 |
外語能力 |
熱誠抗壓 |
表達溝通 |
敬業合群 |
人文素養 |
服務關懷 |
| |
5% |
30% |
25% |
40% |
0% |
0% |
0% |
0% |
0% |
0% |
| |
系指標 |
1 |
2 |
3 |
13 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
12 |
11 |
| |
管理知識 |
管理實務 |
計畫評估 |
資訊能力 |
協調整合 |
分析構想 |
合作創新 |
外國語文 |
適應社會 |
報告溝通 |
企業倫理 |
人文素養 |
服務學習 |
| |
5% |
10% |
20% |
25% |
5% |
20% |
15% |
0% |
0% |
0% |
0% |
0% |
0% |
|
| 中文課程大綱 |
1. 網頁製作軟體操作、設定
2. 編輯文字、文件。加入圖片與動畫
3. 超連結及網頁背景
4. 表格版面配置與圖層
5. 框架、共用邊框
6. 佈景主題、網頁元件
7. 網頁特效、HTML、CSS
8. 學期專題成果呈現
|
| 英/日文課程大綱 |
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. Final report
|
| 課程進度表 |
週次 日期 課 程 進 度
1. 3/3課程大綱簡介與認識HTML
2. 3/10 HTML語法介紹(1) L2+L3
3. 3/17 HTML語法介紹(2) L4+L5
4. 3/24 HTML語法介紹(3) L6+L7
5. 3/31 HTML建立互動表單
6. 4/7 HTML 語法驗收
7. 4/14 Dreamweaver 環境介紹與實作
8. 4/21 利用CSS與Div區塊
9. 4/28 期中考試
10. 5/5 應用各項功能完成網站並上傳
11. 5/12 運用雲端字型編排網頁
12. 5/19 編排文章與加入影片
13. 5/26 利用範本製作版型相同的網頁
14. 6/2 利用Div與CSS設計頁面
15. 6/9 Dreamweaver 實作應用(一)
16. 6/16 Dreamweaver 實作應用(二)
17. 6/23 期末成果報告(一)
18. 6/30 期末成果報告(二)
|
| 課程融入SDGs |
|
| 期考調查 |
| 期中考(第9週)考試方式 |
上機實作
|
| 期末考(第18週)考試方式 |
實作報告
|
| 其他週考試考試週次與方式 |
無
|
|
| 教學方式與評量方式 |
| 課程學習目標 | 教學方式 | 評量方式 |
| 了解網站規劃之原理與原則 |
課堂講授
|
作業
（
平時
）
|
| 培養學生具有網頁製作的能力 |
課堂講授
|
作業
（
平時
）
實作
（
期中
）
|
| 熟悉網站設計建置的各項功能技巧與應用 |
課堂講授
|
作業
（
期中
）
|
| 以範例導向，Step by step方式，引導學習 |
課堂講授
|
作業
（
平時
）
|
| 配合實作題練習，完成一個完整的網站製作 |
課堂講授
|
實作
（
期末
）
|
|
| 指定用書 |
| 書名 |
正確學會Dreamweaver CC的16堂課
|
| 作者 |
施威銘研究室
|
| 書局 |
旗標
|
| 年份 |
2019
|
| 國際標準書號(ISBN) |
978-986-312-266-1
|
| 版本 |
1
|
請同學尊重智慧財產權，使用正版教科書，不得非法影印，以免觸犯智慧財產權相關法令
。 |
| 參考書籍 |
1. Adobe Dreamweaver CC ，Jim Maivald，深石（2019）
2. 最新HTML5 CSS3 網頁，施威銘研究室，第二版，旗標出版社（2019）
|
| 教學軟體 |
1.Adobe Dreamweaver CC
2. MS Power Point
|
| 課程規範 |
1. 上課請勿遲到(點名完成後才到)或早退。
2. 請遵守上課秩序，上課中勿任意進出教室或交談，並按固定座位就坐。
3. 不得使用影印的教科書本。
4. 嚴格要求遵守電腦實驗室的規則，不論飲用與否，均不得攜帶任何食物、飲料或水進入實驗室。
5. 下課離開教室時，要將電腦關機、椅子靠好、並且將座位附近清理乾淨。
6. 任何考試切勿作弊，違者以不及格計。
|