| 課程代碼 |
B0N17301
|
| 課程中文名稱 |
網頁設計與實務
|
| 課程英文名稱 |
Web Design and Practices
|
| 學分數 |
3.0
|
| 必選修 |
選修
|
| 開課班級 |
夜四技休閒四甲,夜四技休閒四乙
|
| 任課教師 |
許銘家
|
| 上課教室(時間) |
|
週四
|
第12節
|
(T0509)
|
|
週四
|
第13節
|
(T0509)
|
|
週四
|
第14節
|
(T0509)
|
|
| 課程時數 |
3
|
| 實習時數 |
0
|
| 授課語言 |
1.華語
|
| 輔導考證 |
無
|
| 課程概述 |
網路盛行下，利用網站來行銷與包裝既方便又快速。本課程從基本網頁製作談起，進而引入資料庫的觀念與技術，將靜態網頁擴充成具互動式ASP或PHP之資料庫網頁，如留言版、討論區、新聞公告...等系統設計，並將其放至於個人伺服器或所申請網路虛擬伺服器上，使學員能夠學會架設伺服器與開發基本的網路應用程式。
|
| 先修科目或預備能力 |
|
|
課程學習目標與核心能力之對應
|
| 編號 | 中文課程學習目標 | 英文課程學習目標 | 對應系指標 |
|
1
|
本課程從基本網頁製作談起，進而引入資料庫的觀念與技術
|
|
1 休閒專業知識
|
|
2
|
將靜態網頁擴充成具互動式ASP或PHP之資料庫網頁
|
|
3 電腦使用能力
|
|
3
|
如留言版、討論區、新聞公告...等系統設計，並將其放至於個人伺服器或所申請網路虛擬伺服器上
|
|
4 綜合知識運用
|
|
4
|
使學員能夠學會架設伺服器與開發基本的網路應用程式。
|
|
2 專業技能
|
|
| 就業力培養目標 |
| |
校指標 |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
| |
專業知識 |
實務技能 |
資訊能力 |
整合創新 |
外語能力 |
熱誠抗壓 |
表達溝通 |
敬業合群 |
人文素養 |
服務關懷 |
| |
30% |
30% |
20% |
20% |
0% |
0% |
0% |
0% |
0% |
0% |
| |
系指標 |
1 |
2 |
11 |
14 |
3 |
4 |
5 |
13 |
6 |
7 |
8 |
9 |
12 |
10 |
| |
休閒專業知識 |
專業技能 |
實務證照 |
實習與研習活動 |
電腦使用能力 |
綜合知識運用 |
英日語能力 |
國際觀 |
環境適應能力 |
解說與意見表達 |
群體合作 |
培養良好公民 |
專業倫理 |
服務學習 |
| |
30% |
30% |
0% |
0% |
20% |
20% |
0% |
0% |
0% |
0% |
0% |
0% |
0% |
0% |
|
| 中文課程大綱 |
第01週：課程規劃說明, 網際網路的概念介紹, 網站企劃概念
第02週：網站企劃概念, 製作流程, 常用工具介紹
第03週：Dreamweaver的介面介紹, 和網站的初步建立
第04週：Dreamweaver基本文字及文字格式化處理的介紹和實作
第05週：Dreamweaver表格的使用及編排應用範例
第06週：Dreamweaver 圖片編輯, 背景, 影像導覽等設計和使用
第07週：Dreamweaver 超連結的設計和使用
第08週：Dreamweaver網站上傳與管理
第09週：期中考(考古題)
第10週：Dreamweaver AP 及 Div的設計和使用
第11週：Dreamweaver框架頁的設計和使用
第12週：Dreamweaver 加入多媒體的設計和使用
第13週：Dreamweaver Spry組件的應用
第14週：Dreamweaver Spry組件的應用
第15週：Dreamweaver CSS樣式效果的應用
第16週：Dreamweaver 互動式表單的建立與應用
第17週：案例練習
第18週：期末考
|
| 英/日文課程大綱 |
1. Understand internet and set up the website server
2. Introduction and comparison of each website server
3. Design and practice of a table in database software.
4. Setup of homepage software and database connection
5. Connection and setup about homepage software and server
6. Basic introduction and design of dynamically interactive query
7. Life instance, advanced application and design of interactive homepages
|
| 課程進度表 |
第01週：課程規劃說明, 網際網路的概念介紹, 網站企劃概念
第02週：網站企劃概念, 製作流程, 常用工具介紹
第03週：Dreamweaver的介面介紹, 和網站的初步建立
第04週：Dreamweaver基本文字及文字格式化處理的介紹和實作
第05週：Dreamweaver表格的使用及編排應用範例
第06週：Dreamweaver 圖片編輯, 背景, 影像導覽等設計和使用
第07週：Dreamweaver 超連結的設計和使用
第08週：Dreamweaver網站上傳與管理
第09週：期中考
第10週：Dreamweaver AP 及 Div的設計和使用
第11週：Dreamweaver框架頁的設計和使用
第12週：Dreamweaver 加入多媒體的設計和使用
第13週：Dreamweaver Spry組件的應用
第14週：Dreamweaver Spry組件的應用
第15週：Dreamweaver CSS樣式效果的應用
第16週：Dreamweaver 互動式表單的建立與應用
第17週：案例練習
第18週：期末考
|
| 課程融入SDGs |
|
| 期考調查 |
| 期中考(第9週)考試方式 |
上機考試
|
| 期末考(第18週)考試方式 |
上機考試
|
| 其他週考試考試週次與方式 |
上機實作
|
|
| 教學方式與評量方式 |
| 課程學習目標 | 教學方式 | 評量方式 |
| 本課程從基本網頁製作談起，進而引入資料庫的觀念與技術 |
課堂講授
實作演練
|
實作
（
平時
）
實作
（
期中
）
實作
（
期末
）
|
| 將靜態網頁擴充成具互動式ASP或PHP之資料庫網頁 |
課堂講授
實作演練
|
實作
（
平時
）
實作
（
期中
）
實作
（
期末
）
|
| 如留言版、討論區、新聞公告...等系統設計，並將其放至於個人伺服器或所申請網路虛擬伺服器上 |
課堂講授
實作演練
|
實作
（
平時
）
實作
（
期中
）
實作
（
期末
）
|
| 使學員能夠學會架設伺服器與開發基本的網路應用程式。 |
課堂講授
實作演練
|
實作
（
平時
）
實作
（
期中
）
實作
（
期末
）
|
|
| 指定用書 |
| 書名 |
Dreamweaver網頁設計寶典
|
| 作者 |
林佳生
|
| 書局 |
經瑋
|
| 年份 |
2020
|
| 國際標準書號(ISBN) |
9789576154416
|
| 版本 |
2021初
|
請同學尊重智慧財產權，使用正版教科書，不得非法影印，以免觸犯智慧財產權相關法令
。 |
| 參考書籍 |
商用雲端APP設計、許銘家、溫志皓、碁峯資訊、初版
|
| 教學軟體 |
Dreamweaver、APP Inventor
|
| 課程規範 |
|