◎系所教育目標：
為配合國家建設及產業發展之需要，本系以培育中高級資訊科技人才為目的。在教學理念上除了注重理論的探討之外並強調實際動手的能力，以期培育出具有深厚學識基礎並能實際應用的資訊科技人才。在專業必修中涵蓋基礎理論、電腦硬體、作業系統、資料結構及計算機網路等方面，並有畢業專題製作，使學生紮實基礎，同時課程包含四個專業學程，兼顧學術及實務之分流與訓練。分別為一：軟體工程及知識工程學程、二：互動多媒體學程、三：網路及資訊安全學程、四：資訊系統開發實務學程，以期作為日後升學就業的準備。 |
| ◎核心能力 | 關聯性 |
| 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.網頁內容條列樣式 -列表標記與屬性介紹
3.網頁表格製作 – 表格標記與屬性介紹 | 作業/習題演練、操作/實作、講授。 |
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
| CSS列表、表格設計與進階綜合運用 | 1.CSS列表設計
2.CSS 表格設計
3.多欄版面設計
4.套用濾鏡效果 | 作業/習題演練、操作/實作、講授。 |
09
| 期中考 | 期中考 | 期中考。 |
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
| Web Framework網站建置 | 1.Web Framework (Django)介紹
2.Web Framework 網頁設計
3.網頁服務發佈 | 作業/習題演練、操作/實作、講授。 |
15
| Web服務進階設計 | 1.RESTful API (Web API) 簡介
2.Web API 開發工具 (Flask) 使用
3.Web API設計 | 作業/習題演練、操作/實作、講授。 |
16
| 期末專題製作 | 1.期末專題網頁設計主題規劃
2.期末專題網頁設計製作 | 操作/實作、口頭報告、講授。 |
17
| 期末專題製作 | 1.期末專題網頁設計製作 | 操作/實作、口頭報告。 |
18
| 期末考
期末專題成果展示 | 1.期末考
2.期末專題網頁設計成果展示 | 期末考。 |
◎課程要求：
務必到課 |
◎成績考核
課堂參與討論15% : 課程出席
期中考20%
期末考30%
作業/習題演練25%
分組討論與作業、活動設計等課程活動 10%
|
◎參考書目與學習資源
(教科書) 1.網頁設計-必學技術 HTML5+CSS3+JavaScript+JQuery+JQueryMobile+Bootstrp5，全華研究室(王麗琴編著)，全華，ISBM 978-626-328-295-7
(參考書) 1.HTML5 CSS3 最強圖解實戰講座(第二版)，旗標出版
(參考書) 2.最新 HTML5 CSS3 網頁程式設計(第二版)，旗標出版
(參考書) 3.HTML5、CSS3、JavaScript、jQuery、jQuery UI、Ajax、RWD網頁程式設計，碁峰 |
| ◎教材講義 請改以帳號登入校務系統選擇全校課程查詢方能查看教材講義 |