跨平台網頁設計與動畫製作超活用: Google Web Designer完全視覺化開發速成: HTML5的網頁設計新神器 | 誠品線上

跨平台網頁設計與動畫製作超活用: Google Web Designer完全視覺化開發速成: HTML5的網頁設計新神器

內容簡介

內容簡介 誰說製作HTML5內容就一定要寫程式？網頁設計新神器Google Web Designer就是要讓創意者、設計人或初學者不必撰寫任何程式碼，就可以運用HTML5技術，縮短製作時程，打造跨平台互動廣告、動畫與網頁！市場上有太多的平台、瀏覽器及裝置，HTML5成為跨平台的最佳利器，但少了可簡化HTML5開發程序的工具。現在，Google推出的Google Web Designer，具有繁體中文版，讓許多人不用寫程式，也能透過視覺化的介面輕易製作出跨平台的動態內容，如互動廣告、動畫應用，以豐富網站，是設計師、動畫師或初學者絕對可以運用的強力工具。本書人人都適用，提供Google Web Designer的操作介紹，與貼近生活應用的範例，並附加申請免費網頁空間、QR-Code製作，以及利用YouTube製作與剪輯影片等加值內容，學習製作符合潮流且能跨平台的閱讀內容，並使網站呈現出與眾不同的效果。

作者介紹

作者介紹 ■作者簡介呂國泰吳佳霖

產品目錄

產品目錄 01 Google Web Designer與HTML51.1 網頁面臨問題 1.2 HTML5的到來1.3 Google Web Designer介紹1.4 下載與安裝02 基本介紹2.1 可建立的專案類型2.2 操作介面2.3 設定環境2.4 預覽與發佈03 工具的使用與屬性面板3.1 可使用工具介紹3.2 選取範圍工具的使用3.3 3D物件旋轉工具與轉譯工具3.4 標記工具與屬性3.5 繪圖工具與屬性3.6 文字工具與屬性3.7 填滿工具與屬性3.8 3D旋轉中心3.9 使用CSS面板變更樣式3.10 認識頁面04 互動元件4.1 介紹4.2 輕按區域4.3 手勢4.4 按鈕輕按通話4.5 滑動式圖片庫4.6 輪轉式圖片庫4.7 360度圖片庫 4.8 影片4.9 YouTube4.10 地圖4.11 iFrame05 動畫5.1 快速模式5.2 快速模式動畫練習5.3 進階模式5.4 進階模式動畫練習5.5 關於加減速06 添加事件、標記、標籤6.1 將事件新增至元件6.2 將事件標記和事件標籤新增至時間軸6.3 事件與標籤組合練習07 範例實作：商品介紹7.1 建立新檔案7.2 新增頁面7.3 頁面一製作7.4 頁面二製作7.5 頁面三製作7.6 發佈專案08 範例實作：圖片控制8.1 建立新檔案8.2 大圖素材佈置8.3 小圖素材佈置8.4 新增小圖的控制事件8.5 大圖的進階設定8.6 增加向左與向右按鈕控制8.7 發佈專案09 範例實作：3D賀卡9.1 建立新檔案9.2 Banner page頁面素材佈置9.3 Expanded page頁面素材佈置9.4 Expanded page頁面卡片旋轉動畫設定9.5 時間軸事件設定9.6 發佈專案10 網頁空間－Lionfree10.1 何謂網頁空間10.2 免費虛擬主機Lionfree介紹與註冊10.3 網頁上傳11 QR-Code製作11.1 QR-Code介紹11.2 關於QR-Hacker11.3 QR-code製作11.4 掃描QR-code12 利用YouTube製作與剪輯影片12.1 關於YouTube Video Editor12.2 商品之影片設計12.3 影片與照片之剪輯

商品規格