*YouTube 教學頻道* *影像布落格*
首頁
初學者技能專區
布落格寫作
讀書之途札記
在flickr中

2017年6月19日 星期一

搞定DIV的區塊寫作概念





DIV區塊概念
數位文本的寫作基本觀念


想要寫好數位文本、搞定數位寫作;
一定要建立起來的數位媒材基本運作方式。



對初學者而言,談DIV的特色,並沒有太大意義。
在沒有寫作運用的經驗下,你無法想像那些所謂DIV的媒材特性;當然你更無法去想像為什麼要用DIV?如何使用DIV?



你先把以下三個常用的基本概念,暫時先「硬記」起來!
  1. DIV是區塊的,是block的空間概念。請看video。
  2. 通常,我們會把媒材,例如文字、圖像、影音…等等用DIV包 起來,再來處理DIV。
  3. DIV非常適合用來處理版面空間移動和互動效果,所以被大量使用。
DIV是最方便用來呈現寫作數位文本變化的寫作元素!elements!


1.DIV基本語法:


<div>
這是內容,可以是文字、圖像等等…。
</div>



2.DIV的block特性


這是DIV和其內容。請看影音教學,了解什麼是block。
這是後面的文字…



3.DIV可將媒材打包起來之運用


這是我的新書。




使用DIV的互動效果,


一、媒材可以一起打包位置移動(click)二、流暢的互動效果(click)


單純照片(醜)
有加上div的照片(流 暢)







影音教學: