建國科技大學--教學大綱及進度表

建國科技大學日間部 112 學年度第 1 學期課程綱要表

授課班級：日四技電子四A	教師：許重傑
科目名稱：互動式網頁設計	時數： 3
教材名稱：跨裝置網頁設計(第五版) 著者：陳惠貞出版書局：碁峰資訊股份有限公司
主要參考資料：(請註明書名、著者、出版書局) 網頁程式設計的16堂課: HTML5、CSS3、JavaScript、jQuery、AJAX、Bootstrap Google Maps 著者：施威銘研究室出版書局：旗標出版社	評分方式：平常分數;綜合考評;期中考;期末考
	評分比例： 20%;20%;30%;30%
先修科目或先備能力：計算機概論、程式設計及應用
教學目標： 1.知識：了解網頁程式設計工具 2.技能：網頁設計架構從規劃製作上傳一連串能力培養 3.態度：培養同學對網頁程式設計的興趣 4.其他：主動學習解決問題
教學方式：課堂講授;實機操作;

教材大網：

單元主題	內容綱要	教學週數
智慧財產權觀念宣導、課程能力指標簡介，互動式網頁設計介紹	工程倫理性別平等與性騷擾及侵害防治觀念宣導課程簡介 Ch01 網頁設計簡介	0.5
Part 1 HTML5	Ch02 文件結構 Ch03 資料編輯與格式化 Ch04 圖片與表格 Ch05 影音多媒體 Ch06 表單	4.5
Part 2 CSS3	Ch07 CSS基本語法 Ch08 字型、文字與清單屬性 Ch09 色彩、背景、漸層與表格屬性 Ch10 Box Model與定位方式 Ch11 特殊效果與媒體查詢	4
Part 3 JavaScript & jQuery	Ch12 JavaScript基本語法 Ch13 物件、DOM與事件處理 Ch14 jQuery	3
Part 4　響應式網頁設計 & Bootstrap	Ch15 使用Bootstrap開發響應式網頁 Ch16 Bootstrap元件 Ch17 RWD網頁實例	3

請遵守智慧財產權，勿非法影印教科書。

建國科技大學日間部 112 學年度第 1 學期教學預定進度表

科       目：互動式網頁設計       授課班級：日四技電子四A

任課教師：許重傑擬定進度教師: 許重傑

教科書名稱：跨裝置網頁設計(第五版) 作       者：陳惠貞

出版書局：碁峰資訊股份有限公司

週次

月日

時數

網路
時數
授   課   內   容   要   項備註

1
9月11日
9月17日 3 0 課程簡介
Ch01 網頁設計簡介
Ch02 文件結構 (11)開學正式上課(12-21)分梯次網路加退選

2
9月18日
9月24日 3 0 Ch03 資料編輯與格式化 (19-21) 跨部選課(23)補行上班課<補10/9(一)雙十節調整放假>

3
9月25日
10月1日 3 0 Ch04 圖片與表格 (28)校慶補假一天(29)中秋節放假

4
10月2日
10月8日 3 0 Ch05 影音多媒體　

5
10月9日
10月15日 3 0 　 (9)雙十節調整放假<9/23補行上班上課>(10)雙十節放假

6
10月16日
10月22日 3 0 Ch06 表單　

7
10月23日
10月29日 3 0 Ch07 CSS基本語法　

8
10月30日
11月5日 3 0 Ch08 字型、文字與清單屬性　

9
11月6日
11月12日 3 0 期中考期中考試週

10
11月13日
11月19日 3 0 Ch09 Box Model與定位方式　

11
11月20日
11月26日 3 0 Ch10 背景、漸層與表格
Ch11 特殊效果與媒體查詢 (24)運動會(25)校慶暨園遊會

12
11月27日
12月3日 3 0 Ch12 JavaScript基本語法　

13
12月4日
12月10日 3 0 Ch13 物件、DOM與事件處理　

14
12月11日
12月17日 3 0 Ch14 jQuery 　

15
12月18日
12月24日 3 0 Ch15 使用Bootstrap開發響應式網頁　

16
12月25日
12月31日 3 0 Ch16 Bootstrap元件　

17
1月1日
1月7日 3 0 Ch17 RWD網頁實例 (1)開國紀念日放假

18
1月8日
1月14日 3 0 期末考 (8-12)期末考試週(21)成績上網輸入截止(24)請下載列印學期成績冊並簽名截止日，成績冊請老師自行保存無須繳交

請遵守智慧財產權，勿非法影印教科書。