Kun Shan University

http://www.ksu.edu.tw

崑 山 科 技 大 學

開設非同步網路教學課程申請表 （108.04.08修改）

申請日期 108 年 04 月 08 日

課程名稱

（中文） 響應式網頁

課程名稱

（英文） Responsive Web Design

科目代碼 4Q9380 修課別 □必修 ■選修

□其他 (Ex：通識課程)

學分數 3 學分

開課單位

(學院/系所) 商業管理學院/資訊管理系

開設

學年度 108 學年度 學期 ■上 □下

授課教師

姓名： 王小明 KSU.ID： T09*******

專/兼任：■專任 □兼任

職稱：□講師 ■助理教授 □副教授 □教授

電 話 09********

E-mail **@mail.ksu.edu.tw

授課方式 ■完全網路教學 □混合式網路教學 □磨課師課程

首次申請 ■是，這門課程沒有申請過網路教學

□否，這門課程曾經申請過網路教學

課程開設屬性

□申請數位學習碩士在職專班

■申請數位學習課程認證

□已通過數位學習課程認證

□其他：

(Ex：推廣教育、計畫課程)

授課

班級 四資管四 A

授課

部別

■日間部

□進修部

□學分班

所需磁碟空間 (未填寫為預設值) 預計

修課人數 50 人

允許

旁聽人數 10 人

文件查核欄

完全網路教學請提供以下附件並於申請時提供3週以上數位教材(Ex：PPT)：

■課程內容分析表

■學習流程規劃表

■教學進度表

■系院自我查核表（簽章）

■大專校院遠距教學課程－教學計畫大綱

混合式網路教學請提供以下附件並於申請時提供3週以上數位教材(Ex：PPT)：

□課程內容分析表

□學習流程規劃表

□系院自我查核表（簽章）

磨課師課程請提供以下附件

□磨課師課程申請規劃書

開課審核

申請人 系所主管 院長

電子計算機中心

數位學習組組長

電子計算機中心

主任 由數位學習組代送

進修推廣處

處長 由數位學習組代送

已註解 [數位學習組1]: 請至「整合型教學大綱網」查詢

「科目代碼」：

http://120.114.50.49/TPS_Outline/

已註解 [數位學習組3]: 授課方式為「完全網路教學」之

課程開設屬性選擇「其他」者，鐘點費計算分為實體授

課及線上授課二部分，任課教師僅核算實體授課之鐘點

費。

已註解 [數位學習組4]: 請教師自行查核後勾選。

已註解 [數位學習組5]: 紙本簽章流程：申請人 → 系所

主管 → 院長 → 電子計算機中心數位學習組組長

開設非同步網路教學課程申請附件 108.04.08 修改

1/2

表一、課程內容分析表（網路輔助教學毋須填寫）

課程資訊 科目代碼 課程名稱 授課教師 申請日期

4Q9380 響應式網頁 王小明 108 / 04 / 08

內容深度

請在下表中勾選該課程的內容深度

■淺顯廣泛（針對特定主題、領域或內容進行大概的介紹，如：經濟學概論）

□深入廣泛（針對特定主題、領域或內容進行專門的教學，如：成本會計）

□深入且範圍較窄（針對特定主題、領域或內容進行非常專門的教學，如：高等微積分）

課程先備知識

請在表中勾選本課程是否需要先備知識才能學習

■否 □是 先修科目：

先備能力：

內容架構

請依該課程的內容架構，思考課程應包含哪些單元，並以圖示表達課程學習內容及內容間的關聯。

（內容架構用於協助設計者組織課程內容，請設計者針對本課程做發散思考）

已註解 [W使1]: 請至「整合型教學大綱網」查詢「科目代

碼」：

http://120.114.50.49/TPS_Outline/

開設非同步網路教學課程申請附件 108.04.08 修改

2/2

教材及

參考資料

教科書 素材是否電子化

跨裝置網頁設計：HTML5、CSS 3、JavaScript、RWD、jQuery Mobile ■是 □否

□是 □否

指定閱讀

□是 □否

□是 □否

其他的參考資料

□是 □否

□是 □否

網站名稱 完整網址

課程評鑑規劃

評鑑類別 是否進行 進行方式 佔總成績比例

前測 □進行 ■不進行 □線上評量 □實體課程評量 0%

課程評量 期中評量 ■進行 □不進行 □線上評量 ■實體課程評量 30%

期末評量 ■進行 □不進行 □線上評量 ■實體課程評量 40%

單元評量 單元練習 ■進行 □不進行 ■線上評量 □實體課程評量 10%

單元測驗 ■進行 □不進行 ■線上評量 □實體課程評量 10%

其他 出缺席狀況 ■進行 □不進行 ■線上評量 □實體課程評量 10%

上課態度 □進行 ■不進行 □線上評量 □實體課程評量 0%

備註。：

*前測：是指預備測驗，目的在於了解學生是否已具備學習的基本知識、技能或能力經驗背景，以作為教學計畫之依據，通常在教學前實施。

*線上評量：通常包含的題型有「是非題」、「選擇題」、「配合題」、「填空題」、「申論題」、「模擬操作」、「角色扮演」、「遊戲」、「線上學習歷程檔案」等評量方式。

*實體課程評量：測驗卷包含可以書寫的題型，此外還有「個人口頭報告」、「個人書面報告」、「分組口頭報告」、「分組書面報告」、「專題實作」、「學習歷程檔案」、「實體操作」等評

量方式。

已註解 [數位學習組2]: 需與 【表單 06：大專校院遠距教

學課程-教學計劃大綱】→【貳、課程教學計畫】→【八、

成績評量方式】一致！

已註解 [數位學習組3]: 請參閱備註。

開設非同步網路教學課程申請附件 108.04.08 修改

1/3

表二、學習流程規劃表（網路輔助教學毋須填寫）

課程資訊 科目代碼 課程名稱 授課教師 申請日期

4Q9380 響應式網頁 王小明 108 / 04 / 08

學習流程

單元名稱

單元內容概述 學習活動概述 線上討論

課程進行方式

（請填入單元名稱） 實體

面授

遠距

教學

1 課程簡介 課程簡介 教室教師講述 □同步 □非同步 ■ □

2 網頁設計簡介

網頁設計流程

相關的程式語言

HTML的演進

HTML5簡介

教室教師講述 □同步 ■非同步 ■ □

3 文件結構

根元素

Header標頭

Body主體

區塊結構

網路學習

線上自我測驗 ■同步 ■非同步 □ ■

4 資料編輯與格式化

區塊格式

文字格式

項目符號與編號

定義清單

超連結

網路學習

線上自我測驗 □同步 ■非同步 □ ■

5 圖片與表格

圖片

標註

表格

網路學習

線上自我測驗 □同步 ■非同步 □ ■

6 影音多媒體

影片與聲音

資源檔案

浮動框架

CSS樣式表

網頁自動導向

網路學習

線上自我測驗 ■同步 ■非同步 □ ■

已註解 [W使1]: 表二、學習流程規劃表（18週）

需與【表單04：表三、教學進度表】及【表單06：大專校

院遠距教學課程-教學計畫大綱 → 貳、課程教學計畫 →

三、課程內容大綱】一致！

★ 每學期第一週、期中及期末考試週應以面對面授課／測

驗為主。每學期「實體面授」週數至少 3 週，且不得大於

9 週。

★ 請至少實施一次同步教學（至少1小時），且留有互動

記錄。

★ 請務必填滿18週學習流程。

已註解 [W使2]: 請至「整合型教學大綱網」查詢「科目代

碼」：

http://120.114.50.49/TPS_Outline/

已註解 [數位學習組3]: 若「課程進行方式」為「實體面

授」，「線上討論」欄位「毋須填寫」或請選擇「非同步」。

已註解 [數位學習組4]: 若「課程進行方式」為「遠距教

學」，「線上討論」欄位可同時選擇：■同步■非同步。

開設非同步網路教學課程申請附件 108.04.08 修改

2/3

7 表單

表單格式

HTML4.01輸入類型

HTML5輸入類型

標籤文字

欄位修飾

網路學習

線上自我測驗 □同步 ■非同步 □ ■

8 CSS基本語法

CSS演進

樣式規則與選擇器

連結 HTML與 CSS

選擇器類型

網路學習

線上自我測驗 □同步 ■非同步 □ ■

9 期中評量 期中評量 隨堂考試 □同步 □非同步 ■ □

10 字型、文字與清單屬性

字型屬性

文字屬性

清單屬性

網路學習

線上自我測驗 ■同步 ■非同步 □ ■

11 色彩、背景、漸層

色彩屬性

背景屬性

漸層表示法

表格屬性

網路學習

線上自我測驗 □同步 ■非同步 □ ■

12 Box Model與定位方式

Box Model

邊界屬性

留白屬性

框線屬性

定位方式

網路學習

線上自我測驗 □同步 ■非同步 □ ■

13 特殊效果與媒體查詢

指標形狀

外框線

多欄位排版

變形處理

媒體查詢

網路學習

線上自我測驗 □同步 ■非同步 □ ■

14 使用 Bootstrap開發響應式網頁 RWD網頁設計

測試行動裝置

網路學習

線上自我測驗 □同步 ■非同步 □ ■

開設非同步網路教學課程申請附件 108.04.08 修改

3/3

格線系統

CSS樣式

實例製作

15 Bootstrap元件

字型圖示

下拉清單

按鈕群組

縮圖

導覽

導覽列

分頁導覽

網路學習

線上自我測驗 □同步 ■非同步 □ ■

16 使用jQuery Mobile開發行動網頁

行動網頁設計原則

行動網頁開發工具

佈景主題

超連結

網路學習

線上自我測驗 □同步 ■非同步 □ ■

17 jQuery Mobile UI 元件 案例練習 教室教師講述 □同步 ■非同步 ■ □

18 期末評量 期末評量 隨堂考試 □同步 □非同步 ■ □

備註：

開設非同步網路教學課程申請附件 108.04.08 修改

1/5

表三、教學進度表 課程名稱：3D多媒體動畫 學分數：3 週數：18週

週次 單元名稱 授課方式 單元教學目標 單元教材內容 單元教學活動 備註

(範例) 颱洪災害及其防救

1. 實體面授 or

線上同步教學 or

線上非同步教學

2.閱讀線上數位教材

3.非同步議題討論

1.了解颱洪發生的原因

2.認識重大的颱洪事件

3.說出颱洪災害前、中、

後之防救措施

1.颱洪災害發生原因

2.颱洪災害重大事件

3.颱洪災害防救

1.觀看本單元數位教材

2.線上議題討論

3.上網查詢自家的淹水

潛勢圖

4.完成自家颱洪逃生避

難圖

繪製之颱

洪逃生避

難圖上傳

繳交

1 課程簡介 實體面授

本單元介紹 3D建模與動

畫的基本觀念及操作與

應用，讓學習者能夠瞭解

3D建模與動畫的目的、

內容、技術、能力。

本課程內容共分為六

大章節，依序分別為

Blender 介面、幾何物

件基本操作、幾何物

件修改器、幾何物 件

進階建模、照明、以

及材質六個主軸。

□ 點閱數位教材

□ 進行小試身手

□ 自我評量

□ 分組討論

□ 議題討論

□ 實務操作練習

2 操作介面

1.線上同步教學

2.線上非同步教學

3.閱讀線上數位教材

4.非同步議題討論

本單元將從認識 Blender

3D的畫面佈局開始，分

別介紹常用的視窗以及

相關的視窗操作、學習使

用快捷鍵來快速的進行

視角切換；對於三維座標

的觀念以及座標軸的使

用進行解說；最後介紹如

何控制場景以及背景圖

的匯入與參數設定。

學習如何進行語系切

換

學習如何進行畫面佈

局

學習視窗建立與刪除

學習鍵盤視角控制

認識三維座標軸

學習場景操作

學習背景圖設定

學習操控攝影機

■ 點閱數位教材

■ 進行小試身手

■ 自我評量

□ 分組討論

■ 議題討論

■ 實務操作練習

已註解 [W使1]: 表三、教學進度表（18週）

需與【表單03：表二、學習流程規劃表】及【表單06：大

專校院遠距教學課程-教學計畫大綱 → 貳、課程教學計

畫 → 三、課程內容大綱】一致！

★ 每學期第一週、期中及期末考試週應以面對面授課／測

驗為主。每學期「實體面授」週數至少 3 週，且不得大於

9 週。

★ 請至少實施一次同步教學（至少1小時），且留有互動

記錄。

★ 請務必填滿18週教學進度。

開設非同步網路教學課程申請附件 108.04.08 修改

2/5

3 幾何物件基本操作

1.線上非同步教學

2.閱讀線上數位教材

3.非同步議題討論

本章介紹 3D幾何物件的

基本操作。基本 操作包

含了幾何物件的建立、複

製、刪除、物件的選擇方

式。

幾何物件建立

幾何物件選取

選擇單一物件

模式切換

點線面切換

物件的複製

幾何物件的連結複製

物件的刪除

■ 點閱數位教材

■ 進行小試身手

■ 自我評量

□ 分組討論

■ 議題討論

■ 實務操作練習

4 幾何物件進階操作

1.線上非同步教學

2.閱讀線上數位教材

3.非同步議題討論

本章介紹 3D幾何物件的

進階操作。進階 操作包

含了幾何物件的建立、複

製、刪除、物件的選擇方

式。

幾何物件的移動

幾何物件的縮放

幾何物件的旋轉

樞鈕點

幾何物件的對齊

幾何物件的隱藏

■ 點閱數位教材

■ 進行小試身手

■ 自我評量

□ 分組討論

■ 議題討論

■ 實務操作練習

5 幾何物件變形操作

1.線上非同步教學

2.閱讀線上數位教材

3.非同步議題討論

本章介紹 3D幾何物件的

變形操作。所謂 的變形

操作是指會改變物體幾

何狀態的操作，這些操作

包含拉伸、分割、合併、

填滿以及內嵌等動作。

幾何物件的拉伸

分割

合併

迴圈選擇

迴圈切割

何物件的填滿

橋接線圈與應用

內嵌面與應用

■ 點閱數位教材

■ 進行小試身手

■ 自我評量

□ 分組討論

■ 議題討論

■ 實務操作練習

6 旋轉與比例化編輯

1.線上非同步教學

2.閱讀線上數位教材

3.非同步議題討論

本章介紹 3D幾何物件的

旋轉以及比列化編輯。

旋轉對於具有對稱性，且

形狀為圓形的物體特 別

用。比例化編輯可以同時

進行臨近幾何結構的編

輯。

旋轉

旋轉的應用

比例化編輯

比例化編輯的應用

■ 點閱數位教材

■ 進行小試身手

■ 自我評量

□ 分組討論

■ 議題討論

■ 實務操作練習

開設非同步網路教學課程申請附件 108.04.08 修改

3/5

7 陣列修改器

1.線上非同步教學

2.閱讀線上數位教材

3.非同步議題討論

本章介紹陣列修改器以

及其應用。陣列修改器可

以用來簡化相同幾何結

構的製作，陣列修改器有

疊加的效果，用來建構多

層次結構的模型相當有

用。

陣列修改器簡介

陣列修改器的基本應

用

陣列修改器的進階應

用

■ 點閱數位教材

■ 進行小試身手

■ 自我評量

□ 分組討論

■ 議題討論

■ 實務操作練習

8 鏡子修改器

1.線上非同步教學

2.閱讀線上數位教材

3.非同步議題討論

本章介紹鏡子修改器以

及其應用。鏡子修改器用

來模擬鏡子，因此對於幾

何結構上有對稱的模

型，例如人臉，可以使用

鏡子修改器來簡化操

作，也比較容易修改與管

理幾何結構。

鏡子修改器簡介

鏡子修改器的基本應

用

鏡子修改器的進階應

用

■ 點閱數位教材

■ 進行小試身手

■ 自我評量

□ 分組討論

■ 議題討論

■ 實務操作練習

9 期中評量 實體面授 期中評量 期中評量 期中評量

10 細分表面修改器

1.線上非同步教學

2.閱讀線上數位教材

3.非同步議題討論

本章介紹細分表面修改

器以及其應用。細分表面

修改器是在建模過程中

最常使用到的一個修改

器，細分表面修改器藉由

平滑化物體表面，讓模型

變得更加的有真實感。

細分表面修改器簡介

細分表面修改器的基

本應用

細分表面修改器的進

階應用

■ 點閱數位教材

■ 進行小試身手

■ 自我評量

□ 分組討論

■ 議題討論

■ 實務操作練習

11 倒角修改器

1.線上非同步教學

2.閱讀線上數位教材

3.非同步議題討論

本章介紹布林修改器及

倒角修改器以及其應

用。布林修改器使用差

集，聯集，交集運算來建

模；倒角修改器藉由平滑

化邊緣，讓模型變得更加

布林修改器簡介

布林修改器的基本應

用

布林修改器的進階應

用

倒角修改器簡介

■ 點閱數位教材

■ 進行小試身手

■ 自我評量

□ 分組討論

■ 議題討論

■ 實務操作練習

開設非同步網路教學課程申請附件 108.04.08 修改

4/5

的圓滑，且具有真實感。 倒角修改器的基本應

用

倒角修改器的進階應

用

12 實體化修改器 1.線上非同步教學

2.閱讀線上數位教材

本章介紹實體化修改器

及錯置修改器以及其應

用。實體化修改器可以方

便地讓 2D物體變成 3D

物體; 而錯置修改器藉由

黑白層次的區別建立高

低的 3D層次，適合用來

建立不規則的地形。

實體化修改器簡介

實體化修改器的基本

應用

實體化修改器的進階

應用

錯置修改器簡介

錯置修改器的基本應

用

錯置修改器的進階應

用

■ 點閱數位教材

■ 進行小試身手

■ 自我評量

□ 分組討論

□ 議題討論

■ 實務操作練習

13 案例應用 1.實體面授

2.閱讀線上數位教材

本單元為綜合案例應

用。本單元介紹下列物件

的建構方法：西洋棋、寶

藏箱、塑膠椅、汽油 桶、

沙發椅墊、馬桶、南瓜。

西洋棋建模

寶藏箱建模

塑膠椅建模

汽油桶建模

沙發椅墊建模

馬桶建模

南瓜建模

■ 點閱數位教材

□ 進行小試身手

□ 自我評量

□ 分組討論

□ 議題討論

■ 實務操作練習

14 貝茲曲線與應用 1.線上非同步教學

2.閱讀線上數位教材

本單元介紹貝茲(Bezier)

曲線以及如何利用貝茲

曲線來協助我們建構不

同的 3D模型。貝茲曲線

是建模過程中一個相當

有用的工具，善用貝茲曲

線可以幫助我們建構許

多不同形狀的曲面幾何

認識貝茲曲線

認識曲線控制桿

認識曲線形狀屬性

認識曲線幾何屬性

學習曲線控制桿的操

作

實物建模練習-旋轉樓

梯

■ 點閱數位教材

□ 進行小試身手

□ 自我評量

□ 分組討論

□ 議題討論

■ 實務操作練習

開設非同步網路教學課程申請附件 108.04.08 修改

5/5

物件。 實物建模練習-馬克杯

15 燈光與照明 1.線上非同步教學

2.閱讀線上數位教材

本單元介紹Blender 3D所

提供的各式用於照明的

工具。這些工具包含了點

光、聚光、半光、域光、

日光這五種燈光。當渲染

一個場景的時候，照明在

渲染結果的真實度上具

有相當大的影響。

認識照明

學習使用點光

學習使用聚光

學習使用半光

學習使用域光

學習使用日光

學習環境光照

學習間接光照

■ 點閱數位教材

□ 進行小試身手

□ 自我評量

□ 分組討論

□ 議題討論

■ 實務操作練習

16 材質與應用 1.線上非同步教學

2.閱讀線上數位教材

本單元學習如何為 3D模

型加上材質，讓模型的外

表看起來可以更加的逼

真。本單元將說明如何使

用 Blender 3D內建的

Cycles Render 來建構基

本的材質。對於材質的處

理，還有一種相當普遍且

常用的技巧就是 UV映

射。

認識 Cycles渲染器

學習塑膠材質製作

學習金屬材質製作

學習陶瓷材質製作

學習玻璃材質製作

學習發光玻璃製作

認識 UV映射

學習基本 UV映射貼

圖

學習 Smart UV映射貼

圖

■ 點閱數位教材

□ 進行小試身手

□ 自我評量

□ 分組討論

□ 議題討論

■ 實務操作練習

17 案例練習 1.線上非同步教學

2.閱讀線上數位教材

本單元為進階案例應

用。本單元介紹下列物件

的建構方法：馬桶、枕

頭，喜宴，窗簾。

馬桶建模

枕頭建模

喜宴餐椅建模

窗簾建模

■ 點閱數位教材

□ 進行小試身手

□ 自我評量

□ 分組討論

□ 議題討論

■ 實務操作練習

18 期末評量 實體面授 期末評量 期末評量 期末評量

開設非同步網路教學課程申請附件 108.04.08修改

申請人： 系所主任： 院長：

1/1

系院自我查核表

第一部分：確認所推薦課程之規劃設計文件與數位教材內容完備

項次 查核工作項目 審查參考資料 查核

1 開設非同步網路教學課程申請表 開設非同步網路教學課程申請表 ■

2 完成並檢附課程內容分析表 課程內容分析表 ■

3 完成並檢附學習流程規劃表 學習流程規劃表 ■

4 完成並檢附教學進度表【完全】 教學進度表 ■

5 完成教育部備查表表格【完全】 大專校院遠距教學課程－

教學計畫提報大綱 ■

6 簽署完全網路教學課程同意書【完全】 執行完全網路教學課程同意書 ■

7 完成三週以上數位教材製作 課程數位教材(Ex：PPT) ■ 審查單位：數位學習組

第二部分：確認所推薦課程之所屬學系（或通識教育中心）對教材專業內容完成審核

項次 查核工作項目 審查參考資料 查核

1 清楚說明教材宗旨及其內容主題。 課程內容分析表 ■

2 教材目標可清楚說明學習者將獲得的知識、技能或態度。

（教材目標是否明確的涵蓋認知、技能或態度層面） 課程內容分析表 ■

3 提供適當的單元架構及學習進度表。 課程內容分析表 ■

4 教材內容能完整涵蓋教學目標。 課程內容分析表 ■

5 教材的內容正確無誤。

（是否經過系課程委員會審查）

課程內容分析表

學習流程規劃表 ■

6

能提供適當的實例與示範。

（在教學過程中能提供適當的範例，讓學生明瞭教學的內

容和重點）

課程內容分析表

學習流程規劃表 ■

7 教學流程邏輯次序恰當，呈現順序合乎學習需要。

（教學流程是否依教學內容做有效的組織與安排）

課程內容分析表

學習流程規劃表 ■

8 能提供適當的練習機會。

（如能透過提問、測驗、實作等方式讓學生有機會練習） 學習流程規劃表 ■

9 能提供適當的評量活動。

（如紙筆測驗、學習檔案、實作評量等評量方式）

課程內容分析表

學習流程規劃表 ■

10 教材內容符合學習者程度。

課程內容分析表

學習流程規劃表

課程數位教材

■

11 具有豐富的科目補充教材。

（是否有補充教材之專屬區塊或連結）

課程內容分析表

課程數位教材 ■

審查單位：系（或通識教育中心）

第三部分：確認申請課程符合所屬學院整體學程規劃

項次 查核工作項目 審查參考資料 查核

1 確認課程通過所屬學系之專業內容審查 所屬學系之課程委員會會議記錄 ■

2 確認課程符合學院之學程發展目標 學院之課程相關發展計畫 ■

審查單位：院

已註解 [數位學習組1]: 紙本簽章流程：申請人 → 系所主

管 → 院長

檔案下載網址 https://ace.moe.edu.tw/ 105學年度起適用本表

1

大專校院遠距教學課程－教學計畫大綱

填表說明：

1. 依據專科以上學校遠距教學實施辦法第六條：學校之院、所、系、科、學位學程開設遠距教學課程，

應依學校規定由開課單位擬具教學計畫，依大學法施行細則及專科學校法規定之課程規劃及研議程序，經

教務相關之校級會議通過後實施，並應公告於網路。前項教學計畫，應載明教學目標、修讀對象、課程大

綱、上課方式、師生互動討論、成績評量方式及上課注意事項。 2. 教學計畫大綱如下，請填入教育部「大學校院課程網」或「技職校院課程網」之「課程大綱」欄位，

且能有效連結閱覽。 3. 本件提報大綱為基本填寫項目，實際撰寫內容格式，學校可依需求進行調整設計。

學校名稱：＿崑山科技大學＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

開課期間：＿108＿學年度第＿1＿學期 (本學期是否為新開設課程： ■是 □否)

壹、課程基本資料 (有包含者請於□打)

1. 課程名稱 響應式網頁

2. 課程英文名稱 Responsive Web Design

3. 教學型態 ■非同步遠距教學

□同步遠距教學主播學校

請填列本門課程之收播學校與系所：

(1)學校: 系所:

4. 授課教師姓名及職稱 王小明 助理教授

5. 師資來源 ■專業系所聘任 □通識中心聘任 □以上合聘 □其他

6. 開課單位名稱(或所屬學院及科系所名稱) 商業管理學院 / 資訊管理系

7. 課程學制

■學士班 □進修學士班 □學士班在職專班

□碩士班 □碩士班在職專班 □博士班

□學院（□二年制 □四年制）

□專科（□二年制 □四年制） □進修專校

□進修學院（□二技 □四技 □碩士在職專班）

□學位學程（□二年制 □四年制 □碩士班）

□學分學程

8. 部別 ■日間部 □進修部(夜間部) □其他

9. 科目類別 □共同科目 □通識科目 □校定科目

■專業科目 □教育科目 □其他

10. 部校定

(本課程由那個單位所定) □教育部定

□校定 □院定 □所定 ■系定 □其他

11. 開課期限(授課學期數) ■一學期(半年) □二學期(全年) □其他

12. 選課別 □必修 ■選修 □其他

13. 學分數 3

14. 每週上課時數 1.17 (非同步遠距教學，請填平均每週面授時數)

15. 開課班級數 1（請填入開課班級數量）

16. 預計總修課人數 60

17. 全英語教學 □是 ■否

18. 國外學校合作遠距課程

(有合作學校請填寫)

國外合作學校與系所名稱:________________

□國內主播 □國內收播 □境外專班 □雙聯學制 □其他

19. 課程平臺網址（非同步教學必填） http://elearning2.ksu.edu.tw/ （請勿異動！）

20. 教學計畫大綱檔案連結網址 （由數位學習組代填）

已註解 [數位學習組1]: ■是，這門課程沒有申請過網路教

學

□否，這門課程曾經申請過網路教學

已註解 [數位學習組2]: 14.《每週上課時數》：非同步遠距

教學，請填平均每週面授時數。

★ 計算方式：請以本表單【貳、課程教學計畫】→

【四、教學方式】→ 【4.】與【5.】兩者「總時數」相加

除以18週。

以本課程為例：每週上課時數 = (15+6)/18週 = 1.17(小

時)。

已註解 [數位學習組3]: 16.《預計總修課人數》=【表單

01：開設非同步網路教學課程申請表】之「預計修課人

數」+「允許旁聽人數」。

檔案下載網址 https://ace.moe.edu.tw/ 105學年度起適用本表

2

貳、課程教學計畫

一 教學目標 學習響應式網頁的目的。

學習響應式網頁的內容。

學習響應式網頁的技術。

學習響應式網頁的能力。

二 適合修習對象 對於響應式網頁設計有興趣的同學

三 課程內容大綱 （請填寫每週次的授課內容及授課方式）

週

次 授課內容

授課方式及時數 (請填時數，無則免填)

實體

面授

遠距教學

非同步 同步

1 課程簡介 3

2 網頁設計簡介 3

3 文件結構 3

4 資料編輯與格式化 3

5 圖片與表格 3

6 影音多媒體 3

7 表單 3

8 CSS基本語法 3

9 期中評量 3

10 字型、文字與清單屬性 3

11 色彩、背景、漸層 3

12 Box Model與定位方式 3

13 特殊效果與媒體查詢 3

14 使用 Bootstrap 開發響應式網頁 3

15 Bootstrap元件 3

16 使用 jQuery Mobile 開發行動網頁 3

17 jQuery Mobile UI 元件 3

18 期末評量 3

四 教學方式

（有包含者請打，可複選）

■ 1.提供線上課程主要及補充教材

■ 2.提供線上非同步教學

■ 3.有線上教師或線上助教

■ 4.提供面授教學，次數：＿5＿次，總時數：＿15＿小時

■ 5.提供線上同步教學，次數：＿2＿次，總時數：＿6＿小時

□ 6.其它：（請說明）

五 學習管理系統 呈現內容是否包含以下角色及功能

（有包含者請打，可複選）

已註解 [數位學習組4]: 三、《課程內容大綱》（18週）

需與【表單03：表二、學習流程規劃表】及【表單04：

表三、教學進度表】一致！但此表請填「時數」，無則免

填！

★ 每學期第一週、期中及期末考試週應以面對面授課／

測驗為主。每學期「實體面授」週數至少3週，且不得大

於9週。

★ 請至少實施一次同步教學（至少1小時），且留有互動

記錄。

★ 請務必填滿18週課程內容大綱。

已註解 [數位學習組5]: 4. 總時數 = 實體面授時數相加。

已註解 [數位學習組6]: 5. 總時數 = 同步遠距教學時數相

加。

檔案下載網址 https://ace.moe.edu.tw/ 105學年度起適用本表

3

1.提供給系統管理者進行學習管理系統資料庫管理

■ 個人資料

■ 課程資訊

■ 其他相關資料管理功能

2.提供教師(助教)、學生必要之學習管理系統功能

■ 最新消息發佈、瀏覽

■ 教材內容設計、觀看、下載

■ 成績系統管理及查詢

■ 進行線上測驗、發佈

■ 學習資訊

■ 互動式學習設計(聊天室或討論區)

■ 各種教學活動之功能呈現

□ 其他相關功能（請說明）

六 師生互動討論方式 (包括教師時間、E-mail 信箱、對應窗口等)

教師時間：星期六 上課時間

E-mail：**@mail.ksu.edu.tw

對應窗口：助教 陳小伶

七 作業繳交方式 （有包含者請打，可複選）

■ 1.提供線上說明作業內容

■ 2.線上即時作業填答

■ 3.作業檔案上傳及下載

■ 4.線上測驗

■ 5.成績查詢

□ 6.其他做法（請說明）

八 成績評量方式 （包括考試方式、考評項目其所佔總分比率）

期中評量 30%

期末評量 40%

單元練習 10%

單元測驗 10%

出缺席狀況10%

九 上課注意事項

已註解 [數位學習組7]: 若勾選其他相關功能，請記得說明

哦！

已註解 [數位學習組8]: 八、《成績評量方式》：需與【表單

02：表一、課程內容分析表】→【課程評鑑規劃】一

致！

1

崑山科技大學

執行完全網路教學課程同意書

本人願意於 108 學年度第 1 學期開授 資訊管理 系（中心）

四資管四 A 班（可列舉），課程名稱 響應式網頁 之完全網路教

學課程，並認知與遵守下列事項：

一、 依據本校「崑山科技大學鼓勵開設網路教學課程實施辦法」之完

全網路教學規範，進行教材製作及課程經營。

二、 遵從專業教師團隊之排定，每學期提供學生至少九週（含）以上

份量之數位教材，每學期至少需於本校網路教學平台進行非同步

授課及課業輔導達九週／次以上，並鼓勵學生利用本校網路教學平台進行學習。

三、 每學期第一次授課、期中及期末考試應以面對面授課／測驗為

主，每學期實體授課週數不得大於九週，鐘點費計算分為實體授課及線上授課二部分，任課教師僅核算實體授課之鐘點費。（擬

申請或已通過教育部數位學習認證者不受此限）

四、 擬申請數位學習認證之課程，申請教師需配合教育部課程認證申請時程，於學期末提出申請。違反規定者，將提報網路教學推動

委員會進行授課鐘點費之審議。

系所：資訊管理系

職級：助理教授

姓名：王小明（親簽）

中 華 民 國 1 0 8 年 4 月 8 日 已註解 [數位學習組1]: 請「親簽」並押上日期。

■申請完全網路教學課程需具備以下資料，已備齊文件請勾選：

■開設非同步網路教學課程申請表（已簽章）

■課程內容分析表

■學習流程規劃表

■教學進度表

■系院自我查核表（已簽章）

■大專校院遠距教學課程－教學計畫提報大綱

■完成三週以上數位教材製作（Ex：PPT）

（數位教材可直接上傳至「網路大學平台」課程中，

或使用隨身碟、教材光碟、筆記型電腦等將數位教材繳交至數位學習組。）

■執行完全網路教學課程同意書（已簽章）

（若非「數位學習認證」相關課程，鐘點費計算分為實體授課及線上授課二部分，任課教

師僅核算實體授課之鐘點費。）

■【電子檔】請回覆至：ksutetg@mail.ksu.edu.tw