新書推薦:
《
人生是旷野啊
》
售價:NT$
332.0
《
甲骨文丛书· “安国之道”:英国的殖民情报系统及其在亚洲的扩张
》
售價:NT$
403.0
《
台北人(2024版)
》
售價:NT$
398.0
《
让孩子更有力量:赋权型家庭教育指南
》
售價:NT$
305.0
《
白夜追凶(上下)
》
售價:NT$
500.0
《
财富、战争与智慧——二战股市风云录
》
售價:NT$
602.0
《
低空经济:中国经济发展新引擎
》
售價:NT$
403.0
《
汉字学理与小学汉字教学
》
售價:NT$
408.0
|
內容簡介: |
誰說製作HTML5內容就一定要寫程式?
網頁設計新神器GoogleWebDesigner就是要讓創意者、設計人或初學者不必撰寫任何程式碼,就可以運用HTML5技術,縮短製作時程,打造跨平台互動廣告、動畫與網頁!
市場上有太多的平台、瀏覽器及裝置,HTML5成為跨平台的最佳利器,但少了可簡化HTML5開發程序的工具。現在,Google推出的GoogleWebDesigner,具有繁體中文版,讓許多人不用寫程式,也能透過視覺化的介面輕易製作出跨平台的動態內容,如互動廣告、動畫應用,以豐富網站,是設計師、動畫師或初學者絕對可以運用的強力工具。
本書人人都適用,提供GoogleWebDesigner的操作介紹,與貼近生活應用的範例,並附加申請免費網頁空間、QR-Code製作,以及利用YouTube製作與剪輯影片等加值內容,學習製作符合潮流且能跨平台的閱讀內容,並使網站呈現出與眾不同的效果。
|
目錄:
|
01GoogleWebDesigner與HTML5
1.1網頁面臨問題
1.2HTML5的到來
1.3GoogleWebDesigner介紹
1.4下載與安裝
02基本介紹
2.1可建立的專案類型
2.2操作介面
2.3設定環境
2.4預覽與發佈
03工具的使用與屬性面板
3.1可使用工具介紹
3.2選取範圍工具的使用
3.33D物件旋轉工具與轉譯工具
3.4標記工具與屬性
3.5繪圖工具與屬性
3.6文字工具與屬性
3.7填滿工具與屬性
3.83D旋轉中心
3.9使用CSS面板變更樣式
3.10認識頁面
04互動元件
4.1介紹
4.2輕按區域
4.3手勢
4.4按鈕輕按通話
4.5滑動式圖片庫
4.6輪轉式圖片庫
4.7360度圖片庫
4.8影片
4.9YouTube
4.10地圖
4.11iFrame
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.2Bannerpage頁面素材佈置
9.3Expandedpage頁面素材佈置
9.4Expandedpage頁面卡片旋轉動畫設定
9.5時間軸事件設定
9.6發佈專案
10網頁空間-Lionfree
10.1何謂網頁空間
10.2免費虛擬主機Lionfree介紹與註冊
10.3網頁上傳
11QR-Code製作
11.1QR-Code介紹
11.2關於QR-Hacker
11.3QR-code製作
11.4掃描QR-code
12利用YouTube製作與剪輯影片
12.1關於YouTubeVideoEditor
12.2商品之影片設計
12.3影片與照片之剪輯
|
|