本書的作者分別來自學界與業界。樊榮與丁麗任教於西安歐亞學院文化傳媒學院，均為交互媒體設計師，教學與研究方向為傳媒出版、新媒體內容制作、平面與交互設計。賈皓與周循是北京北大方正電子有限公司的產品經理，在新媒體內容產品制作的功能規劃、平面設計、用戶新媒體設計培訓方面經驗豐富。 內容簡介 H5，是國內對HTML5的簡稱，這是**的網頁標準語言。H5支持豐富的媒體形式、動畫和交互行為，可形成全新的融媒體內容，使之更加符合移動時代用戶特別是年輕用戶的閱讀習慣。《H5交互融媒體作品創作》結合傳媒出版行業內容生產者的工作流程與內容特點，從專業角度對行業背景、H5技術常識、H5制作流程、H5制作規範與注意事項做講解，詳盡地剖析H5選題、策劃與制作。 本書既是方正飛翔V7.2數字版的配套教材，也可以作為網絡與新媒體、數字出版、編輯出版學、廣告學等專業“數字多媒體作品創作”課程的配套實訓教材。初入傳媒出版行業的內容生產者、新媒體領域的愛好者，翻閱本書亦可了解H5交互融媒體作品從0到1的創作過程。

• 
• 
• 
• 

第一章 H５ 作品制作準備
第一節 H５ 技術常識
第二節 H５ 作品制作的注意事項
第三節 H５ 作品的制作流程
第二章 H５ 作品的選題與策劃
第一節 怎樣纔算是一個好的 Ｈ５ 選題
第二節 如何進行 Ｈ５ 作品的選題
第三節 如何從０ 到１ 策劃 Ｈ５ 作品
第三章 H５ 作品的素材查找與加工
第一節 H５ 作品素材的查找
第二節 H５ 作品素材的加工
第三節 其他可能應用的工具推薦
第四章 H５ 作品的頁面設計
第一節 表現型字體與功能型字體
第二節 如何選擇合適的字體
第三節 文字與正文
第四節 表現型與功能型字體推薦
第五節 通過版面率、 圖版率合理安排 Ｈ５ 頁面的層次
第五章 方正飛翔數字版功能快速入門
第一節 方正飛翔數字版基礎操作
第二節 文字編輯處理入門
第三節 圖像編輯處理入門
第四節 對像操作與美工處理
第五節 文檔的打包、 輸出與發布
第六章 H５ 作品的交互設計與互動效果制作
第一節 交互設計原則與方法
第二節 互動效果的分類
第三節 基於融媒體展示的互動效果制作
第四節 基於觸摸屏操作的互動效果制作
第五節 基於傳感器的互動制作
第六節 頁面導航與操作指引
第七章 H５ 作品的測試、 發布與運營
第一節 Ｈ５ 作品的測試
第二節 Ｈ５ 作品的發布上線
第三節 Ｈ５ 作品的運營技巧
第八章 H５ 制作綜合實踐： 傳媒領域
第一節 《那些年， 我們還給老師的知識》 Ｈ５ 作品制作
第二節 《垃圾分類大作戰》 Ｈ５ 作品制作
第九章 H５ 制作綜合實踐： 出版領域
第一節 《小兔子回家啦》 Ｈ５ 作品制作
第二節 《安徒生童話博物館》 Ｈ５ 作品制作
附錄 專用名詞術語表

在進行 Ｈ５作品的制作之前，我們需要對 Ｈ５這種作品形態和相關的技術有一個基本的了解，這樣纔能更好地根據 Ｈ５的技術特點，進行作品的選題、策劃，根據 Ｈ５可以實現的交互效果進行作品的制作。在本節中，我們對Ｈ５這一名詞和作品形態的來源、Ｈ５的技術特點和優勢，以及 Ｈ５的應用領域進行介紹。
目前 Ｈ５這個名詞，已經滲透進互聯網、市場營銷、內容生產等多個領域，但對於Ｈ５ 的定義， 一直是眾說紛纭的狀態。 在進入更深入的學習之前， 我們應該對要學習的事物有一個清晰的了解， 那麼究竟什麼是 Ｈ５ 呢？如果你在國外與從事互聯網或新媒體行業的工作者談及 Ｈ５，他們甚至會沒有聽說過這個引爆中國移動互聯網的名詞！ 實際上，Ｈ５ 是中國人專用的一個名詞， 有人說， Ｈ５ 是 ＨＴＭＬ５ 的簡稱，中文意思是第五代超文本標記語言， 是一項伴隨著移動互聯網技術的興起而發展的技術標準。
但事實上， 這個說法在 Ｈ５ 這個名詞剛剛出現時， 或許是正確的， 但在２０１４ 年之後， Ｈ５ 出現在各個領域， Ｈ５ 早就超出了 “ＨＴＭＬ５ 縮寫” 這個說法的含義， 成為了一種在中國興起和流行的特殊作品形態。 現在的 Ｈ５， 又是什麼呢？
Ｈ５ 涉及 ＨＴＭＬ５ 的技術標準， 也就是說， 制作一個 Ｈ５， 需要應用到 ＨＴＭＬ５ 技術標準。 所以說到 Ｈ５ 的定義， 我們確實可以先從 ＨＴＭＬ 開始。
ＨＴＭＬ， 全稱為 ＨｙｐｅｒＴｅｘｔ Ｍａｒｋｕｐ Ｌａｎｇｕａｇｅ， 中文意思是 “超文本標記語言”。ＨＴＭＬ 由 Ｗ３Ｃ 萬維網於１９９４ 年發明， 主要作用是標記我們今天看到的大多數網頁框架， 也可以簡單地理解為， ＨＴＭＬ 標記素的一繫列位置。 隨著時間的推移，從１９９４ 年到２００４ 年， ＨＴＭＬ 進行了５ 次升級， 纔有了今天的 ＨＴＭＬ５。 在升級過程中， ＨＴＭＬ５ 中增加了新的標記， 新標記融入了瀏覽器中， 這使得瀏覽器真正擺脫了Ｆｌａｓｈ 第三方插件控制， 能夠獨立完成例如視頻、 聲效甚至是畫面的操作。 鋻於這一點， ＨＴＭＬ５ 替代Ｆｌａｓｈ， 成為了新一代的互聯網技術標準。
ＨＴＭＬ５ 實際上就是構成網頁的基礎， 它是第五代語言， 是一個用來規範網頁的技術標準。而今天的網頁， 是由 ＨＴＭＬ、ＣＳＳ、ＪＳ （Ｊａｖａｓｃｒｉｐｔ）一同編寫的。ＨＴＭＬ 控制的是網頁的素位置，ＣＳＳ控制的是美化效果，而ＪＳ 控制的是網頁的互動與動作。如果把網頁比喻成一個人，那麼 ＨＴＭＬ 就是人的骨骼， ＣＳＳ 是人的器官和血肉，ＪＳ 相當於人的動作。因此，網頁纔可以調用前端和和後端的多種功能， 實現多種互動效果， 既可以在手機上瀏覽和傳播， 也可以在平板和ＰＣ上觀看。
通過以上對 ＨＴＭＬ和網頁的了解， 我們就可以得知， 實際上現在我們說的 Ｈ５，由於通常是在移動終端上觀看的互動作品， 因此呈現為一個網頁的形態， 那麼實際上Ｈ５ 可以被理解為一個移動網頁， 它是一個集合， 除了 ＨＴＭＬ５ 技術標準以外， 還運用到了ＣＳＳ 語言、 ＪＳ 語言， 因此可以調用前端與後端功能， 實現多種動態效果和視聽效果。 Ｈ５ 是一個多項技術與技術標準的集合。 不等於以上我們談及的技術與技術標準，Ｈ５ 將每個分支都納入了一部分進來。

隨著21世紀信息技術的發展，移動互聯網的推廣應用、各類移動終端的普及、消費者閱讀行為的變化極大地促進了傳媒出版行業向新媒體化、全面數字化發展。HTML5（以下簡稱“H5”）作品，就是伴隨移動互聯網發展應運而生、在傳媒出版領域廣泛應用的一種內容形態。
第28屆中國新聞獎首次設立媒體融合獎，在第28屆、第29屆兩屆中國新聞獎的媒體融合獲獎作品中，H5作品成為獲獎作品的主要形式之一。人民日報客戶端的《軍裝照》、騰訊新聞極速版的爆款《換國旗頭像》等諸多H5作品都揭示著，無論是傳統媒體領域的內容生產，還是互聯網公司發布的互聯網新聞，都將H5作品內容生產作為一項必備工作。對於未來的內容生產者，H5策劃、設計、制作已經成為一項必備的基礎技能。
在產學研結合的背景下，對於H5作品的理論研究和制作實踐促成了本書的寫作與出版。本書的作者來自學界與業界，樊榮老師與丁麗老師，是西安歐亞學院的文化傳媒學院的教師，在傳媒出版、新媒體內容制作、平面與交互設計方面具備豐富的教學研究經驗；賈皓與周循，是北京北大方正電子有限公司的產品經理，具有新媒體內容制作產品的功能規劃、平面設計、用戶新媒體設計培訓相關的豐富從業經歷。四位作者分工不同，從不同的角度，進行教材的案例搜集與內容撰寫。本書的第一章至第三章、第五章，由賈皓撰寫；第六章第二節至第六節、第七章、第八章、第九章，由丁麗老師撰寫；第四章與第六章第一節由周循撰寫；全書由樊榮老師提供框架結構與理論指導。可以說，本書融合了學界、業界兩種不同角度，結合了理論與實踐，是一本包含了豐富的案例解析、理論指導、實踐詳解的H5策劃與制作指南。
哪些讀者適合閱讀本書？
本書定位於為內容生產者講解H5選題、策劃、制作的方法與技巧，雖然是作為方正飛翔V7.2數字版的配套教材，但本書不是一本單純的產品說明手冊和產品使用指南，而是結合新聞出版行業內容生產者的工作流程與內容特點，從專業角度出發，針對行業背景、H5技術常識、H5制作流程、H5制作規範與注意事項，詳盡剖析H5選題、策劃、制作的實用型指南。
本書主要面向高校新聞傳播、網絡與新媒體、數字出版、廣告類相關專業院校，是一本涉及數字內容、新媒體策劃、媒介技術等課程的實訓教材，主要面向有志於進入傳媒出版行業的學生，以及從事相關專業教學與科研的教師。除此之外，本書也面向傳媒出版行業的內容生產者，以及新媒體領域的業餘愛好者。
本書的主要內容是什麼？閱讀本書，讀者可以獲得何種收獲？
本書定位於為內容生產者講解H5選題、策劃、制作的方法與技巧，分成不同的章節對相關內容進行講解。各個章節的主要內容介紹如下：
第一章“H5作品制作準備”作為入門章節，首先介紹了H5技術常識，以及在制作H5作品之前應該了解的事項與規範，最後介紹了H5作品的制作流程，為此後的選題、策劃和制作提供知識基礎。
第二章“H5作品的選題與策劃”主要回答了三個問題，即“怎樣纔算是一個好的H5選題”“如何進行H5作品的選題”和“如何從0到1策劃H5作品”，結合經典案例和最新案例，介紹了H5選題的基本原則、方法與形成完整H5策劃的方法。
第三章“H5作品的素材查找與加工”主要介紹了制作H5需要用到的圖片、音頻、字體等素材的查找方式與渠道，以及H5素材加工和預處理工具和方法。
第四章“H5作品的頁面設計”主要介紹了H5作品的平面設計技巧，主要包括文字排版的原則、規範和注意事項，圖片的使用與規範，版面結構，色彩搭配等方面的內容，結合方正飛翔數字版的操作，描述了如何達到頁面設計的相應效果。
第五章“方正飛翔數字版功能快速入門”概述了方正飛翔數字版的基礎操作，介紹了文字、圖像的編輯處理方法，新建與保存飛翔工作文件的方法，幫助讀者了解。