◎系所教育目標：
為配合國家建設及產業發展之需要，本系以培育中高級資訊科技人才為目的。在教學理念上除了注重理論的探討之外並強調實際動手的能力，以期培育出具有深厚學識基礎並能實際應用的資訊科技人才。在專業必修中涵蓋基礎理論、電腦硬體、作業系統、資料結構及計算機網路等方面，並有畢業專題製作，使學生紮實基礎，同時課程包含四個專業學程，兼顧學術及實務之分流與訓練。分別為一：軟體工程及知識工程學程、二：互動多媒體學程、三：網路及資訊安全學程、四：資訊系統開發實務學程，以期作為日後升學就業的準備。 |
| ◎核心能力 | 關聯性 |
| 1.應用數理邏輯推理之能力 | 2 關聯性稍弱 |
| 2.具備資訊軟體專業之能力 | 5 關聯性最強 |
| 3.具備資訊硬體專業之能力 | 2 關聯性稍弱 |
| 4.發掘、分析及解決問題之能力 | 1 關聯性最弱 |
| 5.現代資訊發展工具之使用與熟悉資訊應用系統之能力 | 3 關聯性中等 |
| 6.資訊軟體或硬體創新設計與實作之能力 | 1 關聯性最弱 |
| 7.有效溝通與團隊合作之能力 | 2 關聯性稍弱 |
◎本學科內容概述：
本課程是以教授網頁設計為主，從網頁標記語言的標記用法、排版體裁、響應式網頁、JavaScript、互動式網頁以及網頁伺服器架設與網頁空間管理等為主。 |
◎本學科教學內容大綱：
本課程教學內容包括撰寫網頁的HTML、CSS、HTML5、JavaScript等標記與程式語言外，並導入網頁設計趨勢響應式網頁與套用網頁框架設計網頁。此外也包括Web服務的HTTP協定介紹與Web 伺服器架設管理。 |
◎本學科學習目標：
本課程能為修課學生建立網頁設計相關概念素養，並為未來資訊相關課程中在開發Web應用服務時能有建立前端網業與相關程式設計撰寫，而能有完備的網頁設計與製作技能之養成。 |
| ◎教學進度： |
| 週次 | 主題 | 教學內容 | 教學方法 |
01
| 課程介紹 | 1.課程介紹
2.我的首頁 | 作業/習題演練、操作/實作、講授。 |
02
| 認識HTML (1) | 1.我的首頁設計
2.HTML文件介紹
3.HTML HEAD BODY 標記介紹
4.H系列標記介紹、分段標記介紹 | 講授。 |
03
| 認識HTML (2) | 1.學校學生個人網頁空間使用介紹
2.個人網頁伺服器架設 | 作業/習題演練、操作/實作、講授。 |
04
| 認識HTML (3) | 1.網頁超連結應用 – 超連結標記與屬性介紹、網頁地圖編輯
2.互動式輸入表單設計 – 表單標記與屬性介紹 | 作業/習題演練、操作/實作、講授。 |
05
| 認識 HTML (4) | 1.網頁超連結應用 – 超連結標記與屬性介紹、網頁地圖編輯
2.互動式輸入表單設計 – 表單標記與屬性介紹 | 作業/習題演練、操作/實作、講授。 |
06
| HTML5介紹 | 1.HTML5標記網頁特效
2.Canvas 繪圖
3.HTML5 多媒體
4.HTML5 API介紹 | 作業/習題演練、操作/實作、講授。 |
07
| CSS 網頁版面調整與文字特效設定 | 1.CSS語法介紹
2.定義CSS樣式
3.類別選擇器與識別選擇器
4.CSS字型與字體變化設定
5.CSS文字對其與顏色設定 | 作業/習題演練、操作/實作、講授。 |
08
| 期中考 | 期中考 | 期中考。 |
09
| CSS列表、表格設計與進階綜合運用 | 1.CSS列表設計
2.CSS 表格設計
3.多欄版面設計
4.套用濾鏡效果 | 作業/習題演練、操作/實作、講授。 |
10
| JavaScript語法與結構 (1) | 1.認識JavaScript
2.變數使用與運算
3.流程控制
4.函式使用 | 講授。 |
11
| JavaScript語法與結構 (2) | 1.陣列的使用
2.物件
3.Javascript與DOM | 作業/習題演練、操作/實作、講授。 |
12
| RWD響應式網頁設計 | 1.RWD 響應式網頁設計
2.套用CSS Framework 網頁設計 - Bootstrap | 作業/習題演練、操作/實作、講授。 |
13
| JQuery | 1.JQuery UI 介紹
2.JQuery 互動表單
3.JQuery 網頁特效 | 作業/習題演練、操作/實作、講授。 |
14
| Bootstrap (1) | Data Store
Database
ProgressBar | 作業/習題演練、操作/實作、講授。 |
15
| Bootstrap (2) | 1.Bootstrap 模板
2.Bootstrap 案例介紹 | 作業/習題演練、操作/實作、講授。 |
16
| 期末專題網頁展示 | 期末專題網頁展示 | 口頭報告。 |
17
| 彈性學習 | 1. 前端網頁框架簡介 | 操作/實作。 |
18
| 彈性學習 | 1. 前端網頁框架實作 | 操作/實作。 |
◎課程要求：
務必到課 |
◎成績考核
課堂參與討論15% : 課程出席
期中考20% : 筆試
期末考30% : 期末網站展示
作業/習題演練25% : 作業
分組討論與作業、活動設計等課程活動 10%
|
◎參考書目與學習資源
1. (Textbook 1) Flutter/Dart 跨平台App開發實務入門(第二版), 碁峰
2. (Textbook 2) Flutter勇者之數-跨平台成是開發的新手入坑首選指南，博碩文化
2. Flutter documentation, https://docs.flutter.dev/
(參考書) Android初學特訓班(第九版) ISBN 978-986-502-307-2 (JAVA)
(參考書) 吳卓俊等, Android 應用程式使用 Android Studio 3.X
(參考書) 張意裕，Android App程式開發剖析(第三版)(適用Android 8 Oreo 與 Android Studio 3)，松崗
(參考書) 施威銘主編, Android App程式設計教本之無痛起步 (Android Studio), 旗標
(參考書) 林致宇，Android程式設計入門與應用 (第二版)，全華
(Android Course網站)1. Android Developer Fundamentals Course, https://codelabs.developers.google.com/android-training/
(Android Studio網站)2. Android Dev Guide, http://developer.android.com/guide/index.html. |
| ◎教材講義 請改以帳號登入校務系統選擇全校課程查詢方能查看教材講義 |