近期文章

10/recent/ticker-posts

(教學)用burning studio 2013 製作自動執行與互動頁面光碟

2013-06-30 製作燒錄選單001
▲不需懂語法,快速上手互動光碟設計與程式包裝!!

還在煩惱繳交自製教學光碟怎麼燒錄嗎-《寫在前面》
以往要設定光碟自動執行或設計程式互動選單可能需要懂語法,
對一般老師來說門檻比較高。
最近幫一些老師們設計教學媒體程式時,大多希望光碟有”自動執行”的需求。
今天Jackie介紹一款免費的燒錄軟體(公用序號註冊),它提供了燒錄自動執行與互動頁面的功能。
以往外包光碟製作可能需要一筆預算,現在自己動手做也可以。
由於他是屬於範本模組式,基本上只要套一套就搞定,
不過他呈現出來的效果倒是非常專業喔!

燒錄軟體其實大同小異,而且免費的很多(基本上應該很少人會付費買燒錄軟體了吧)。Burning studio2013這款燒錄軟體已經在Jackie的電腦中服務很久了。燒錄資料,備份光碟等等基本功能都有,但今天的重點我們放在製作自動執行光碟上。

不過Jackie在這邊需要聲明一下,目前的作業系統或防毒軟體會將自動執行功能關起來,所以放入光碟有可能什麼事情都不會發生,所以老師們在寫安裝軟體須知時,需要說明一下,若無法自動執行,請點選指定檔案即可。接下來我們就把重點放在互動介面的設計吧

※安裝執行期間可能會有安裝工具列的選項,建議忽略不安裝。


▍前置工作

2013-06-30 製作燒錄選單 (2)

安裝完成後,請執行【檔案燒路及資料夾】-【建立含自動啟動功能】

2013-06-30 製作燒錄選單 (5)

  1. 點擊【加入】將需要燒錄的檔案加進去(利用檔案總管拖曳的方式也可)
  2. 所加入的檔案在製作程式互動頁面時,都可以透過按鈕的方式啟動
  3. 點擊【下一步】

2013-06-30 製作燒錄選單 (4)

軟體提供兩種光碟自動執行模式,一種式自動播放,只是寫一個autorun燒進去,製作上比較單純,如果需要有互動功能,請勾選【互動式功能表】後,點擊【下一步】

2013-06-30 製作燒錄選單 (6)

  1. 格式可選擇【獨立】與【瀏覽器基礎】,請選擇【獨立】,而產品標題文字是我們將燒錄好的光碟放入光碟機讀取後,會在檔案總館中出現的名稱。
  2. 可在互動頁面中加入音樂,可以設定是否循環播放。
  3. 顯示:其實就是出現檔案總管及頁面左上放的icon,如果想讓自己的作品比較有醫治性,可以額外設計。
  4. 完成後請點擊下一步

▍啟動畫面設計光碟在電腦中讀取後自動執行的第一個頁面)

2013-06-30 製作燒錄選單 (7)

  1. 範本區,可以立即套用背景底圖
  2. 可以預覽目前設計的啟動畫面
  3. 若不喜歡底圖可以做清除的動作
  4. 自選背景畫面

※請動畫面可以自訂在幾秒後進入主程式頁面。

2013-06-30 製作燒錄選單 (8)

基本上如果希望啟動畫面與你的教學媒體一致,建議老師們還是設計比較符合的底圖,底圖的大小就是啟動頁面的大小。所以在設計圖檔時需要注意。這個步驟比較簡單,完成後請點選下一步。


▍互動頁面的設計(進入互動選單的頁面

2013-06-30 製作燒錄選單 (9)

互動選單頁面一樣是以範本方式呈現,不過他的自訂的彈性也很高。

  1. 選擇範本後,直接雙響滑鼠即可
  2. 若要改變大小請拖曳端點來改變
  3. 功能列中可以改變背景,增加圖片與基本圖形,加入文字與按鈕等等。目前我們先略過。

▍互動頁面的設計-新增按鈕

2013-06-30 製作燒錄選單 (10)

接下來就是本教學重點了-按鈕的控制,切換到按鈕標籤頁,雙響喜歡的按鈕樣式會自動加入。我們一樣可以透過端點來縮放大小,點住中點拖曳滑鼠可以改變按鈕位置。
※功能列中的【新增按鈕】跟滑鼠右鍵插入動作按鈕也可以達成。

▍互動頁面的設計-設定按鈕動作

2013-06-30 製作燒錄選單 (11)

在按鈕上-滑鼠右鍵-編輯

2013-06-30 製作燒錄選單 (12)

我們可以替按鈕設定動作,這個幾乎是互動選單的核心,也是軟體的精華所在。

  1. 輸入按鈕上的名稱(例如作者網站,寫信給作者,開啟教學教案等等)
  2. 鍵入提示內容,即滑鼠移到按鈕上所出現的功能文字解說
  3. 給按鈕設定動作,當老師們選擇一項動作時,會在下方開啟額外輸入的選項。例如點擊按鈕目的是要「開啟檔案」,下方就需要選擇指定檔案(注意,這個檔案必須是準備燒進光碟的檔案)
  4. 設定好按鈕動作後請點擊【確定】

2013-06-30 製作燒錄選單 (13)

接下來就可以預覽看看,點擊按鈕後有沒有出現指定動作。

▍互動頁面的設計-多個頁面(子頁面)的設定方式

2013-06-30 製作燒錄選單 (14)

如果互動選單上需要切換多個頁面(哈,資料很多按鈕放不下嗎?),請執行下列動作:

  1. 點擊建立【新頁面】
  2. 設定頁面名稱:設定名稱個功用在於按鈕連結可以指定連結哪個頁面
  3. 是否套用範本,如果想自己設定背景,建議勾選不使用設計。
  4. 版面配置同上,它只是幫你預先套用一個頁面想呈現幾個按鈕
  5. 設定完成點擊【確定】

2013-06-30 製作燒錄選單 (15)

出現的對話方塊會問你要不要在主頁面自動先加入額外頁面的連結,點擊【是】繼續。

2013-06-30 製作燒錄選單 (19)
▲當我們設定多個子頁面時,按鈕會自動出現在主頁面,之後可以做額外編輯。

2013-06-30 製作燒錄選單 (16)

子頁面的設定方式完全與主頁面一樣,你必須確定好背景畫面,按鈕動作等等。

▍互動頁面的設計-導覽按鈕很重要2013-06-30 製作燒錄選單 (17)

不過在此Jackie還是強調一下,因為多個頁面的關係,導覽按鈕變得非常重要,如果忽略很容易讓使用者迷路。

現在老師先選擇背面按鈕(如果你有套用範本的話)-滑鼠右鍵-編輯

2013-06-30 製作燒錄選單 (18)

一般導覽按鈕所賦予的任務會有「回首頁」、「回上一頁」、「到下一頁」、「到指定頁面」、「結束程式」等等,這幾個主要功能都可以透過按鈕的動作頁面來達成。例如我們可以把剛剛背面按鈕改為「回到首頁」,並在「變更啟動頁面」中指定為「返回主頁面」

2013-06-30 製作燒錄選單 (20)

我們也可以自訂按鈕後,直接指定連結的子頁面,點擊變更啟動頁面中,會有各個頁面名稱供選擇。

▍Jackie老師碎碎念

這應該是Jackie使用過最簡單燒錄的光碟互動選單了,完全不需要碰程式語法。下次想將老師們的自製教學媒體送件時,就可以透過這種看起來很專業的方式來呈現囉。

張貼留言

0 留言