數位匯流文本空間敘事基礎四式技能

　回到頁首　

數位匯流文本空間敘事基礎四式技能

1. 表格
2. DIV
3. 背景圖
4. 位移與溢出

空間敘事寫作，是有方法可以學的。

藉由媒材空間位置之變化，
　　創造文本敘事性意義給出。

表格、DIV、背景圖、位移是： 排版寫作的四種基本技法。

課 堂錄影說明

網路文本的 呈現，是一種更重視空間概念的文本展現。有學者指出，數位時代之敘事者必須善用空間之 特性，應是「一位敘事建築師 (narrative architects)」(Jekins, 2004: 129)。

換言之，有空間布局概念的寫作，是數位互動文本作者應具備的思考、寫作能力。

空間布局與資訊意義展列之間的關係，就「寫作的立場而言」，作者將其稱之為「排版寫作」。這是從 傳統後製排版概念而轉換過來的表述。

傳統上，寫 作是寫作， 排版是排版，這原本是前製與後製的兩種專業。但在數位互動文本中，這二者結合了。一位作者在思考意義表達時，同時也要思考「排版」，亦即媒材在空間位置之現象，對意義呈現的可能影響。

Jekins H. (2004). Game design as narrative architecture. In Wardrip-Fruin, N. & Harrigan, P. (Eds.), First Person: New media as story, performance, and game (pp. 118-130). Cambridge, Massachusetts: The MIT Press.

第一式：表格

方 法一：Go to basic：表格（一）

方 法二：Go to basic：表格（二）

方 法三：Go to basic：表格（三）

方 法四：快速排版寫作：表格堆積木法

方 法五：表格使用基本功：影像排排站呈現規律美

第二式：DIV

方 法一：DIV基礎動作：把編輯元素用DIV包起來

方 法二：輕鬆使喚DIV：邊框、背景色、padding、margin！

方 法三：輕鬆控制DIV：靠左、置中、靠右、上移、下移！

方 法四：慢工出細活：搞定DIV的調校

方 法五：簡單、快速：3秒調出DIV漂亮文字布局

第三式：背景圖

方 法一：背景圖的使用

方 法二：運用半透明背景圖

方 法三：影音貼到背景圖上面去

方 法四：置入二張以上的背景圖

第四式：移動與位移

方 法一：掌握DIV的位置：移動、位移及重疊

方 法二：上下移動版面空間的方法

方 法三：超快速任意移動物件：position: relative

方 法四：在div內任意移動編輯物件： position: absolute