課程名稱 |
文學數位應用與實作 Web design for Chinese Literature |
開課學期 |
106-2 |
授課對象 |
文學院 中國文學系 |
授課教師 |
吳旻旻 |
課號 |
CSX0001 |
課程識別碼 |
H03 00100 |
班次 |
|
學分 |
3.0 |
全/半年 |
半年 |
必/選修 |
選修 |
上課時間 |
星期四3,4,5(10:20~13:10) |
上課地點 |
普401 |
備註 |
中文系初選30人,外系20人。兼通識AB*。可充抵基本能力課程。。可充抵基本能力課程。與張元鴻共授 總人數上限:50人 外系人數限制:20人 |
Ceiba 課程網頁 |
http://ceiba.ntu.edu.tw/1062CSX0001_ |
課程簡介影片 |
|
核心能力關聯 |
本課程尚未建立核心能力關連 |
課程大綱
|
為確保您我的權利,請尊重智慧財產權及不得非法影印
|
課程概述 |
本課程屬於中文系與電資學院合開之「CS+X:中文電資跨領域系列課程」之初階課程。每週課程由中文與電資教師共授,分析討論文學數位應用案例,並介紹相關數位技術,進而指導修課學生完成實作。
課程內容包含兩個單元:
第一單元「數位時代的閱讀」(1~10週)
單元目標為文學網站的建置。 將帶領同學進入網頁的世界,從基礎的HTML與CSS開始,搭配Bootstrap快速將創意呈現在網路的世界中。 當中圖片的處理將以Photoshop與illustrator為主要的工具。
第二單元「讀者參與的數位互動」(11~17週)
單元目標為簡易的互動式文學創作。將引導同學一窺程式設計,學習Javascript與jQuery讓網頁更具有互動性更有趣。
本課程特別歡迎中文系及文學院各系的同學選修,課堂上所講授的數位軟體或程式,皆經老師擇選與重新設計,以利同學進入數位世界,希望同學運用已有的人文知識與涵養,嘗試和數位科技結合,開拓學習面向。亦歡迎其他院系同學選修,以跨領域的角度,一起思考如何拓展文學與數位應用的效果。
|
課程目標 |
﹙一﹚介紹Photoshop、illustrator、HTML5、CSS3與JavaScript等軟體或程式語言,使學生經由練習能獨立完成文學數位應用之基本製作。
﹙二﹚ 在各單元搭配運算思維及相關計算機科學概念,使學生能依照個別興趣及背景,進一步主動選擇、學習其他適用之軟體,深入了解單元目標背後所需之資訊知識及技術概要。
﹙三﹚ 引導學生結合文學知識與資訊技術,發揮文獻蒐集、解讀能力與個人創意,以數位多媒體方式嘗試深刻細緻的文學詮釋或興味盎然的互動閱讀。
|
課程要求 |
﹙一﹚、由於課程包含大量電腦操作,修課同學請自備筆記型電腦。
﹙二﹚、跨領域課程須快速學習不同學門之知識,希望修課同學準備無限勇氣面對挑戰,以積極態度參與課程,有問題隨時提問,準時繳交每項作業,並欣賞其他同學的作品,提供回饋意見。
﹙三﹚初選成功者,第一堂課未到視同自動退選,如有空出名額保留給現場出席者加選。
|
預期每週課後學習時數 |
|
Office Hours |
另約時間 備註: 歡迎來信與兩位教師及助教約談。 |
指定閱讀 |
1.陳徵蔚《電子網路科技與文學創意:台灣數位文學史(1992-2012)》台南:國立台灣文學館,2012
2.李順興 《美麗新文字:數位文學形式研究》台中:天空數位圖書,2012
3.Jon Duckett 著,張雅芳譯,《HTML&CSS網站設計建置優化之道》台北:碁峰,2012。
4.Elisabeth Robson、Eric Freeman著,莊惠淳譯, 《深入淺出HTML & CSS》(第二版) 台北:歐萊禮,2013。
|
參考書目 |
待補 |
評量方式 (僅供參考) |
No. |
項目 |
百分比 |
說明 |
1. |
平時作業 |
30% |
配合教學內容之練習作業,整學期約6~8次。 |
2. |
網站設計實作 |
30% |
個人作業,含網頁實作及心得。暫定5/10繳交。 |
3. |
文學數位專題實作 |
40% |
個人或三人以下為小組,提出結合文學與數位之專題製作,評量內容含實作及心得,期末考週發表。 |
|
週次 |
日期 |
單元主題 |
第1週 |
3/01 |
課程說明,學習資源介紹 |
第2週 |
3/08 |
主題一:數位時代的閱讀 HTML與CSS動手玩(1) |
第3週 |
3/15 |
HTML與CSS動手玩(2) |
第4週 |
3/22 |
HTML與CSS動手玩(3) |
第5週 |
3/29 |
網頁版型的設計框架 Bootstrap |
第6週 |
4/05 |
春假 |
第7週 |
4/12 |
行動時代的網頁設計 RWD |
第8週 |
4/19 |
圖文的編修與美化(1) Photoshop教學 |
第9週 |
4/26 |
圖文的編修與美化(2) Photoshop教學 |
第10週 |
5/03 |
圖文的編修與美化(3)Photoshop教學、illustrator示範 |
第11週 |
5/10 |
主題二:讀者參與的數位互動 文學網站案例討論 網頁程式初體驗:Javascript 教學(1) |
第12週 |
5/17 |
網頁程式初體驗:Javascript 教學(2) |
第13週 |
5/24 |
網頁程式初體驗:Javascript 教學(3) |
第14週 |
5/31 |
更輕鬆的與使用者互動:jQuery 動手玩(1) |
第15週 |
6/07 |
更輕鬆的與使用者互動:jQuery 動手玩(2) |
第16週 |
6/14 |
UI,UX設計新趨勢,動畫、效果微互動(1) |
第17週 |
6/21 |
UI,UX設計新趨勢,動畫、效果微互動(2) |
第18週 |
6/28 |
成果發表 |