國立中興大學教學大綱
課程名稱 (中) 網頁設計(1903)
(Eng.) Web Design
開課單位 文學院
課程類別 必修 學分 2 授課教師 鄭琨鴻
選課單位 歷史系 / 學士班 授課使用語言 中文 英文/EMI N 開課學期 1092
課程簡述 本課程主要目的在介紹當代網站設計的發展趨勢,除了建立學生網站設計的基礎概念外,也培養其操作與應用網頁設計軟體及相關程式語法邏輯的基本應用知能。課程內容涵蓋HTML5標籤語法、CSS樣式定義、響應式網站設定、jQuery基礎入門以及Bootstrap排版應用。如何透過網路平台展現人文關懷之議題傳播將是未來人文科系學生的重要資訊素養,本課程除了網頁設計技術之訓練外,將透過期末數位人文網頁製作專題的引導,讓學生從實務經驗中理解資訊應用於數位人文領域的可能性。
先修課程名稱
課程與核心能力關聯配比(%) 課程目標之教學方法與評量方法
課程目標 核心能力 配比(%) 教學方法 評量方法
1.了解當代響應式網站設計的發展趨勢
2.養成網站設計的基礎概念與技能
3.具備數位人文的網頁設計應用知能
專題探討/製作
習作
講授
出席狀況
作業
實作
授課內容(單元名稱與內容、習作/每週授課、考試進度-共18週)
第01週 課程介紹與網頁設計概論
第02週 HTML基礎入門與結構
第03週 圖文編輯、超連結、音效與影片
第04週 表格與表單
第05週 CSS基礎入門
第06週 顏色與文字設定
第07週 段落與表列設定
第08週 盒子模型與版面定位
第09週 CSS3變形、轉換與動畫
第10週 網頁專題進度報告
第11週 jQuery基礎入門
第12週 jQuery的事件與特效
第13週 Bootstrap入門
第14週 Bootstrap表格、表單、按鈕與圖片
第15週 Bootsrtap元件應用
第16週 網頁專題實作與討論(一)
第17週 網頁專題實作與討論(二)
第18週 期末專題發表
學習評量方式
1.平時作業 30%
2.網頁專題進度報告10%
3.期末網頁專題 60%
教科書&參考書目(書名、作者、書局、代理商、說明)
【學好跨平台網頁設計:HTML5、CSS3、JavaScript、jQuery與Bootstrap 4超完美特訓班】,鄧文淵著,碁峰。
【跟著實務學習HTML5、CSS3、JavaScript、jQuery、jQuery Mobile、Bootstrap 4&Cordova 增訂版】,蔡文龍、蔡捷雲、歐志信、曾芷琳著,碁峰。
【設計師都該懂的UI/UX設計實務:超圖解跨裝置網頁設計實戰講座】,許郁文譯,博碩。
課程教材(教師個人網址請列在本校內之網址)
iLearning
課程輔導時間
星期一13:30-17:00
星期二09:00-12:00
請尊重智慧財產權及性別平等意識,不得非法影印他人著作。
更新日期 西元年/月/日:無 列印日期 西元年/月/日:2022 / 7 / 07
MyTB教科書訂購平台:http://www.mytb.com.tw/