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. 更詳細各種運用，請看移動滑鼠就跳出圖．文．說明框。


沒有留言:

張貼留言