PIECE2巨群
網頁設計 ‧ 平面設計 ‧ 虛擬主機 ‧ 網路行銷
最新消息
資訊分享
關於我們 服務項目 客戶案例 製作流程 虛擬主機 聯絡我們
瞭解jQuery網頁設計對網站的影響

瞭解jQuery網頁設計介紹最新版的jQuery、jQuery UI,與jQuery Mobile的實作。寫作注重實例的講解,讓您馬上就能即學即用。所有的實例都是直接針對重點來做解說,完全不會浪費您寶貴的學習時間。想要成為製作網頁的專家,本書絕對是不可或缺的參考書籍!


特色:

1. 領先國內書籍探討如何使用jQuery Mobile來設計行動裝置的網頁。

2. 以範例導引的方式帶領讀者學習。


第一章 jQuery的基礎

本章介紹甚麼是jQuery?jQuery的原始碼要到哪裡下載?如何安裝jQuery?如何在網頁中使用jQuery?在本章都有詳盡的介紹。同時還讓讀者了解jQuery與JavaScript的不同之處,還有如何尋找jQuery的說明文件。


第二章 存取HTML元素

介紹jQuery存取HTML元素所用的語法,這是jQuery最大的特點。因為jQuery之所以能夠簡化JavaScript的程式碼,就是因為使用了簡明易懂的語法來取代JavaScript冗長的函式呼叫,讓使用者能夠很快地接受jQuery。


第三章 存取CSS樣式

jQuery存取CSS樣式所用的方法,與存取HTML元素一樣簡單明瞭。不像JavaScript的複雜函式,jQuery只使用了一個.css()方法,就可以配合HTML元素的選取器,來快速讀取與設定HTML元素的CSS屬性與類別。


第四章 選取HTML元素

使用JavaScript來存取HTML元素時,會依照元素的名稱、id屬性,與CSS類別而使用不同的函式。jQuery引入簡單明瞭的元素選取器,讓您使用同樣的語法來隨意地選取想要的元素,而且可以同時處理這些選取的元素。


第五章 轉換選取的元素

jQuery不只能夠選取網頁中現有的HTML元素,還能夠任意的新增元素,改變所選取的元素,最棒的是這些都只需要一行程式碼就可以完成。看到這裡,您應該可以了解jQuery能夠被設計師快速接受的原因了。


第六章 存取選取元素的外觀

jQuery不只能夠新增元素與更改所選取的元素,還能夠變化元素的本來面貌。例如將原本的p元素改換成div元素,將元素放大縮小,或是移動元素在網頁中的原始位置等。


第七章 改變選取元素的結構

介紹如何取代元素的原始內容?如何在元素中加入新內容?如何包覆、複製,與移除元素?藉由jQuery所提供的方法,您能夠很快地改變選取元素的結構。


第八章 事件的處理

介紹網頁原本使用的DOM Level 0與DOM Level 2事件處理模式,與jQuery所使用的事件處理模式有何不同?哪一種模式比較好用?看了本章您就明瞭。jQuery不只是變換了事件處理模式而已,而且讓您能夠對同一個事件執行不同的處理方式。


第九章 滑鼠、鍵盤,與表單事件

jQuery不只能夠處理元素的各種滑鼠與鍵盤事件,同時對表單元素的事件也多有改進。本章詳盡地介紹了各種事件所用的方法,最後還介紹了瀏覽器的事件處理。


第十章 網頁的動畫效果 

jQuery提供實用的方法讓您在網頁中作出各種動畫效果,例如顯示與隱藏元素、設定元素的滑動效果、設定元素的顯現/淡出效果,以及自訂元素的動畫效果等。


第十一章 Ajax相關方法

傳統上要在網頁中應用Ajax的技術,來做到即時更換部分網頁內容時需要使用XMLHttpRequest物件。但是要呼叫這個物件,對新手程式師而言是一個艱難的學習過程。jQuery提供Ajax相關方法,隱藏了在背景運作的XMLHttpRequest物件,讓您完全不需要知道Ajax運作的種種細節。


第十二章 jQuery屬性

jQuery不只是提供方法而已,它還提供$.fx.off、$.support,與$.browser屬性。這些屬性幫助您讀取瀏覽器的各種資訊,以及在不能正確支援動畫的行動裝置上除能動畫效果。


第十三章 jQuery核心函式

介紹jQuery的核心方法,例如讓jQuery與別家的JavaScript函式庫(例如Prototype)共存的方法。您可以在同一個網頁中同時使用jQuery與其他的JavaScript函式庫,而不會彼此發生衝突。


第十四章 jQuery公用函式

介紹jQuery的公用函式,例如在jQuery物件所選取的元素中尋找指定的元素,或是使用陣列來傳回jQuery群集中的所有DOM元素等。另外還有將兩個陣列的內容合併,或是排序陣列等函式。


第十五章 外掛程式

外掛程式擴充了jQuery的發展性與重複使用性,在網頁中我們可以載入自己或別人寫的外掛程式來執行特定的功能。本章介紹如何建立jQuery的外掛程式,以及外掛程式的方法、事件,與資料等的設計基礎。


第十六章 jQuery UI–動畫效果與位置設定

jQuery UI是jQuery核心的擴充程式,主要的用途是在jQuery網頁中擴充使用者介面的能力。本章介紹如何使用下載與使用jQuery UI,以及如何利用jQuery UI來做出更好的動畫效果,還有自由設定元素在網頁中的位置。


第十七章 jQuery UI–滑鼠的應用

jQuery UI提供各種滑鼠的應用,例如使用滑鼠拖拉元素來到處移動,將滑鼠所拖拉的元素放在其它元素上,讓許多元素依照順序排列,讓原本不能選取的元素變成可以被選取,以及改變元素的大小等。


第十八章 jQuery UI–widget

jQuery UI的widget是一群擴充網頁功能的HTML控制項。jQuery UI提供了各種widget,來讓您的網頁更加地生動有趣。這些widget包括有Accordion(折疊面板)、Datepicker(日曆) 、Dialog(對話方塊) 、Progressbar(進度表) 、Slider(滑動方塊),以及Tabs(標籤面板)等。


第十九章 jQuery Mobile

jQuery Mobile是jQuery為了行動裝置所開發的架構,例如智慧型手機與平板電腦,當然也可以在桌上型電腦的各種平台上使用。本章介紹如何使用下載與使用jQuery Mobile,以及jQuery Mobile的各種功能等。


第二十章 Google地圖與多媒體

Google提供一系列的API,讓您將Google地圖嵌入您的網頁中。本章介紹Google地圖的API,在網頁中顯示Google地圖,以及Google地圖的操作等。另外還介紹了如何利用jQuery Media Plugin外掛程式來播放多媒體檔案。

 

 

轉貼來源:YOGO生活誌

 


參考文獻:

1.李青蓉等編著.(1998).人機介面設計,台北縣:空大。

2.邱柏清.(2004).網頁介面愉悅行之研究,國立台灣科技大學設計研究所碩士論文。

3.許峻誠、張恬君、莊明振.(2001).網頁風格認知與設計要素之探討-以企業網站首頁為例,第六屆設計學術研究果研討會論文集。

 
返回列表
上一頁 下一頁


相關文章

關於虛擬主機與架站
網頁設計基本概念分享
製造網頁設計的反向鏈結
企業持續更新網頁設計的必要
2012年網頁設計四個趨勢潮流


最新文章

HVACKer:入侵隔離網絡的新型攻擊技術
還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口
美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!
【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場
快可以用手機遠端遙控你的所有家電了



 
PIECE2巨群 版權所有 © 2008 總公司:06-2895301 台北:02-82529838 台中:04-25152530 高雄:07-7931226
驗證 CSS 驗證 W3C
專精項目:網頁設計   網站設計   平面設計   包裝設計   關鍵字行銷   關鍵字排名   網路行銷   網站代管   虛擬主機   ERP系統