數位時代的寫作,是一種新形態的文本表達模式!
首頁
初學者技能教案專區
google Meet遠距上課技能
javascript互動文本寫作
融媒體Wix教學
網路新聞寫作:HTML&CSS
新聞影音剪輯:premiere
匯流寫作基模知識:gravit
基礎影音編輯:shotcut
基礎向量圖像編輯:inkscape
基礎圖像編輯:GIMP
排版設計scribus
匯流新聞專題寫作
影音新聞製作與剪輯(上課用)
新聞直播編導/OBS(上課用)
基礎新聞攝影(上課用)
數位排版/敘事(上課用)
西洋哲學史導讀
老子探義導讀
《論語》小談
《法華經》的思
品嚐《華嚴經》
Unsplash圖像集
Pexels 圖像集
我的給大學生書單
傳播理論/研究

2015年9月23日 星期三

DIV快速上手使用:把編輯元素用DIV包起來

DIV
把寫作過程中相關的媒材
包起來
讓相關的媒材連結起來,這是重要的數位寫作技能


網路文本是區塊寫作文本。區塊寫作就是要會使用、控制DIV。使用DIV最重要的功能,就是要把編輯元素,即各種媒材,包括文字、圖像、影音等,置入於DIV中。之後,只要對DIV進行各種編輯和互動的設計就可以了。學會把各種媒材用DIV包起來,是網路寫作中最基本的概念和數位寫作技術能力。

這個學習網頁,再加上下列三個閱讀網頁,就是最基本的四項DIV技能。
排版寫作技巧:快速移動DIV 。click here!
慢工出細活:搞定DIV的調校 。click here!
簡單、快速:3秒調出DIV文字布局。click here!

教學影音:


影音教學參考用CSS

<style type="text/css">

.div2015091301 {
font-family: Verdana, '微軟正黑體';
font-size: 2.4em;
font-weight: bold;
line-height: 1.4;
text-align: left;
letter-spacing: 0.1em;
}

.div2015091303 {
border: 1px solid darkorange;
}


#tdiv2015091302 {
font-family: Verdana, '新細明體';
font-size: 1.04em;
font-weight: normal;
line-height: 1.4;
text-align: left;
letter-spacing: 0.1em;
}

</style>


◆DIV超常用的幾個上手動作★

【上手動作!】div快速使用起手式:

【上手動作!】文字的複製、貼上以及嵌入div:

【上手動作!】快速刪除DIV

【上手動作!】DIV內的DIV,插入文字

【上手動作!】寫作時如何跳出div框框

【上手動作!】黑體字跑不出來





沒有留言:

張貼留言