課程資訊
課程名稱
文學數位應用與實作
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  成果發表