互動式網站前台開發寶典: 使用HTML5、CSS3和jQuery | 誠品線上

互動式網站前台開發寶典: 使用HTML5、CSS3和jQuery

內容簡介

內容簡介 隨著網頁設計過去將近二十年的歷史演進，有些技術也慢慢地退出市場。智慧型行動裝置普及，透過智慧型行動裝置瀏覽網頁的人口也隨之大幅增加，曾經一度幾乎占領全世界所有桌上型電腦的網頁互動技術 – Adobe Flash Player（用來觀看Flash SWF 檔案格式網頁動畫的瀏覽器外掛），因為Apple 公司不願開放安裝於iPhone、iPad 等裝置，以及Adobe 公司於2012 年8 月15 日宣布決定不再支援Android 裝置的 Flash Player，導致Flash Player 在智慧型行動裝置的市占率急速萎縮。而一個有趣的現象是，JavaScript 這項問市將近二十年的瀏覽器腳本語言， 反而因為跨平台、跨裝置及跨瀏覽器的特性，又重回到互動式網站前台技術的領導地位，成為「網頁視覺設計師」與「網頁程式設計師」都不得不學的一項顯學。而以JavaScript 為基礎的 jQuery，更是「網頁視覺設計師」成為「網站前台設計師」的必備技能，是當代互動式網站設計不可或缺的技術。以目前的網頁設計趨勢來看，學習jQuery 和JavaScript 的投資報酬率可以說是非常高。

作者介紹

作者介紹 ■作者簡介陳聖博

產品目錄

產品目錄 前言第一篇 基礎篇CH01 什麼是HTML1.1 何謂HTML1.2 HTML的變遷－從XHTML到HTML51.3 HTML的結構（head與body的意思）1.4 HTML的巢狀觀念1.5 何謂標籤與屬性1.6 何謂DOM?1.7 HTML除錯工具–Web Developer安裝1.8 HTML除錯工具–Web Developer介紹與使用1.9 小結CH02 關於HTML52.1 HTML5的現況與發展2.2 建立HTML5文件2.3 HTML5語意標籤2.4 Canvas與繪圖語法2.5 各家瀏覽器與各種裝置對HTML5的支援度2.6 小結CH03 關於CSS 3-23.1 何謂CSS3.2 CSS2與CSS3的差異3.3 CSS選取器3.4 CSS3動畫 – Animation與Keyframes3.5 CSS3轉變 – Transition3.6 Dreamweaver的轉變面板3.7 CSS除錯工具介紹與使用3.8 小結CH04 JavaScript －jQuery的基礎4.1 常數與變數4.2 function與event4.3 何謂比較運算子4.4 if條件判斷與for迴圈4.5 Timer介紹與使用4.6 JavaScript除錯方式4.7 小結CH05 關於jQuery 5-25.1 認識jQuery - Write Less, Do More5.2 為何使用jQuery而不使用JavaScript5.3 jQuery下載與使用5.4 ＄(document).ready()與＄(window).load()5.5 jQuery選取器5.6 jQuery串接語法5.7 常用的jQuery語法5.8 jQuery UI5.9 jQuery 外掛使用5.10 jQuery的除錯方式5.11 在不同裝置上jQuery Event的影響5.12 如何使用jQuery判斷裝置配合自適應網頁5.13 小結CH06 Toolkit for CreateJS -將 Flash 動畫轉換為 HTML56.1 Toolkit for CreateJS擴充功能介紹與安裝6.2 如何做出補間動畫6.3 發佈動畫6.4 插入JavaScript語法6.5 在智慧型手機與平板電腦上檢視動畫6.6 小結CH07 使用Edge Animate製作網頁動畫7.1 介面介紹7.2 關鍵影格及動畫的產生7.3 自動產生關鍵影格與動畫7.4 大頭針的使用7.5 預覽7.6 插入Event、JavaScript語法與jQuery語法7.7 匯入已在 Dreamweaver做好的網頁7.8 小結第二篇 應用篇CH08 用jQuery 設計主導覽選單8.1 邏輯說明8.2 設定主導覽架構8.3 設定次導覽架構8.4 設定行動裝置CSS樣式8.5 設定平板電腦CSS樣式8.6 設定桌上型電腦網頁CSS樣式8.7 撰寫jQuery程式8.8 觸發.click()事件之執行動作8.9 觸發.hover()事件之執行動作8.10完整程式碼8.11小結CH09 用jQuery 設計主導覽選單9.1 邏輯說明9.2 設定背景AP Div樣式9.3 設定圖片清單樣式9.4 程式撰寫—.hover( ) 應用9.5 程式撰寫—.animate( ) 應用9.6 完整程式碼9.7 小結CH10 使用 jQuery 設計淡入淡出效果10.1邏輯說明10.2撰寫jQuery程式10.3套用.fadeIn()與.fadeOut()效果10.4完整程式碼10.5小結第三篇 比較篇CH11 製作循序動畫的五種方法11.1設定HTML架構及CSS樣式11.2使用jQuery語法11.3使用CSS311.4使用HTML511.5使用Edge Animate11.6使用Flash Professional Toolkit For CreateJS擴充功能11.7小結CH12 製作圖片輪播效果的四種方法12.1 邏輯說明與流程圖12.2 使用jQuery撰寫12.3 使用HTML5 + CSS3撰寫12.4 使用Edge Animate製作12.5 使用Flash 製作並利用Toolkit for CreateJS發佈12.6 小結附錄A1申請Adobe IDA2 Adobe Dreamweaver安裝及介面介紹A3加入創意雲（Creative Cloud）A4 Adobe Edge Animate下載與安裝A5設定 XAMPP 網站開發環境

商品規格

試閱文字

內文 : 序
這是一本給有志於學習「互動式網站前台技術」成為「網站前台設計師」的網頁設計師閱讀的書。和早期的網頁設計師相比，現在的網頁設計師一口氣要學的東西更多，也更辛苦。早期的網頁設計師可以在HTML、CSS 和JavaScript……等技術中選擇少數學習，也能在市場上生存。然而現在的網頁設計就業市場，早已經進入到連視覺設計師都必須一口氣同時學習HTML5、CSS3 和jQuery 語法，才能踏入網頁設計的領域，因為網頁設計的技術，早已多元化、複雜化到純視覺設計師難以負荷的程度了。而一個網頁設計專案，再也難以一刀切，讓網頁視覺設計師和網頁程式設計師各自負責界線分明的工作，因為諸如互動式網頁撰寫這類跨越視覺和程式的整合性工作越來越多。以目前就業市場趨勢來看，撰寫互動式網頁語法的責任，已經落在網頁視覺設計師的肩膀上，而不再將責任都丟給網頁程式設計師， 並因為責任的加重，而出現了新的工作角色—「網站前台設計師」。

活動

• 圖書滿$1,000折$100
• 全站滿$5,000折$600
• 全站滿$1,600折$150
• 全站滿$2,800折$300