隨著網頁設計過去將近二十年的歷史演進,有些技術也慢慢地退出市場。智慧型行動裝置普及,透過智慧型行動裝置瀏覽網頁的人口也隨之大幅增加,曾經一度幾乎占領全世界所有桌上型電腦的網頁互動技術 – Adobe Flash Player(用來觀看Flash SWF 檔案格式網頁動畫的瀏覽器外掛),因為Apple 公司不願開放安裝於iPhone、iPad 等裝置,以及Adobe 公司於2012 年8 月15 日宣布決定不再支援Android 裝置的 Flash Player,導致Flash Player 在智慧型行動裝置的市占率急速萎縮。而一個有趣的現象是,JavaScript 這項問市將近二十年的瀏覽器腳本語言, 反而因為跨平台、跨裝置及跨瀏覽器的特性,又重回到互動式網站前台技術的領導地位,成為「網頁視覺設計師」與「網頁程式設計師」都不得不學的一項顯學。而以JavaScript 為基礎的 jQuery,更是「網頁視覺設計師」成為「網站前台設計師」的必備技能,是當代互動式網站設計不可或缺的技術。以目前的網頁設計趨勢來看,學習jQuery 和JavaScript 的投資報酬率可以說是非常高。
這是一本給有志於學習「互動式網站前台技術」成為「網站前台設計師」的網頁設計師閱讀的書。和早期的網頁設計師相比,現在的網頁設計師一口氣要學的東西更多,也更辛苦。早期的網頁設計師可以在HTML、CSS 和JavaScript……等技術中選擇少數學習,也能在市場上生存。然而現在的網頁設計就業市場,早已經進入到連視覺設計師都必須一口氣同時學習HTML5、CSS3 和jQuery 語法,才能踏入網頁設計的領域,因為網頁設計的技術,早已多元化、複雜化到純視覺設計師難以負荷的程度了。而一個網頁設計專案,再也難以一刀切,讓網頁視覺設計師和網頁程式設計師各自負責界線分明的工作,因為諸如互動式網頁撰寫這類跨越視覺和程式的整合性工作越來越多。以目前就業市場趨勢來看,撰寫互動式網頁語法的責任,已經落在網頁視覺設計師的肩膀上,而不再將責任都丟給網頁程式設計師, 並因為責任的加重,而出現了新的工作角色—「網站前台設計師」。
作者序
儘管在Windows 8.1 的SDK 中已經出現了Universal App( 通用應用程式,UAP),但還不能算是真正意義上的通用,只是完成了程式共用,而針對Windows 與Windows Phone 的應用仍然是彼此獨立的。
Windows 10 則順利地完成了應用的通用與平台的統一,UAP 模型最後形成。使用針對Windows 10 的SDK,開發者只需要開發單一應用程式,就可以執行於各種Windows 裝置上,例如PC、平板電腦、手機等。開發者無須為多種裝置開發單獨的應用。
✤ 基本內容
本書的主題都是圍繞Runtime App 開發而展開的,系統地介紹了Runtime App 開發的基礎知識,主要涵蓋以下內容:
■ 學習前的準備工作;
■ 了解UAP 專案的結構;
■ 頁面與導覽;
■ 應用頁面的版面配置與設計;
■ 各種控制項的使用;
■ 資料視圖;
■ 圖形繪製與動畫處理;
■ 影像與多媒體處理;
■ 啟動與啟動;
■ 管理檔案和資料;
■ 常用的網路通訊技術;
■ 感測器的使用;
■ 語音技術。
✤ 原始程式碼內容
書中所有範例的原始程式碼可在佳魁資訊官網下載。
✤ 適用性
本書適用於:
■ 具備.NET 平台開發基礎知識或熟悉C# 語言的讀者;
■ 對Windows 10 UAP 開發有興趣的讀者;
■ 希望加入Windows 應用程式開發陣營的行動應用程式開發者;
■ 作為各種教育訓練機構或大專院校相關專業的參考教材。
✤ 如何使用本書
本書採用通俗容易的說明風格,儘量避免出現晦澀難懂的描述與理論說教,降低入門者的了解難度。同時,書中針對每個基礎知識都附有簡單範例程式。讀者在閱讀本書的時候,可以先閱讀每個基礎知識的介紹說明,然後將附帶的範例應用執行一遍,先直觀地觀察一下執行效果。當讀者對基礎知識和範例有一定了解後,不妨嘗試一下獨立完成書中的範例專案,這樣做可以幫助讀者真正掌握相關的知識和技巧。
當讀者了解書中的範例後,也可以進行“二次創作”,即適當地將範例程式進行修改,使其變成一個新的範例。如此一來,一個範例可以變成兩個、三個,甚至更多的範例,讀者從中也學會了如何靈活地去運用學到的知識。當然,該做法對於從未進行過任何程式開發的入門者而言,會有些困難。剛開始的時候,讀者可以抱著嘗試的心態去做,不要在乎付出的工作是否馬上獲得回報。“欲速則不達”!只要堅持不懈,一點一滴地累積和歸納,相信每個有志於步入程式設計殿堂的人都會收穫頗豐。
✤ 後續工作
學習本書內容後,讀者應該具備獨立開發應用程式的能力。此時讀者可以考慮運用所學知識去參與或開發一些Windows 應用;也可以在本書的學習基礎上,繼續學習針對Windows 10 的其他開發方向( 如針對物聯網裝置的應用程式開發),進而充分體驗只需一個應用,便可以執行在PC/ 筆記型電腦、xBox遊戲機、平板電腦、手機等多種平台的樂趣。
✤ 勘誤與支援
由於作者水準有限,書中難免會有一些不妥之處,也可能出現錯誤和不準確的敘述。望讀者朋友不吝指出和回饋。
✤ 鳴謝
本書能夠順利完成,離不開所有親朋好友們的鼓舞和支援。感謝許多網友所給予的一定,也感謝清華大學出版社給了我一個寫作的機會,感謝盛東亮編輯,在書稿的寫作過程中給予了我相當大的幫助和支援。
儘管在Windows 8.1 的SDK 中已經出現了Universal App( 通用應用程式,UAP),但還不能算是真正意義上的通用,只是完成了程式共用,而針對Windows 與Windows Phone 的應用仍然是彼此獨立的。
Windows 10 則順利地完成了應用的通用與平台的統一,UAP 模型最後形成。使用針對Windows 10 的SDK,開發者只需要開發單一應用程式,就可以執行於各種Windows 裝置上,例如PC、平板電腦、手機等。開發者無須為多種裝置開發單獨的應用。
✤ 基本內容
本書的主題都是圍繞Runtime App 開發而展開的,系統地介紹了Runtime App 開發的基礎知識,主要涵蓋...
目錄
前言
第一篇 基礎篇
CH01 什麼是HTML
1.1 何謂HTML
1.2 HTML的變遷-從XHTML到HTML5
1.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 關於HTML5
2.1 HTML5的現況與發展
2.2 建立HTML5文件
2.3 HTML5語意標籤
2.4 Canvas與繪圖語法
2.5 各家瀏覽器與各種裝置對HTML5的支援度
2.6 小結
CH03 關於CSS 3-2
3.1 何謂CSS
3.2 CSS2與CSS3的差異
3.3 CSS選取器
3.4 CSS3動畫 – Animation與Keyframes
3.5 CSS3轉變 – Transition
3.6 Dreamweaver的轉變面板
3.7 CSS除錯工具介紹與使用
3.8 小結
CH04 JavaScript -jQuery的基礎
4.1 常數與變數
4.2 function與event
4.3 何謂比較運算子
4.4 if條件判斷與for迴圈
4.5 Timer介紹與使用
4.6 JavaScript除錯方式
4.7 小結
CH05 關於jQuery 5-2
5.1 認識jQuery - Write Less, Do More
5.2 為何使用jQuery而不使用JavaScript
5.3 jQuery下載與使用
5.4 $(document).ready()與$(window).load()
5.5 jQuery選取器
5.6 jQuery串接語法
5.7 常用的jQuery語法
5.8 jQuery UI
5.9 jQuery 外掛使用
5.10 jQuery的除錯方式
5.11 在不同裝置上jQuery Event的影響
5.12 如何使用jQuery判斷裝置配合自適應網頁
5.13 小結
CH06 Toolkit for CreateJS -將 Flash 動畫轉換為 HTML5
6.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使用CSS3
11.4使用HTML5
11.5使用Edge Animate
11.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 ID
A2 Adobe Dreamweaver安裝及介面介紹
A3加入創意雲(Creative Cloud)
A4 Adobe Edge Animate下載與安裝
A5設定 XAMPP 網站開發環境
前言
第一篇 基礎篇
CH01 什麼是HTML
1.1 何謂HTML
1.2 HTML的變遷-從XHTML到HTML5
1.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 關於HTML5
2.1 HTML5的現況與發展
2.2 建立HTML5文件
2.3 HTML5語意標籤
2.4 Canvas與繪圖語法
2.5 各家瀏覽器與各種裝置對HTML5的支援度
2.6 小結
CH03 關於CSS 3-2
3.1 何謂CSS
3.2 CSS2與CSS3的差異
3.3 CSS選取器
3.4 CSS3動畫 –...
商品資料
出版社:佳魁數位出版日期:2017-11-08ISBN/ISSN:9789863795858 語言:繁體中文For input string: ""
裝訂方式:平裝頁數:488頁開數:17x23x1.7CM
購物須知
退換貨說明:
會員均享有10天的商品猶豫期(含例假日)。若您欲辦理退換貨,請於取得該商品10日內寄回。
辦理退換貨時,請保持商品全新狀態與完整包裝(商品本身、贈品、贈票、附件、內外包裝、保證書、隨貨文件等)一併寄回。若退回商品無法回復原狀者,可能影響退換貨權利之行使或須負擔部分費用。
訂購本商品前請務必詳閱退換貨原則。