關閉視窗
南臺科技大學109學年度第1學期課程資訊
課程代碼 90D22L01
課程中文名稱 跨平台網頁設計
課程英文名稱 Responsive Web Design
學分數 3.0
必選修 選修
開課班級 四技資管三甲,四技資管三乙,四技資管三丙
任課教師 陳志達
選課人數
上限61 目前已選人數61
上課教室(時間)
週四 第1節 (E0401)
週四 第2節 (E0401)
週四 第3節 (E0401)
課程時數 3
實習時數 0
授課語言 1.華語
輔導考證
課程概述 介紹XML和相關的規格技術,瞭解跨平台資料交換的技術。
從HTML與CSS切入整個網頁的靜態架構的組成,並介紹響應式網頁設計,透過範例實際進行網頁的實作。
先修科目或預備能力
課程學習目標與核心能力之對應
編號中文課程學習目標英文課程學習目標對應系指標
1 應用與規畫網站的能力 1 程式設計
2 操作與管理網站的能力 5 實務技能
3 建構與設計網站應用的實務技能 2 軟體開發
4 應用與操作跨網站系統能力 6 資訊應用
5 能依系統需求建構跨平臺網站 7 問題解決
就業力培養目標
  校指標 1 2 3 4 5 6 7 8 9 10
  專業知識 實務技能 資訊能力 整合創新 外語能力 熱誠抗壓 表達溝通 敬業合群 人文素養 服務關懷
  20% 20% 40% 20% 0% 0% 0% 0% 0% 0%
  系指標 1 4 3 5 2 6 7 8 9 10 11 12 13 14
  程式設計 商管知識 網路管理實務 實務技能 軟體開發 資訊應用 問題解決 創新思考 外國語文 自我調適學習 表達溝通 職場EQ 人文素養 服務關懷
  20% 0% 0% 20% 20% 20% 20% 0% 0% 0% 0% 0% 0% 0%
中文課程大綱 XML基礎與文件建立
XML語法檢查 -- DTD與Schema
XML內容的展現 -- CSS與XSL/XSLT
初探HTML
CSS概念以及應用
RWD網頁介紹
RWD實例製作
英/日文課程大綱 XML Basic Concept and XML document Creation
Introduction to DTD and Schema
Introduction to CSS and XSL/XSLT
Introduction to HTML
Concept of CSS and Related examples
Introduction to RWD Web Design
Example of RWD Web Design
課程進度表 第 一 ~ 二 週 初探HTML
第 三 ~ 六 週 CSS概念以及應用
第 七 ~ 八 週 RWD網頁相關技術介紹
第 九 週 期中考
第 十 ~ 十一週 Bootstrap CSS 樣式
第 十二 ~ 十二週 Bootstrap 元件
第 十三 ~ 十五週 Bootstrap JS 外掛
第 十六 ~ 十七週 RWD實例製作
第十八週 期末考
課程融入SDGs
期考調查
期中考(第9週)考試方式 期中上機考
期末考(第18週)考試方式 期末報告
其他週考試考試週次與方式 Quiz
教學方式與評量方式
課程學習目標教學方式評量方式
應用與規畫網站的能力
課堂講授  
實作平時
操作與管理網站的能力
實作演練  
實作平時
建構與設計網站應用的實務技能
實作演練  
實作期中
應用與操作跨網站系統能力
實作演練  
實作平時
能依系統需求建構跨平臺網站
成果驗收  
實作期末
指定用書
書名
作者
書局
年份
國際標準書號(ISBN)
版本
請同學遵守智慧財產權觀念,使用正版教科書,不得不法影印、下載及散布,以免觸犯智慧財產權相關法令
參考書籍 (一)一步到位!RWD網頁程式設計 陳惠貞 旗標出版社
(二)線上教材 http://120.117.98.146/RWD
教學軟體 Dreamweaver and Bootstrap
課程規範 1. 請遵守上課不戴耳機、不講話與不睡覺的三不要求,若無法贊同和遵守,請不要修課。