*YouTube 教學頻道* *影像布落格*
首頁
初學者技能教案專區
布落格寫作
數位影音敘事專題寫作
西洋哲學史導讀
老子探義導讀
《論語》小談
flickr圖像集

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://lh5.googleusercontent.com/-VJ1rAYMP3WQ/Ut52gdCeuNI/AAAAAAAARAQ/zhvl_jKYC_A/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. 更詳細各種運用,請看移動滑鼠就跳出圖.文.說明框




沒有留言:

張貼留言