本書有DRM加密保護,需使用HyRead閱讀軟體開啟
  • 跨平臺網頁設計與動畫製作超活用:Google Web Designer完全視覺化開發速成
  • 點閱:909
  • 作者: 呂國泰, 吳佳霖著
  • 出版社:碁峰資訊
  • 出版年:2015[民104]
  • ISBN:978-986-347-789-1 ; 986-347-789-3
  • 格式:PDF
  • 版次:初版
  • 附註:原紙本書ISBN:9789863475682 本電子書含光碟資料,購買/借閱後至個人書坊下載(租書不含光碟資料)

【本電子書含光碟資料,購買/借閱後請至個人書房下載】

內容簡介

誰說製作HTML5內容就一定要寫程式?
網頁設計新神器Google Web Designer就是要讓創意者、設計人或初學者不必撰寫任何程式碼,就可以運用HTML5技術,縮短製作時程,打造跨平台互動廣告、動畫與網頁!

市場上有太多的平台、瀏覽器及裝置,HTML5成為跨平台的最佳利器,但少了可簡化HTML5開發程序的工具。現在,Google推出的Google Web Designer,具有繁體中文版,讓許多人不用寫程式,也能透過視覺化的介面輕易製作出跨平台的動態內容,如互動廣告、動畫應用,以豐富網站,是設計師、動畫師或初學者絕對可以運用的強力工具。

本書人人都適用,提供Google Web Designer的操作介紹,與貼近生活應用的範例,並附加申請免費網頁空間、QR-Code製作,以及利用YouTube製作與剪輯影片等加值內容,學習製作符合潮流且能跨平台的閱讀內容,並使網站呈現出與眾不同的效果。

  • 01 Google Web Designer 與 HTML 5(第1-1頁)
    • 1.1 網頁面臨問題(第1-2頁)
    • 1.2 HTML 5 的到來(第1-2頁)
    • 1.3 Google Web Designer 介紹(第1-4頁)
    • 1.4 下載與安裝(第1-6頁)
  • 02 基本介紹(第2-1頁)
    • 2.1 可建立的專案類型(第2-2頁)
    • 2.2 操作介面(第2-10頁)
    • 2.3 設定環(第2-12頁)
    • 2.4 預覽與發佈(第2-15頁)
  • 03 工具的使用與屬性面板(第3-1頁)
    • 3.1 可使用工具介紹(第3-2頁)
    • 3.2 選取範圍工具的使用(第3-2頁)
    • 3.3 3D 物件旋轉工具與轉譯工具(第3-9頁)
    • 3.4 標記工具與屬性(第3-12頁)
    • 3.5 繪圖工具與屬性(第3-14頁)
    • 3.6 文字工具與屬性(第3-21頁)
    • 3.7 填滿工具與屬性(第3-23頁)
    • 3.8 3D 旋轉中心(第3-25頁)
    • 3.9 使用 CSS 面板變更樣式(第3-28頁)
    • 3.10 認識頁面(第3-31頁)
  • 04 互動元件(第4-1頁)
    • 4.1 介紹(第4-2頁)
    • 4.2 輕按區域(第4-2頁)
    • 4.3 手勢(第4-8頁)
    • 4.4 按鈕輕按通話(第4-11頁)
    • 4.5 滑動式圖片庫(第4-13頁)
    • 4.6 輪轉式圖片庫(第4-16頁)
    • 4.7 360 度圖片庫(第4-19頁)
    • 4.8 影片(第4-22頁)
    • 4.9 YouTube(第4-24頁)
    • 4.10 地圖(第4-27頁)
    • 4.11 iFrame(第4-30頁)
  • 05 動畫(第5-1頁)
    • 5.1 快速模式(第5-2頁)
    • 5.2 快速模式動畫練習(第5-5頁)
    • 5.3 進階模式(第5-20頁)
    • 5.4 進階模式動畫練習(第5-24頁)
    • 5.5 關於加減速(第5-31頁)
  • 06 添加事件、標記、標籤(第6-1頁)
    • 6.1 將事件新增至元件(第6-2頁)
    • 6.2 將事件標記和事件標籤新增至時間軸(第6-6頁)
    • 6.3 事件與標籤組合練習(第6-9頁)
  • 07 範例實作:商品介紹(第7-1頁)
    • 7.1 建立新檔案(第7-2頁)
    • 7.2 新增頁面(第7-3頁)
    • 7.3 頁面一製作(第7-4頁)
    • 7.4 頁面二製作(第7-12頁)
    • 7.5 頁面三製作(第7-18頁)
    • 7.6 發佈專案(第7-26頁)
  • 08 範例實作:圖片控制(第8-1頁)
    • 8.1 建立新檔案(第8-2頁)
    • 8.2 大圖素材佈置(第8-3頁)
    • 8.3 小圖素材佈置(第8-4頁)
    • 8.4 新增小圖的控制事件(第8-7頁)
    • 8.5 大圖的進階設定(第8-10頁)
    • 8.6 增加向左與向右按鈕控制(第8-12頁)
    • 8.7 發佈專案(第8-15頁)
  • 09 範例實作:3D 賀卡(第9-1頁)
    • 9.1 建立新檔案(第9-2頁)
    • 9.2 Banner page 頁面素材佈置(第9-3頁)
    • 9.3 Expanded page 頁面素材佈置(第9-5頁)
    • 9.4 Expanded page 頁面卡片旋轉動畫設定(第9-11頁)
    • 9.5 時間軸事件設定(第9-13頁)
    • 9.6 發佈專案(第9-15頁)
  • 10 網頁空間- Lionfree(第10-1頁)
    • 10.1 何謂網頁空間(第10-2頁)
    • 10.2 免費虛擬主機 Lionfree 介紹與註冊(第10-3頁)
    • 10.3 網頁上傳(第10-7頁)
  • 11 QR-Code 製作(第11-1頁)
    • 11.1 QR-Code 介紹(第11-2頁)
    • 11.2 關於 QR-Hacker(第11-3頁)
    • 11.3 QR-code 製作(第11-3頁)
    • 11.4 掃描 QR-code(第11-6頁)
  • 12 利用 YouTube 製作與剪輯影片(第12-1頁)
    • 12.1 關於 YouTube Video Editor(第12-2頁)
    • 12.2 商品之影片設計(第12-4頁)
    • 12.3 影片與照片之剪輯(第12-12頁)
紙本書 NT$ 350
單本電子書
NT$ 245

還沒安裝 HyRead 3 嗎?馬上免費安裝~
QR Code