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

2012年6月6日 星期三

在網頁中嵌入youtube影音、flash:使用Kompozer




數位匯流使用文字、圖像、影音等各種媒材共同組構成文本意義表達



在Kompozer網頁編輯器中要加入影音(video)、Flash以及其他的多媒體、互動媒材。相當簡單。
  1. 所以要掌握嵌入多媒體媒材的語法
  2. 快速使用:插入/HTML  這一選項功能。


影音教學:使用Kompozer嵌入youtube 的video 




為影音(iframe)加上DIV:





使用Kompozer嵌入Image Gallery: Flash & Html5 


影音教學內容注意事項:
(1)Image gallery的嵌入語法使用,有<embed><iframe>兩種語法。
(2)在Kompozer中,為發揮所見即所得的效果以利於版面的思考,請在<ifrmae>xxx</iframe>語法的前後各加<object>xxx</object>,並加上寬度及高度,形成<object width="xxx" height="xxx"><iframe>xxx</iframe></object>。<embed>語法相同。



4 則留言:

  1. youtube影音插入kompozer操作,結果就是教學影片"kompozer:為影音加上div"中錯誤的圖檔,請問要如何修改才可以出現正常的youtube影音

    回覆刪除
    回覆
    1. 對,在kompozer中,
      一定會出現那個錯誤的圖檔,一定的會。
      你不要管,你存檔後,再用瀏覽器chrome來看,就會變正常,影音就會跑出來的。

      刪除
  2. 瀏覽youtube,圖檔位置呈現黑色塊,點右鍵,是無法使用,是因為kompozer我存檔後成IE HTML網頁,這樣是錯的嗎?我也試過露天網拍,YOUTUBE位置也是黑色塊,無法出現YOUTUBE影音。

    回覆刪除
    回覆
    1. 如果是ie
      在下面,會跑出一個對話框
      你要「允許」

      如果chrome就 不用

      刪除