*YouTube 教學頻道* *影像布落格*
首頁
初學者技能教案專區
融媒體Wix教學
數位影音敘事專題寫作
西洋哲學史導讀
老子探義導讀
《論語》小談
《法華經》的思
Unsplash圖像集
我的給大學生書單

數位互動文本寫作學習專區

 回到頁首 
數位互動文本step-by-step學習專區



數位文本必要技能是什麼概念?
憑什麼,這些技能就是必要的?如何論證?
技能的內容,要如何來提出呢?
必要技能是指整合多媒體寫作的各式各樣「數位媒材處理能力」…

觀摩作品↖


陸續增加中…


搞定HTML/理解區塊寫作:
圖像處理基本技法:
影音素材基本技能:
網頁寫作軟體 Kompozer:

Kompozer像Word,是文書處理導向的設計;而Dreamweaver像是Indesign,是排版導向概念的設計。這是兩個不同的軟體世界!
表格排版寫作技能:
徹底理解、完全操控DIV:
Image gallery/content slider的使用:
互動模態呈現:
  1. 滑鼠移到文字或圖片上,跑出說明文字
  2. 利用scroll bar創造互動文本
  3. 想要表現的影音/圖像,按一下文字就跑出來
  4. 超快速、好用的補充說明互動法:Hint.css Tooltips
  5. 按一下就可以跑出圖片、影音的fancybox
  6. 移動滑鼠就換圖
  7. 讓更多細節跑出來的互動寫作:按A跑出B
  8. 互動的照片效果:時間前後的比較
  9. 超快速好用的image hover:共24種
創意版型寫作技能:
  1. 我要快速、好看的中標版型
  2. 讓文字活起來:重點引文強調的表現
  3. 網頁文本的分欄及斜置
  4. 搞定對話框也未免太簡單了吧!
  5. PPT圖文速成大法:網路寫作功力大增祕技
  6. 滑鼠到那裡,就變色到那裡:CSS hover
  7. 2D變形效果
  8. 資訊溢出框外的表現形態: overflow
  9. 文繞圖/文繞區塊排列: float
小世界網路組寫作入門七式【搞定保證會寫互動新聞!】:
  1. 用kompoZer寫作的三個基本動作
  2. 將圖片放到寫作的網頁:使用KompoZer
  3. 在網頁中嵌入youtube影音、flash
  4. 對外、對內超連結/浮動的導覽列: 〈回到頁首〉
  5. 寫出漂亮的中標和內文
  6. 快速排版寫作:表格堆積木法
  7. 分層文本的互動寫作技法

教學方案設計思路



多媒體互動新聞寫作常見問題集

解決瀏覽器跑出來是亂碼的問題:


本來可以正常的互動模式,在加入其他互動模組後,就動不了了?


如何快速找到原始碼中的特定內容、資料 ?





2 則留言:

  1. kompozer開啟舊檔,圖像有些消失,有些存在,圖像放在中華電信XUITE隨意窩全部無顯示,但圖像放在GOOGLE相簿就可以顯示。若在瀏攔頁相片都可以顯示出來。不知原因,以前好好的。

    回覆刪除
    回覆
    1. 一般而言,很多網路的圖床是會被卡住的。你可以使用google並設為公開,就可以了。
      請看下面的教學影片:
      http://lmcmultimedia.blogspot.com/2012/06/html.html

      刪除