數位媒體設計學程 電子書-行動學習內容的設計
- 1. 數位媒體設計學程-電子書：行動學習內容的設計 課程名稱： 電子書：行動學習內容的設計 時數：54 授課時間:每次 3 小時 地點： C305 講師： 李芸茹 聯絡資訊： 0922-970150；yunjuli@gmail.com；Skype : yunjuli ；Facebook: 素材提供： 講師自備(多種素材)或 Adobe 官方訓練書籍或國外作品 國外雜誌 2011 InDesign Magazine (講師提供 原文) 教學工具 Adobe InDesign CS5 Adobe Dreamweaver CS5 Adobe Digital Editions & Sigil Adobe Photoshop CS 5 課程簡介 2011 年新的平面排版趨勢已由傳統的靜態轉為數位形式，未來行動載具的 發行與擁有率將會與數位出版品共同生存，因此數位出版不再是一種口 號，他已逐漸改變我們的閱讀形式，在新一波的數位書籍與數位雜誌中， 各家軟體也因應趨勢而發展了各式各樣的轉檔工具，但本課程只教導在出 版界與數位出版中目前最專業的，也就是 Adobe InDesign CS5 結合數位雜誌 出版流程。無論是製作成 iPAD 數位雜誌(Wired、Living)、數位型錄、電子 書，Adobe InDesign CS5 已是設計人員蛻變成數位出版人員必備的技能基 礎。 因目前市面上在電子書製作只有一本(在 2010 年年底 香港出版)，目前透過 Google 搜尋有關電子書製作軟體，大都是在教一些轉檔類的工具，唯有資 策會/工研院與文化推廣大學有在教授此類課程，但課程總是 2-3 個月一場 且價格也貴再加上沒有 InDesign CS5 基礎的學員，上課時是無法跟上老師 的進度。本學程的優勢就是專門教導對於 InDesign 排版軟體基礎為零的同 學特別適合，18 週的課程中將涵蓋技能教學 8 週，2 週考試停課，6 週將會 全部安排範例實作到每個學員都能獨立輸出一份電子書。 課程目標 本課程針對無任何 Adobe InDesign CS5 基礎的學生(各科系都適合)或是未 來想從事數位出版的平面人員或增加第二技能的學生特別適合。 學生能學會 2011-2012 年最火熱話題(eBook: EPUB 電子書、iPAD 數位雜誌 出版、互動 PDF 文件、Flash 電子書)，將文字與平面內容全面數位化、本 課程除了在 Indesign 基礎排版加強外與 Adobe 相關軟體整合，並透過數位 出版套件不斷的練習好使學生能針對平板電腦或電子書閱讀載具(包括 iPad、HTC、ASUS )的多媒體特性出版適合的電子書。 100 年度 校園行事曆 http://info.tcu.edu.tw/hot_news/attch/1000510019/100 學年行事曆_公告版_[1.pdf
- 2. 第 1 週： InDesign CS5 基礎功能 (1/2) 大項名稱 項目名稱 工作區介紹 工作區簡介 文件顯示比例 環境選單 了解 InDesign 檢視參考線 加入文字 使用樣式、圖形、物件 設定文件 建立新文件 (PDF/Flash/iPAD/Andriod 發佈的尺寸與注意事項) 建立主板與套用主板 章節應用與頁碼編排 新增與刪除頁面 改變頁面尺寸 檢視跨頁 框架 使用圖層 文字框與圖片框的的建立與編輯 變形與對齊物件 排文 手動與自動排文 排文時建立文字框 自動建立串連文字框 編輯文字 輸入與讀入文字 尋找與變更文字與格式 個人作業或 小組作業 找一篇慈濟文章(限慈濟全球資訊網)或與配合的老師拿取資料(二者都是 要：文字、圖片、影片檔) 第 6-7 週上課使用 第 2 週： InDesign CS5 基礎功能 (2/2) 大項名稱 項目名稱 編輯文字 輸入與讀入文字 尋找與變更文字與格式 印刷樣式 調整垂直間距 更改字體與文字樣式 更改段落的對齊方式 建立首字放大 設定定位點 顏色 管理色票以及利用 Adobe Kuler 導入設計師的色票 文字與物件套用顏色
- 3. 樣式 建立與套用文字、段落與物件的樣式 從其他文件導入樣式 建立表格 將文字轉換為表格 格式化表列 製作表頭列 製作和套用表格及儲存格樣式 第 3 週： InDesign CS5 範例練習 大項名稱 項目名稱 橫幅製作 背景製作 圖形製作(圓形、心型、五角形、三角形)與應用 對話方塊、路徑文字 展覽製作 背景製作 溢排文字 複合字體 倒影文字、文字底線、文字陰影 段落嵌線 項目符號 產品介紹 文字間距設置段落縮排 段落樣式設置 輔助樣式設置 文字著重號製作 文字轉路徑的製作與應用 文字的輸入和製作 研討會活動 文字轉換為表格 儲存格的合併與刪除 表頭與表尾製作 表格線條的設置與底色的填充 文字對齊和顏色填充 多圖片置入方法 剪刀工具與鏡像轉製作 圖片的對齊和間距設置 圖片貼入範圍的應用 第 4 週： 多頁雜誌與第 1-3 週觀念再次複習 細節名稱 項目名稱 多頁雜誌 主業製作與相關觀念
- 4. 圖片的應用與頁面元素的設計 字元樣式和段落樣式的設置和應用 目錄的製作 PDF 檔的輸出和列印 第 5 週： EPUB 電子書觀念講解與學員作業公告 細節名稱 項目名稱 觀念講解 EPUB 是甚麼? 目前到第幾版 EPUB 製作工具與國內外論壇 相關轉檔工具介紹 文字形式為主的 EPUB 電子書製作 圖片形式為主的 EPUB 電子漫畫書製作 Adobe Bridge CS5 在漫畫製作或圖形為主的電子書應用 轉檔工具應用與實作 (Sligi、Calibre) 電子書如何觀看與相關預覽工具 個人作業或 小組作業 找一篇慈濟文章(限慈濟全球資訊網)或與配合的老師拿取資料(二者都是 要：文字、圖片、影片檔) 第 6-7 週上課使用 第 6 週： EPUB 3.0 電子書實作 Part1 細節名稱 項目名稱 觀念講解 EPUB3.0 多媒體規範再次介紹與範例展示 EPUB 製作軟體工具再次介紹 InDesign 基本工具操作 For EPUB 製作 主版規劃、圖文輸入 文章段落、字元格式在 EPUB 如何定義 效果與物件樣式製作與 EPUB 輸出 命名注意事項 圖文資料自動合併編排 (手動與全自動差別) 用 Google 註冊 可放 EPUB 免費資源平台(國內外) EPUB 輸出並放置免費電子書平台 第 7 週： EPUB 3.0 電子書實作 Part2 細節名稱 項目名稱 工具操作 圖片與段落樣式命名 再次確認 書籍、型錄編排實做 插入 EPUB 3.0 支援的影片檔以及影片轉檔實作
- 5. 插入 EPUB 3.0 支援的聲音檔以及聲音轉檔實作 製作文繞圖於 EPUB 注意事項 學生實作(第一次) 第一本完整版 EPUB 3.0 電子書 第 8 週： EPUB 3.0 電子書實作 Part3 細節名稱 項目名稱 實作過程遭遇問題 小組討論與解決分享 學生實作(第二次) 第一本完整版 EPUB 3.0 電子書 輸出電子書並放置免費電子書平台 由組長通一收集學員電子書網址 寄給老師 由組長通一收集學員電子書完成檔 寄給老師 會將學員作品放在 iPAD ibooks 展示 學生分享想法 慈濟志業體中(人文/教育/醫療/慈善)那些可運用 EPUB 電子 書，如何運用? 學生分享想法 慈濟大學(人文/教育)那些可運用 EPUB 電子書，如何運用? 第 9 週： 期中考停課 細節名稱 項目名稱 期中考停課 第 10 週： PDF 電子書操作概念與平台介紹 細節名稱 項目名稱 PDF 電子書介紹 PDF 電子書平台介紹 國外 FREE PDF(.issue)電子書平台 (學員每個人都要註冊 用 Google or Facebook) InDesign 基本工具操作 For PDF 製作 主版規劃、圖文輸入 文章段落、字元格式在 PDF 如何定義 效果與物件樣式製作與 PDF 輸出 命名注意事項 圖文資料自動合併編排 (手動與全自動差別) PDF 書籤階層與錨點製作、PDF 跳頁與連結 學生練習 第一本雛型版 PDF 電子書 個人作業或 小組作業 確認一篇慈濟文章(限慈濟全球資訊網)或與配合的老師拿取資料(二者都是 要：文字、圖片、影片檔)第 10-14 週上課使用
- 6. 第 11 週： PDF 電子書實作 Part 1 細節名稱 項目名稱 複習第 10 週 InDesign 技巧 PDF 媒體置入技巧操作與練習 建立 PDF 選單按鈕解說與相關放大與縮小功能 實作過程遭遇問題 個人或小組討論與解決分享 學員分享 .issue 電子書平台 哪一個類別排版很清楚 學生實作(第 1 次) 第一本完整版 PDF 電子書 輸出互動式 PDF 電子書注意事項與設定 第 12 週： PDF 電子書實作 Part 2 細節名稱 項目名稱 實作過程遭遇問題 個人或小組討論與解決分享 重新複習第 11 週-PDF 媒體置入技巧操作與練習 進階技巧-PDF 媒體置入技巧操作與設計概念 學員分享 .issue 電子書平台 哪一個類別排版很清楚 學生實作(第 2 次) 第一本完整版 PDF 電子書 輸出互動式 PDF 電子書注意事項與設定 第 13 週： PDF 電子書實作 Part3 細節名稱 項目名稱 實作過程遭遇問題 個人或小組討論與解決分享 學生實作(第 5 次) 第一本完整版 PDF 電子書 輸出電子書並放置免費電子書平台 (http://issuu.com) 由組長通一收集學員電子書網址 寄給老師 由組長通一收集學員電子書完成檔 寄給老師 會將學員作品放在 iPAD ibooks & .issue.com PDF 電子書平台展示 學生分享想法 慈濟志業體中(人文/教育/醫療/慈善)那些可運用 PDF 電子 書，如何運用? 學生分享想法 慈濟大學(人文/教育)那些可運用 PDF 電子書，如何運用? 個人作業或 小組作業 確認一篇慈濟文章(限慈濟全球資訊網)或與配合的老師拿取資料(二者都是 要：文字、圖片、影片檔)第 15-17 週上課使用 第 14 週： iPAD 電子書操作概念與平台介紹
- 7. 細節名稱 項目名稱 iPAD 電子書與電子雜誌介紹 iPAD 電子書直版與橫版和行動載具置入 iPAD 電子書平台介紹 InDesign 基本工具操作 For iPAD 電子書製作 主版規劃、圖文輸入 文章段落、字元格式在 iPAD 如何定義 效果與物件樣式製作與 iPAD 輸出 命名注意事項 圖文資料自動合併編排 (手動與全自動差別) 學生練習 第一本雛型版 iPAD 電子書或 iPAD 雜誌 個人作業或 小組作業 確認一篇慈濟文章(限慈濟全球資訊網)或與配合的老師拿取資料(二者都是 要：文字、圖片、影片檔)第 15-17 週上課使用 第 15 週：ADPP 數位雜誌建置流程與 iPAD 數位雜誌輸出實作 細節名稱 項目名稱 安裝前的準備 正版並升級至 Adobe Indesign CS5 (版本 7.0.4) 安裝 Adobe Air 2.6 (會陸續更新中) 基本介紹 iPAD 數位雜誌建置流程 安裝必備工具 Digital Publishing Plug-in for InDesign V11 (2011/04 目前最新) Overlay Creator V11 (2011/04 目前最新) DesktopPreviewer-1.6.0.0.17005 (2011/04 目前最新) Adobe Digital Content Bundler V11(2011/04 目前最新) 數位雜誌內容 iPAD 雜誌版面設定注意事項 iPAD 橫版與直版的製作與檔案夾命名注意事項 Overlay Creator 應用 Hyper link、狠狠撸show、360 Viewer、Audio、Panorama、Video、Web View、 Pan and Zoom、Scrollable frames… Content Bundler 導入 ID 文件檔並透過 Content Bundler 輸出為.folio 以及 Content Bundler 介面相關解說 Desktop Previewer 將.folio 拖入至 Desktop Previewer 模擬文件在 iPAD 的展示樣貌 Desktop Previewer 介面解說 第 16 週： iPAD 電子書實作 細節名稱 項目名稱 iPAD 電子書製作技巧與上機練習
- 8. 實作過程遭遇問題 個人或小組討論與解決分享 學生實作(第 1 次) 第一本完整版 iPAD 電子書 學生分享想法 慈濟志業體中(人文/教育/醫療/慈善)那些可運用 iPAD 電子 書，如何運用? 學生分享想法 慈濟大學(人文/教育)那些可運用 iPAD 電子書，如何運用? 第 17 週： iPAD 電子書實作 細節名稱 項目名稱 iPAD 電子書製作技巧與上機練習 實作過程遭遇問題 個人或小組討論與解決分享 學生實作(第 2 次) 第一本完整版 iPAD 電子書 由組長通一收集學員電子書完成檔 寄給老師 會將學員作品放在 iPAD & Andriod 3.0 平台展示 第 18 週： 期末考 停課 細節名稱 項目名稱 iPAD 電子書製作技巧與上機練習