跨平台網頁設計與動畫製作超活用：Google Web Designer完全視覺化開發速成(HTML5的網頁設計新神器)
活動訊息
普發一萬放大術：滿千登記抽萬元好禮
全站滿$1000送100點金幣，可累送! 新會員直接領$500！
內容簡介
誰說製作HTML5內容就一定要寫程式？
網頁設計新神器Google Web Designer就是要讓創意者、設計人或初學者不必撰寫任何程式碼，就可以運用HTML5技術，縮短製作時程，打造跨平台互動廣告、動畫與網頁！
市場上有太多的平台、瀏覽器及裝置，HTML5成為跨平台的最佳利器，但少了可簡化HTML5開發程序的工具。現在，Google推出的Google Web Designer，具有繁體中文版，讓許多人不用寫程式，也能透過視覺化的介面輕易製作出跨平台的動態內容，如互動廣告、動畫應用，以豐富網站，是設計師、動畫師或初學者絕對可以運用的強力工具。
本書人人都適用，提供Google Web Designer的操作介紹，與貼近生活應用的範例，並附加申請免費網頁空間、QR-Code製作，以及利用YouTube製作與剪輯影片等加值內容，學習製作符合潮流且能跨平台的閱讀內容，並使網站呈現出與眾不同的效果。
網頁設計新神器Google Web Designer就是要讓創意者、設計人或初學者不必撰寫任何程式碼，就可以運用HTML5技術，縮短製作時程，打造跨平台互動廣告、動畫與網頁！
市場上有太多的平台、瀏覽器及裝置，HTML5成為跨平台的最佳利器，但少了可簡化HTML5開發程序的工具。現在，Google推出的Google Web Designer，具有繁體中文版，讓許多人不用寫程式，也能透過視覺化的介面輕易製作出跨平台的動態內容，如互動廣告、動畫應用，以豐富網站，是設計師、動畫師或初學者絕對可以運用的強力工具。
本書人人都適用，提供Google Web Designer的操作介紹，與貼近生活應用的範例，並附加申請免費網頁空間、QR-Code製作，以及利用YouTube製作與剪輯影片等加值內容，學習製作符合潮流且能跨平台的閱讀內容，並使網站呈現出與眾不同的效果。
目錄
01 Google Web Designer與HTML5
1.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 YouTube
4.10 地圖
4.11 iFrame
05 動畫
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 網頁空間－Lionfree
10.1 何謂網頁空間
10.2 免費虛擬主機Lionfree介紹與註冊
10.3 網頁上傳
11 QR-Code製作
11.1 QR-Code介紹
11.2 關於QR-Hacker
11.3 QR-code製作
11.4 掃描QR-code
12 利用YouTube製作與剪輯影片
12.1 關於YouTube Video Editor
12.2 商品之影片設計
12.3 影片與照片之剪輯
1.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 YouTube
4.10 地圖
4.11 iFrame
05 動畫
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 網頁空間－Lionfree
10.1 何謂網頁空間
10.2 免費虛擬主機Lionfree介紹與註冊
10.3 網頁上傳
11 QR-Code製作
11.1 QR-Code介紹
11.2 關於QR-Hacker
11.3 QR-code製作
11.4 掃描QR-code
12 利用YouTube製作與剪輯影片
12.1 關於YouTube Video Editor
12.2 商品之影片設計
12.3 影片與照片之剪輯
配送方式
-
台灣
- 國內宅配：本島、離島
-
到店取貨：
不限金額免運費
-
海外
- 國際快遞：全球
-
港澳店取：
訂購/退換貨須知
加入金石堂 LINE 官方帳號『完成綁定』，隨時掌握出貨動態：
提醒您！！
金石堂及銀行均不會請您操作ATM! 如接獲電話要求您前往ATM提款機，請不要聽從指示，以免受騙上當！
退換貨須知：
**提醒您，鑑賞期不等於試用期，退回商品須為全新狀態**
-
依據「消費者保護法」第19條及行政院消費者保護處公告之「通訊交易解除權合理例外情事適用準則」，以下商品購買後，除商品本身有瑕疵外，將不提供7天的猶豫期：
- 易於腐敗、保存期限較短或解約時即將逾期。（如：生鮮食品）
- 依消費者要求所為之客製化給付。（客製化商品）
- 報紙、期刊或雜誌。（含MOOK、外文雜誌）
- 經消費者拆封之影音商品或電腦軟體。
- 非以有形媒介提供之數位內容或一經提供即為完成之線上服務，經消費者事先同意始提供。（如：電子書、電子雜誌、下載版軟體、虛擬商品…等）
- 已拆封之個人衛生用品。（如：內衣褲、刮鬍刀、除毛刀…等）
- 若非上列種類商品，均享有到貨7天的猶豫期（含例假日）。
- 辦理退換貨時，商品（組合商品恕無法接受單獨退貨）必須是您收到商品時的原始狀態（包含商品本體、配件、贈品、保證書、所有附隨資料文件及原廠內外包裝…等），請勿直接使用原廠包裝寄送，或於原廠包裝上黏貼紙張或書寫文字。
- 退回商品若無法回復原狀，將請您負擔回復原狀所需費用，嚴重時將影響您的退貨權益。
商品評價