Chapter 03 - Fixed-layout功能介紹-1

此篇章介紹功能如下 :

 1.文字盒  

2.圖片盒

3.音樂盒

4.影片盒

3-1文字方塊

3-1-1文字框

(C)面版列

位於左方的功能列，主要掌管以下功能

1.點選       ，工作區建立文字框

2.文字框可由四頂點拖曳拉尺寸，或是點選         開啟物件屬性面板，先點文字框一下，再從物件屬性輸入寬度/高度的數值。

3.點擊文字框貼入文字，若內容超過文字框尺寸，系統將自動生成文字流

3-1-2 文字樣式面板

1.點選        ，開啟文字樣式面板。為不影響讀者下載速度，Publisher不支援字型設定，呈現以讀者載體的預設字型為主。

2.更改文字樣式請點擊文字框，反白欲修改的文字，在文字樣式面板選擇套用。

3.文字樣式面板使用概念以Microsoft Word舉例：

Tips : Reflowable的文字可由reader自行放大縮小(因此每個載體皆不同)，Fixed layout的文字不行。

Tips : 文字樣式可匯出給另一本書使用，於檔案/匯出/匯入CSS，設好的文字樣式即可套用。

3-1-3 文繞圖

1.先點選文字框，再點選     ，將圖片拖移匯入。

2.於圖片上按滑鼠右鍵，可刪除圖片、編輯圖片尺寸、文繞圖。

Tips : 圖片支援jpg、png、gif (小寫副檔名)

文字框內的圖片預設將以原尺寸呈現

3-1-4 文字框設定/超連結

1.開啟物件屬性面板

2.文字框尺寸、整體透明度、背景顏色等可在物件屬性面板做設定。

3.文字框亦可播放音樂(無法點擊單一字詞進行播放)

於「+」匯入音樂檔，下拉式選單選擇音樂，最後在此條列左方的小框內打勾後存檔即可。

3-1-5 設文字內/外部鏈結

1.開啟物件屬性面板，選擇超鏈結。

2.先設定連接的頁面或絕對網址。

3.反白欲做為超連結的文字，物件屬性面板選擇「Apply」。

3-2 圖片

3-2-1 圖片盒

1.點選     ，將圖片素材拖曳進入。

2.圖片可由四頂點拖曳拉尺寸，或是點選      開啟物件屬性面板，先點圖片一下，再從物件屬性輸入寬度/高度/透明度等數值。

3.經由       物件屬性面板可做播放音樂、切換頁面等設定。

Tips :工作區尺寸=768x1024

背景滿版建議製作尺寸=1536 x 2048

支援jpg、png、gif (小寫副檔名)

3-2-2 圖片執行動作

點選     ，開啟物件屬性面板，點擊圖片將顯示物件資訊。

1.點圖播放/暫停音樂

1.點擊圖片後，物件屬性面板/執行動作/下拉選單「播放音樂」。

2.「+」匯入音樂

3.「+」左方的下拉選單可選擇匯入過的音檔，save。

2.點圖做外部超連結

1.點擊圖片後，物件屬性面板/執行動作/下拉選單「外部連結」。

2.輸入絕對網址後save。

3.點圖做內部超連結

1.點擊圖片後，物件屬性面板/執行動作/下拉選單「切換頁面」。

2.下拉式選單可選擇已建立的頁面，save。

Tips : 此功能可當作隱形按鈕使用，先設動作，再將圖片透明度設為0。

3-3 音樂控制列

1.點選   ，拖曳音檔匯入publisher。

2.畫面呈現的音樂控制列：

Tips : 僅支援mp3格式音檔，音樂控制列無法更改尺寸。

Tips : 翻頁時，音檔將暫停播放，建議將音檔以段落方式分段插入。

Tips : 使用Fixed Layout製作書籍，建議您使用按圖片播放音樂的功能，以免發生手機閱讀時，音樂控制列遮住文字/圖片的情形

3-3-1 音樂播放-開啟頁面自動播放

1.匯入音檔後，將音檔放至工作區外圍的左邊。

2.使用物件屬性   ，自動播放下拉選單選擇「是」。

3.save存檔。

Tips :自動播放→適用於播放背景樂，由於讀者換頁時將停止播放，因此不建議匯入過長的音樂。

Reflowable不提供翻頁自動播放功能。

3-3-2 音樂播放-點圖放音樂

1.方式同以圖片做為按鈕，播放音樂。可先匯入喇叭icon，點選  ，開啟物件屬性面板，點擊圖片將顯示物件資訊。

2.物件屬性面板/執行動作/下拉選單「播放音樂」。

3.「+」匯入音樂

4.「+」左方的下拉選單可選擇匯入過的音檔，save。

Tips : 使用Fixed Layout製作書籍，建議您使用按圖片播放音樂的功能，以免發生手機閱讀時，音樂控制列遮住文字/圖片的情形。

3-4 影片方塊

3-4-1 置入影片

1.點選   。   

2.先在下格放入影片，系統將自動抓取第一影格作為影片封面。您也可拉動影片的播放條選擇欲作為封面的影格，再按「抓圖」，取得封面。

若是影格中沒有封面素材，您可 選擇在匯入影片後，再由上格插入自製影片封面。

3.影片可由四頂點拖曳拉尺寸，或是點選   開啟物件屬性面板，先點影片一下，再從物件屬性輸入寬度/高度/透明度等數值。

3-4-2 影片呈現方式

不同載體看到的影片模式不同 (無論是否放入影片封面)

左：android系統在未播放前就先顯示播放控制列。

右：ios系統在未播放前，畫面中央顯示play按鈕。

兩者皆可在播放後藉由影片右下角的圖樣放大至全螢幕欣賞。

3-4-3 影片封面的應用

未播放前與背景完全融合，畫面中央顯示play按鈕

實際播放影片

Tips : 匯入後產生的影片框需與影片封面同比例才能完全吻合。此範例影片為720x480因此裁切3:2比例的圖片做為封面，匯入後的影片框尺寸設768x512 (3:2比例)，才能與背景完全融合，邊緣不產生黑邊