電子書連結教學講義

電子書補充資料

報告:王銘滄 1

2

3

全美 90％出版商撐腰 蘋果發表全方位教育應用 記者湯蕙如／綜合報導

圍繞在電子書、數位創作、數位

果 在 美 國 當 地 時 間 19

教育等內容，甫登台就宣示蘋果

日 舉 辦 的 發 表 會 上，

要重新塑造教科書的定義，擺脫

一如外界先前預測以教育內容

教科書過去沈重、昂貴的樣貌。

為 主， 一 連 發 表 iBook 2、iPad

發表內容主要訴求裝置為 iPad。

蘋

Author 以及自 iTunes 獨立出來

根據蘋果提供的數據統計，現

的 iTunes U 等，訴求次世代的閱

有 150 萬台 iPad 產品作為教育用

讀體驗，透過 iPad 就能完成的寫

途，超過 2 萬個 iPad 專用教育與

作體驗，更被寄望未來能取代體

學習應用程式，有 1000 所大學已

積沈重、缺乏互動且昂貴的傳統

經採用 iTunes U，並有超過 7 億

教科書。

件 iTunes U 內容被下載。（附帶

發表會由蘋果資深全球行銷副

一提，蘋果還強調 iPad 在去年底

總裁 Phil Schiller 挑大樑，內容

的聖誕商戰期間，高居小朋友最 想要的禮物）

iBook2：重塑傳統書籍的新閱讀理念 以 進 階 版 亮 相 的 iBook2，

力，或是搭配內容提供的趣味

重新定義現有蘋果的書報攤形

問答，也能讓讀者自行撰寫筆

式，快速閱讀，夠過軟硬體整

記或心得，將摘要寫在 3x5 的

合，提供能在任意時刻暫停觀

小卡上面。徹底顛覆傳統印刷

看細節，除支援影音內容，更

書籍只有平面的內容。

可觀看 3D 模組的動畫呈現等能

4

iBooks 2 除支援在 iPad 上使

用觸控手勢瀏覽多媒體內容，同

音在內的內容編輯，支援 HTML

時包括傳統閱讀方式，具備目錄、 5 與相關語法擴充，可於 iPad 展 字詞查詢，全文搜尋功能。可使

示預覽，將會在 iBookstore 上釋

用手指畫標線，也能改顏色，不

出。iBook Author 為 MAC OS X

管是標線或是字條註解，都可以

軟體，使用者可於 App Store 免

另外成裡，或變成一張 3x5 吋的

費下載。

學習卡，提供更有效的學習。檔 案約在 800MB ～ 2 GB 左右。

創作者於蘋果平台發表的書籍 內容，將與 App 一樣受到蘋果上

如同 App Store 一般，出版商

架審查過程，可以免費提供書籍，

或作者可持續更新書籍內容或進

但價格上限是 14.99 美元（價格

行上架。另外，蘋果新增教科書

跟 Textbook 相 同 ）， 銷 售 收 入

（Textbook）分類，也會開始販

可保留 7 成，3 成為蘋果收取。

售教科書內容，以高中為例，每

最後登場是自 iTunes 獨立出

本約為 14.99 元或更低。目前已囊

來 的「iTunes U」， 維 持 一 貫 的

括包括 Pearson、McGraw Hill、

教育導向，提供教師與學生進行

Houghton Migglin Harcourt

在

課業互動，像是課程資料、通知

內，總計約全美教科書的 90％ 出

訊息、作業等，也能上傳教學影

版商。使用者於初次購買書籍後， 片供其下載。 將可免費獲得未來的更新內容。

原 文 網 址 : 全 美 90 ％ 出 版

為了刺激創作者與出版商更積

商 撐 腰 蘋 果 發 表 全 方 位 教

極的投入創作與發行，同場發表

育 應 用 ( 第 3 頁 / 共 3 頁 )|

了 iBook Author，一個免費且更

3C 新 聞 | NOWnews 今 日 新

有效率的電子書製作工具。內建

聞

多款客製化的範本，使用者可直

com/2012/01/20/339-2778366_2.

接拖曳 Word 或 Keynote 檔導入

htm#ixzz1jxtZZvkP

網 http://www.nownews.

並排版，也可內嵌包括照片、影

5

6

7

8

9

10

11

adobe教育版簡介 1.教育版只在網路上購買 2.準備:學生證影本,註冊三聯單收據,成績單(證明在學中) 3.或是教師證,掃描至adobe取得啟動碼 4.光碟上的序號只有30天的使用權限 5.一套軟體只限安裝兩次,要做ghost

12

編一本書

走出平面 玩電子書

097

CS5

我是

可以上網喔！ ‘建立超連結’ 稿件當中若有部份的圖片或文字需要引經據典，增加可信度及參考價 值，可以利用「超連結」製作互動連結。

善加利用Indesign內建美麗的按鈕，視窗清 單下的「樣本按鈕」浮動面板。

直接拖拉即可使用。

098

編一本書

選擇「連結至」下拉式選單的 再新增一個矩形範圍，這一次連結至作 者的部落格。

「共用目的地」 ，在名稱欄位輸 入網站位置。

轉存互動式p d f 時，您以Indesign 完成的稿件也可如 D r e a m w e a v e r網頁 軟體一樣的進行超 連結。

099

CS5

我是

這個按鈕是要連結至outlook 選擇「電子郵件」地址前請多加 mailto:

「矩形工具」拖拉一個矩形範圍保持選取狀態，使用 「超連結」浮動面板右上角三角形下拉式選單的「新增 超連結」 。

在I n d e s i g n即可 先行檢視連結是否成 功。 選 取「超 連 結」浮 動面板上完成的「超 連結」 ，按左下角右箭 頭符號跳至「超連結 目的地」 ，即可進行連 結驗收成果。

100

編一本書

酷的方還不止於此，視窗清單下的「互動/預視」出現的對話 框即可呈現頁面，滑鼠移至有做超連結的部分立即出現掌形圖 案，並且可以跳至超連結目的地。

101

CS5

我是

和客戶 ‘共享我的螢幕’ 我們做好的稿件要傳送給客戶校對，最常見的就是mail一封轉存pdf或 jpg檔案，若是要到客戶端做簡報不外乎燒張資料光碟、隨身碟之類的媒 介，從現在起使用者又多了一項選擇，上傳檔案隨時地共享螢幕吧。

共享我的螢幕之前， 當然是為自己的I n d e s i g n CS5建立帳號密碼。

輸入Email、密碼等資本資料

102

編一本書

進入分享出來的螢幕資料

點擊檔案名稱即可進入分享出來的資料，這些資料要如何分享呢?接下來有詳細 的介紹。

103

CS5

我是

‘建立新審核’ 這是C S5新增的功能，可以讓您的稿子公布在網路上交流討論甚至達 到廣告宣傳的效果，簡單的說：就是增加稿子的互動性。

不可不知

行前準備 閃燈 圖:高智傑

時間:

帽子

觀察生態最理想的季節:3-10月,有將近半年的 時間,有心觀察的話,可以從幼蟲到成蟲以至交尾 做一個完整的紀錄。

照相機

為什麼說早起的鳥兒有蟲吃？ 一天的時間:早上天亮到中午前，下午三點

袖套

到五點天黑前。 下面過後是蟲子出洞尋找食物的時間點。

服裝:

隨身物品

三角架

帽子 ●請穿長袖長褲，即便穿短袖也請戴 袖套，以避免蚊蟲叮咬。 ●可能的話打綁腿可以避免小黑蚊叮咬腿部其

綁腿，防止小黑蚊進入小腿

他毒蟲傷害。 ●穿一雙球鞋比穿皮鞋、高跟鞋更容易行走，預防受傷。

登山鞋或球鞋，不要穿涼鞋

●請勿噴灑防蚊液，防蚊液的味道可能讓你很難找到其它蟲蟲。 ●家長請勿化妝，化妝品的味道可能招來蜜蜂的親吻而造成傷害，來到自然公園請以素 顏自然的裝扮親近綠地。

相機: 傻瓜相機也可以紀錄生態，專業配備保留到室內課程介紹。

其它: 自備水壺及小護士。

這是使用傻瓜相機拍攝的作品

4

這是文化大學推廣部夏令營戶外課的行前教育，為 了加強宣導我把這張稿子貼到網路上增加互動性。

104

編一本書

首先，您必需登錄Adobe的帳號及密 碼，經過登錄後會產生新的對話框。

「建立新審核」為上傳的稿件命名， 按確定鍵。

建立新審核之前會提示您另存一個新檔。

105

CS5

我是

上傳前的基本設定。

上傳後產生的浮動面板。

滑鼠移至預覽圖基 本資料示出現稿件。

106

編一本書

完成的浮動面板出現兩個斜形 箭頭，或者按右上角三角形內的下 拉式選單，都是連結到網路參與互 動討論，恭喜您進入最後的階段 了。

107

CS5

我是

離開IE一段時間之後會 進入休眠狀態，請您重新 輸入一次密碼登錄。 進入畫面按 按「Add Comment」鍵出 現的對話框是不是和M S n 一樣好玩呢?

完成的對話框完成的對 話框將會出現在畫面的右欄 位置，為您的稿件建立互動 性。

108

編一本書

迎接電子書 ‘轉存EPUB’ 小至手機、iPad大至電腦螢幕，電子書儼然已是不可擋的趨勢，由於 pdf已經是相容性最高的平台，Adobe提供免費閱讀器軟體，且讓我們下 載來試試看。

電子書的閱讀器請至adobe下載軟體。 下載完成後桌面 的替身。

輸入關鍵字e p u b或d i g i t a l

109

CS5

我是

作品轉存至E P U B或p d f檔， 拖拉至digital editions頁面即 可閱讀電子書。

自訂符合

符合寬度 符合單頁

110

符合雙頁

書籤 全部收合

建立書籤

跳至閱讀檢視

目錄

列印

跳至圖書館檢視

全部展開

編一本書

電子書的翻頁 ‘頁面切換效果’ 讀者當中有可能已經是電子書的使用者了，一部份電子書需要特定閱 讀器配合，一部份可以在IE瀏覽器下閱讀， 「頁面切換效果」是CS5和電子 書具有相同功能利器。 最酷最炫的地方就是轉存後經過I E即可進行瀏覽，不用再下載任何閱 讀器，增加客戶及讀者使用的便利性。

使用頁面浮動面板右上 角下拉式選單的「頁面切 換效果/選擇」 。

出新的對話框勾選「翻頁」 ，頁面 浮動面板會出現小符號。

111

CS5

我是

這些新奇的特異功能平面印刷的紙本書 是看不到的，必需轉存動畫檔。 檔案清單下轉存S W F檔，您可以先行使用 內建的項目逐一按確定鍵。

轉存後產生的檔案

112

編一本書

轉存成功的SWF檔在IE即可翻頁瀏覽，酷吧！

113

CS5

我是

在indesign玩 ‘動畫’ 傳統紙本書彷彿已經不能滿足電子書時代的要求，無論是書籍或是商 業型錄廣告，動態才能因應時代潮流滿足讀者與消費者日益重口胃的要 求。 在Indesign製作動畫沒有複雜的語法或指令，內建的選單大多能滿足 使用者的需求，您想到的Indesign也幫您準備好了。

請在視窗清單的「互動」叫出「動畫」浮動面 板。

114

走出平面

置入準備製作動畫的 圖像，和平面稿一樣用 「置入」的方式即可。

按一下這個符號，面板上方的 蝴蝶發行路徑就是的就是選單的 移動方式。

圖件保持選取狀態， 點 一 下「動 畫」浮 動 面 板下拉式選單時您將會 發現動態的選項非常豐 富。 選擇好動態方式之後 的圖件，在選取狀態下 會出現動態路徑(綠色 線)，也就是實際播放 時的路徑。

115

CS5

我是

這是一完整的稿子有底圖、動畫及文字，整張完稿請轉存SWF動畫檔。

您也可以叫出預視浮動 面板，預覽實際圖形的動 態表現。

116

編一本書

轉存成功的檔案會有h t m l及s w f兩種格 式，請雙響html檔即可在IE瀏覽器播放。

CS5

我是

光與影的遊戲 對我來說，眼前出現的靜物和拍攝動態中的飛羽一樣困難，生態攝影經常是長時間的守 候只為了等待獵食瞬間的畫面。而「光影」等待的是上帝賜給我的一道光，還有心像造型 出現在我眼前造成的感動。 首先要有很強烈的陽光和接近幾何的主體，因為越接近幾何越抽象，有時甚至叫人認不 清楚到底是什麼東西？ 雖然現代數位相機的D-Range Optimizer 可以設定降低逆光造成的反差，如果能在強烈 光線狀態下拍攝逆光照片，利用高反差形成的色彩對比及線條，更能表現出攝影者慧眼獨 具的匠心。 我拍攝題材大部分的場景都是身邊極不起眼的空間或角落，經過鏡頭和強烈的逆光效果 變成如詩如畫一般的影像作品。 記得25年前(民國69年)剛入行時，歐洲某一燈廠的廣告標語：「上帝創造光源，BXXXX 改變光源」。我認為利用光源的變化讓剎那間的永恆定格，就是透過鏡頭捕捉心靈觸動!!光 與影本來就是攝影的精髓。 在即將邁入知天命的日子裡，決定整理這些作品為自己多年來的攝影創作留下一點記 錄，也算做一個階段性的總結。

indesign 084

117

CS5

我是

綜合頁面切換效果+動畫會是什 麼樣的效果。 你可以在整本書完成之後在頁 面浮動面板作「綜合頁面效果/翻 頁」 ，記得轉存SWF檔。

118

走出平面

形

攝影

色

preface

與

攝影圖文集

光與影的遊戲 我來說，眼前出現的靜物和拍攝動態中的飛羽一樣困

對難，生態攝影經常是長時間的守候只為了等待獵食瞬 間的畫面。而「光影」等待的是上帝賜給我的一道光，還 有心像造型出現在我眼前造成的感動。 首先要有很強烈的陽光和接近幾何的主體，因為越接近 幾何越抽象，有時甚至叫人認不清楚到底是什麼東西？ 雖然現代數位相機的D-Range Optimizer 可以設定降低 逆光造成的反差，如果能在強烈光線狀態下拍攝逆光照 片，利用高反差形成的色彩對比及線條，更能表現出攝影 者慧眼獨具的匠心。 我拍攝題材大部分的場景都是身邊極不起眼的空間或角 落，經過鏡頭和強烈的逆光效果變成如詩如畫一般的影像 作品。 記得 25年前(民國69年)剛入行時，歐洲某一燈廠的廣告 標語：「上帝創造光源， BXXXX 改變光源」。我認為利用 光源的變化讓剎那間的永恆定格，就是透過鏡頭捕捉心靈 觸動!!光與影本來就是攝影的精髓。 在即將邁入知天命的日子裡，決定整理這些作品為自己 多年來的攝影創作留下一點記錄，也算做一個階段性的總 結。

2008.3

台北大安公園 SONYα100/500mm Reflex

014

影

一場光與

的邂逅

015

當您翻頁到有動畫的頁面時，可以看到 動畫正在眼前不停的播放著，請打開隨書 附贈光碟，檔名「完稿-3.html」親自體驗。

119

CS5

我是

‘影音效果’跟我作 除了作簡單的動畫，您也可以將拍好的影片置入成 為影音書。當您安裝I n d e s i g n的同時也安裝了M e d i a Encoder，這是一個轉檔的小軟體。

我是用傻瓜相機拍了一小 段影片，但是Indesign並不 支授m o v、a v i格式，您必需 打開Media Encoder新增mov 格式。

再將原來的影片另存f4v 格式。

 I n d e s i g n不接受f4v以外的格

120

編一本書

製作影音稿比想像的容易，以置入的方式叫進f4v影片檔， 這個檔和一般的jpg圖片一樣，有一張圖像呈現在畫面上。

按此鍵即可預覽。

視窗清單下的「互動/媒體」叫出浮 動面板，影片縮圖會出現在預檢視

一定要勾選，播放

窗，這時候表示您的步驟都是正確

時產生顯示控制器材。

的，配合文字就像是一般完稿一樣 的，轉存S W F檔之後就是一個有影音效 果的電子書了。

121

CS5

我是

滑鼠移至影片時才 會產生顯示控制器。

兵，後面15年退休養老，中間的40年幾乎占滿了整個

今年許多事情都是在無意間完成的。 首先是在文化大學推廣部教授Indesign、Illustrator

工作歲月。而這30年當中經歷鉛字排版、手工貼版到

課程，二是開了生平第一次的攝影展，三是嘗試就將

電腦完稿再迎接即將到來的電子書無役不與，自己可

授課內容集結成書，將這30年的經驗分享給讀者。

以稱得上資歷完整的美編史。

民國69年7月離開學校之後，經由老師介紹來到一

Indesign總結過去的QuarkXpress、Pagemaker等

家專業的美術雜誌學習美編，其實做美編並不在當時

軟體，並結合影像(Photoshop)、繪圖(Illustrator)等功

的人生規畫。熱愛影像的我，學習攝影才是第一選

能增加操作靈活度及便利性，大大提升設計者的創意

項，雖然中間幾年也做了攝影但累計至今年 ( 民國 99

並且縮短工時流程。電子書也包括在這次CS5改版的

年)7月，美編生涯一轉眼屆滿30年。

重點。

30 年，以一個人生計算，扣除前面 20 年的求學當

Indesign其實就是結合文字與圖片在一個版面上的 軟體，整合創意將圖文實踐於紙面上，因此本書將有 部分跨越至其他軟體以至印刷，幫助 讀者了解印前印後作業的完整性。 我苦心經營Illustrator、攝影多年， 卻在無心插柳的情況下在文大推廣部 與眾多朋友一起分享Indesign，這本書 就當做是30年美編的一個禮物吧。

完成的作品轉存S W F檔， 產生的檔案格式。

122

編一本書

為文件 ‘建立書籤’ 書籤是包含文字的連結性，這種效果在紙本書是用不到的但是轉存互 動PDF時，您建立的書籤會呈現在Acrobat視窗左側的書籤索引標籤處。 書籤會跳到文字位置或頁面。 這項功能可以引導讀者閱讀重點，並簡化閱讀時間。

請在視窗清單的「互動」叫出「書籤」浮動 面板。

 使用「文字工具」選取一段文字，使用 「書籤浮動面板」右上角下拉式選單的「新 增書籤」，如右頁的文字稿以黃色標記的段 落。 我選取了兩段文字， 「書籤浮動面板」會 同時出現預視文字。

123

CS5

我是

形 色 與

影的邂逅

一場光與

第一天當暗房助理開始，就知道自己不會是 最頂尖的攝影師，當兵前、退伍後拍了近5年 的商業攝影，之後當了攝影逃兵改行當美編一做就是 30年，不變的是相機還是每天在玩...

從

這當中最大的轉變就是從銀鹽底片換成數位相機， 從200萬、300萬到1000萬像素，一路拍一路換相 機...簡直就是在燒錢嘛！這麼多年來沒有因為自己不 是攝影師而澆熄對攝影的熱情。 一條幾公克項鍊掛在脖子上有多重？我覺得很重。 一台單眼相機加鏡頭有多重？大概一公斤左右，掛在 脖子上很輕鬆自然，注定是玩攝影的人。 按了這麼多年的快門多了一分思考，既然自己不是 T O P1總要來一點不一樣的東西呈現出來吧，那就來 一場光與影的邂逅吧。 形與色攝影網站 http://www.illustrator.url.tw/image44-p.htm

務必勾選「建立標籤化」。

124

轉存互動式PDF檔才有效。

編一本書

形

色

這本書 introduction

與

攝影圖文集

形 色 與

影

一場光與 的邂逅

第一天當暗房助理開始，就知道自己不會是最頂

從尖的攝影師，當兵前、退伍後拍了近5年的商業 攝影，之後當了攝影逃兵改行當美編一做就是25年， 不變的是相機還是每天在玩... 這當中最大的轉變就是從銀鹽底片換成數位相機， 從200萬、300萬到1000萬像素，一路拍一路換相 機...簡直就是在燒錢嘛！這麼多年來沒有因為自己不 是攝影師而澆熄對攝影的熱情。 一條幾公克項鍊掛在脖子上有多重？我覺得很重。 一台單眼相機加鏡頭有多重？大概一公斤左右，掛在 脖子上很輕鬆自然，注定是玩攝影的人。 按了這麼多年的快門多了一分思考，既然自己不是 TOP1總要來一點不一樣的東西呈現出來吧，那就來 一場光與影的邂逅吧。

002

003

影

一場光與 的邂逅

形

色

目錄 index

與

攝影圖文集

022 找尋人生出口

048 打開一扇窗

004

024 我的影像

052 相依

028 錯肩

054 回首

030 橘色的想像

056 並排

056 黃色鐵捲門

032 秋天的故事

064 窗外

036 三月

066 窗檽與一生

038 對話

071 歡顏

044 錯說再見

072 格子

046 旅情渾是夢

074 不設防的角落

005

影

一場光與 的邂逅

形

攝影

色

preface

與

攝影圖文集

光與影的遊戲 我來說，眼前出現的靜物和拍攝動態中的飛羽一樣困

選取書籤位置立即

對難，生態攝影經常是長時間的守候只為了等待獵食瞬 間的畫面。而「光影」等待的是上帝賜給我的一道光，還 有心像造型出現在我眼前造成的感動。 首先要有很強烈的陽光和接近幾何的主體，因為越接近 幾何越抽象，有時甚至叫人認不清楚到底是什麼東西？

連結頁面。

雖然現代數位相機的D-Range Optimizer 可以設定降 低逆光造成的反差，如果能在強烈光線狀態下拍攝逆光照 片，利用高反差形成的色彩對比及線條，更能表現出攝影 者慧眼獨具的匠心。 我拍攝題材大部分的場景都是身邊極不起眼的空間或角 落，經過鏡頭和強烈的逆光效果變成如詩如畫一般的影像 作品。 記得25年前(民國69年)剛入行時，歐洲某一燈廠的廣告 標語：「上帝創造光源，BXXXX改變光源」。我認為利用光 源的變化讓剎那間的永恆定格，就是透過鏡頭捕捉心靈觸 動!!光與影本來就是攝影的精髓。 在即將邁入知天命的日子裡，決定整理這些作品為自己 多年來的攝影創作留下一點記錄，也算做一個階段性的總 結。

台北大安公園 SONYα100/500mm Reflex

014

影

一場光與 的邂逅

015

在A d o b e R e a d e r或A c r o b a t開啟P D F 時，書籤會出現在左上角「書籤」索引標籤 中。

125

CS5

我是

建立一個多狀態物件原地切換圖片或文字 1. 請將準備好的圖片或物件使用對齊 工具的「水平 / 垂直」對齊。

1 2. 視窗 / 互動 / 物件狀態開 啟 面 板， 按「 新 增 狀 態 」 會產生狀態列。

3

命名按 enter 3. 選取最底部的狀態列， 按「物件 狀態」面板下拉式清單的「將選取 範圍轉換為狀態物件」。

2 126

編一本書

製作左右按鈕 4. 畫一個三角形，一個朝右一 個朝左。 5. 選取朝右三角形，使用 「物件 / 互動 / 轉換為按 鈕」。

5. 顯示按鈕面板。選擇「跳至下一個 ( 或上一個 ) 狀態」按 enter。

6. 按 + 號選擇項目。

6. 可先經由視窗 / 互動 / 預視面板預覽，測試按 鈕效果， 或將稿件轉存 swf 檔格式驗收。

127

CS5 新增超連結

我是

視窗 / 互動 / 超連結

準備好連結的圖形 , 超連結右上角 三角形下拉式選單 / 新增超連結

128