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

2014年5月3日 星期六

在重點處以影音來強調說明:滑鼠移入即跳出




滑鼠
移入

tooltips 的效果
就跑出影音框
使用這方法可以快速的為媒材加上影音補充說明







思考的囈語:
阿多諾的那句話,如果把「藝術」技術改成「新聞」技術,那麼就打開了一大片對新聞未來的想像……。
有沒有一種寫作新聞的全新方式呢?這種方式不是來自形而上的「倒三角型寫作真理」所下達的指令,而是一種源自於寫作科技變遷所推動的物質性的「改變力量」。
如果,從寫作唯物的角度來思考,多媒體和互動這些寫作技術擺明了絕不相容於傳統的新聞寫作模式,那麼一種數位新聞的寫作的全新方式下的形貌又會是如何呢?
如果,
在數位新聞打翻了一切之同時,是否也能照亮了我們以前所看不到的世界?


close X

阿多諾:
藝術技術之重要性,關鍵在於提出全新方式,創造從未見過的形貌。今日,源於物化的藝術技術之稠度,重要性超過作品內容。可以說,在荒誕的時代裡散播新媒材 技術,不僅是費解的衝擊,而且打翻了一切;但它們卻照亮了我們所看不到的世界意義。




一、請於欲編輯處置入下列 HTML 的內容,並依影音教學自行調整、變化內容:



<img id="pic2014050301" style="width: 59px; height: 54px;" alt=""
onmouseout="UnTip()"
onmouseover="TagToTip('tab2014050301', BALLOON, false, ABOVE, true, STICKY, true, CLOSEBTN,true, SHADOW, false, TITLEBGCOLOR, 'transparent', BORDERCOLOR, 'transparent')"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilpJ7zT_8GDGziMFBCviYtFCqDQhcky6otM_cgsIUhlefiAQrK87xaX6NwvgaHrD4bg-dE_z0J9FtWsWjT54MtFZiKqnSvXRRzcSVvaqj7iRwSgcMBlsarVOEOoIQ7QnIEowC4fRwKuFI/w151-h137-no/Black%2526Blue_icons2130.png"><br>
<table id="tab2014050301"
style="text-align: left; width: 432px; height: 323px;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top;">這是滑入後要跑出來的內容區塊。可以是圖文、video、或是gallery。<br>
任何可以在表格內跑出來的內容,都可以用。<br>
</td>
</tr>
</tbody>
</table>

二、請於<body>之後置入控制video圖像移動的 CSS:

<style>
#pic2014050301 {
position: relative;
top: -160px;
left: 170px;
margin-bottom: -54px;
</style>

三、請於< body>之後置入產生互動效果的 javascript 程式碼:

<script type="text/javascript"
src="http://lmcdwriting.org/userfiles/lmcsilver20121007/wz_tooltip/wz_tooltip.js"></script>
<script type="text/javascript"
src="http://lmcdwriting.org/userfiles/lmcsilver20121007/tip_balloon/tip_balloon.js"></script>

四、注意事項:
  1. 這一互動模組只能有一次效果,如要再做第二個,請重覆一次所有的動作,並注意要重設id,即上面的紅色字綠色字部分。請看教學 影音說明。
  2. video的icon以及跳出的內容都可以在KompoZer內自由編輯,請看教學影音。
  3. 更詳細各種運用,請看移動滑鼠就跳出圖.文.說明框




沒有留言:

張貼留言