內容簡介
【只會程式語法無法活用, 商業級範例讓你即套即用!】
HTML5 + CSS3 + JavaScript 是時下最主流的網頁設計技術, 可以做出令人驚豔的網頁效果, 加上行動上網盛行, 更可讓網頁輕鬆因應手機、平板電腦, 呈現最合適的版面。
本書範例由一線的網頁設計師共同製作而成, 除了程式撰寫,也教你如何活用熱門的程式庫。Step by Step 的詳盡解說加上可立即套用的絕妙範例, 讓您以更快的時間完成接案目標, 輕鬆贏得客戶青睞!
●【可立即套用的絕妙範例】
.酷眩的彈力球選單效果
.超越 PChome 的拉曳式購物車
.快速套用的高雅極簡風網站
.會動的地圖路徑呈現手法
.從滑鼠游標飛出酷炫顆粒
.捲動捲軸時出現遠近視差特效
.各種「正在載入中」的動畫實作
.替文字加上雜訊特效
.依不同裝置自動切換版面配置
.可選擇畫筆粗細、顏色的網頁版繪圖介面
.可記錄 / 儲存單圈時間的碼表
.顯示現在位置的周邊地圖 (Google Map API)
.可客製化功能的影片 / 音樂播放器
.超酷的展開特效!輸入表單時讓欄位依序蹦現
.在網頁上實作煙囪排煙及下雪動畫
.投影片轉場風格的網頁
.精緻的相片切換特效
●【最熱門的網頁設計技術】
.audio / video / canvas / Geolocation API
.Responsive Web Design 自動調適型網頁
.inline SVG 圖形繪製 / Box2D.js 物理引擎
.以 PhoneGap 建立原生手機 App
●【提升效率的輔助工具】
.活用 jQuery、jQuery Mobile 函數庫
.Bootstrap 讓網站樣式瞬間成型
.Responsive Grid System CSS 框架工具
.Google Web Designer 快速產生 HTML5 動畫
本書特色:
●滿載商業網站範例, 網頁設計職人絕不可錯過!
●書附光碟提供完整範例程式, 方便你即套即用!
●同時適用 PC / 行動裝置網頁設計
作者介紹
目錄