| 課程代碼 |
K0N19501
|
| 課程中文名稱 |
基礎網頁設計
|
| 課程英文名稱 |
Basic Web design
|
| 學分數 |
3.0
|
| 必選修 |
選修
|
| 開課班級 |
夜四技多樂一甲
|
| 任課教師 |
楊政達
|
| 上課教室(時間) |
|
週一
|
第12節
|
(W0609)
|
|
週一
|
第13節
|
(W0609)
|
|
週一
|
第14節
|
(W0609)
|
|
| 課程時數 |
3
|
| 實習時數 |
0
|
| 授課語言 |
1.華語
|
| 輔導考證 |
無
|
| 課程概述 |
本課程主要目的在於建立學生對網站設計、架設上的基礎概念，培養學生看懂html程式語法，並熟悉html, css, javascript基本語法撰寫與應用，透過專業的文字編輯器、相關設計軟體及jQuery強大的javascript框架完成網站的開發，扎下穩固的網頁設計基礎。
|
| 先修科目或預備能力 |
|
|
課程學習目標與核心能力之對應
|
| 編號 | 中文課程學習目標 | 英文課程學習目標 | 對應系指標 |
|
1
|
分析網頁需求
|
|
3 資訊能力
|
|
2
|
規劃網頁架構
|
|
2 實務技能
|
|
3
|
設計互動網頁內容
|
|
2 實務技能
|
|
4
|
應用工具製作動態網頁
|
|
2 實務技能
|
|
5
|
有效解析與呈現網頁內容
|
|
2 實務技能
|
|
| 就業力培養目標 |
| |
校指標 |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
| |
專業知識 |
實務技能 |
資訊能力 |
整合創新 |
外語能力 |
熱誠抗壓 |
表達溝通 |
敬業合群 |
人文素養 |
服務關懷 |
| |
0% |
80% |
20% |
0% |
0% |
0% |
0% |
0% |
0% |
0% |
| |
系指標 |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
| |
專業知識 |
實務技能 |
資訊能力 |
整合創新 |
外語能力 |
熱誠抗壓 |
表達溝通 |
敬業合群 |
人文素養 |
服務關懷 |
| |
0% |
80% |
20% |
0% |
0% |
0% |
0% |
0% |
0% |
0% |
|
| 中文課程大綱 |
1. 網站環境運作方式及原理
2. 網頁開發工具選擇及環境架設
3. 認識html, css
4. 使用javascript讓網頁有更好互動體驗
5. 網站設計規劃
6. 綜合所學獨立完成網站作品
|
| 英/日文課程大綱 |
1. How the website environment operates and how it works
2. Web development tool selection and environment erection
3. Know html, css
4. Use java script to make the web page have a better interactive experience
5. Website design planning
6. Complete the website work
|
| 課程進度表 |
週次 教學進度
1 網站、靜態網頁
2 網頁分析、網頁設計基礎
3 Dreamweaver 介面與基礎操作
4 網頁文字編排
5 網頁背景與色彩
6 圖像/ 影片/ 多媒體
7 網頁框架設計
8 網頁超連結設定
9 期中作業報告
10 CSS 編輯與套用
11 多媒體網頁與行為設計
12 圖層（AP 元素）應用
13 響應式網頁互動選單設計
14 響應式網頁資料集應用
15 JavaScript 之網頁特效
16 上傳與更新網站
17 互動式表單
18 期末作業報告
|
| 課程融入SDGs |
|
| 期考調查 |
| 期中考(第9週)考試方式 |
期中作業
|
| 期末考(第18週)考試方式 |
期末報告
|
| 其他週考試考試週次與方式 |
第8週課堂報告、第17週課堂報告
|
|
| 教學方式與評量方式 |
| 課程學習目標 | 教學方式 | 評量方式 |
| 分析網頁需求 |
課堂講授
|
實作
（
平時
）
|
| 規劃網頁架構 |
課堂講授
|
實作
（
平時
）
|
| 設計互動網頁內容 |
課堂講授
|
實作
（
期中
）
|
| 應用工具製作動態網頁 |
課堂講授
|
實作
（
平時
）
|
| 有效解析與呈現網頁內容 |
實作演練
|
實作
（
期末
）
|
|
| 指定用書 |
| 書名 |
Dreamweaver網頁設計輕鬆入門：Dreamweaver CC 2021(附多媒體光碟)
|
| 作者 |
謝碧惠
|
| 書局 |
全華
|
| 年份 |
2021
|
| 國際標準書號(ISBN) |
9789865035174
|
| 版本 |
|
請同學尊重智慧財產權，使用正版教科書，不得非法影印，以免觸犯智慧財產權相關法令
。 |
| 參考書籍 |
響應式網頁設計驚嘆號：Dreamweaver CC*╳Bootstrap 4╳JavaScript 範例大全, 李啟宏 , 悅知文化 , 出版日期: 2019-11-22
|
| 教學軟體 |
dreamweaver
|
| 課程規範 |
|