庫存狀況
「香港二樓書店」讓您 愛上二樓●愛上書
我的購物車 加入會員 會員中心 常見問題 首頁
「香港二樓書店」邁向第一華人書店
登入 客戶評價 whatsapp 常見問題 加入會員 會員專區 現貨書籍 現貨書籍 購物流程 運費計算 我的購物車 聯絡我們 返回首頁
香港二樓書店 > 今日好書推介
   
區政新角度
  • 定價64.00元
  • 8 折優惠:HK$51.2
  • 放入購物車
二樓書籍分類
 
學好跨平台網頁設計:HTML5、CSS3、JavaScript、jQuery與Bootstrap超完美特訓班

學好跨平台網頁設計:HTML5、CSS3、JavaScript、jQuery與Bootstrap超完美特訓班

沒有庫存
訂購需時10-14天
9789864764129
鄧文淵/總監製
碁峰
2017年5月16日
160.00  元
HK$ 144
省下 $16
 
二樓書卷使用細則 二樓書卷使用細則





ISBN:9789864764129
  • 規格:平裝 / 512頁 / 17 x 23 cm / 普通級 / 單色印刷 / 初版
  • 出版地:台灣


  • 電腦資訊 > 網頁開發設計 > 網頁設計概論

















    6大主題,300個立即可套用範例,

    最熱門的跨平台網頁設計技術大集合,

    最適合初學入門、現學現用的21堂關鍵課!





    01 HTML基礎入門

    HTML5除了簡化了HTML語法的結構,提供了許多功能標籤能夠直接控制音效、影片等多媒體檔案的播放,並且進一步加入控管地理位置的Geolocation API、繪圖的Canvas API、本地端的資料庫、離線的儲存機制 ? 等讓人期待的功能,讓網頁的呈現與應用提升到另一個不同的層次。

    1.1 HTML的出現

    1.2 HTML5的歷史

    1.3 HTML5的新功能

    1.4 HTML5的編輯與瀏覽



    02 HTML結構與文字段落

    HTML是一個很重要的語法,它能整合文字、圖片、聲音、動畫、影片等內容,藉由瀏覽器讓資訊能夠無遠弗屆,深入到每個角落。在這裡先介紹HTML的文字段落與超連結等標籤,扎實打好HTML的基礎。

    2.1 HTML文件結構

    2.2 段落

    2.3 文字格式

    2.4 HTML5的語意標籤



    03 超連結、圖片、音效與影片

    超連結是HTML 中很重要的一個元素,藉由超連結能夠將不同的網站連繫在一起,也能連結到不同的網站,甚至是不同的資源。除了文字之外,圖片、音效與影片更是HTML 中很重要的內容。本章將要說明如何在網頁中加入圖片、音效與影片,並說明HTML5 新增的元素與功能,讓多媒體的資源豐富您的網頁與內容。

    3.1 路徑的表示方法

    3.2 超連結

    3.3 圖片

    3.4 音效的使用

    3.5 影片的使用



    04 表格與表單

    表格是網頁中資料展示的重要利器,本章將分析表格中各個部位,並說明相關的標籤與屬性。表單是網站與瀏覽者互動的窗口,不同的資料需要不同的表單元件來傳送。本章除了介紹HTML中原有的表單元件的建置方式,並會進一步說明HTML5新增的表單元件與使用方式。

    4.1 表格

    4.2 表單



    05 CSS基礎入門

    CSS(Cascading Style Sheets)樣式表在網頁設計中占了十分重要的地位,HTML是將網頁進行結構化的製作,而CSS可以依照這個結構進行美化,提升網頁載入的速度,有系統的打造網站的風格。

    CSS選擇器是套用樣式的基本功夫,除了一般的套用之外,還能使用屬性選擇器、虛擬類別選擇器、虛擬元素選擇器及組合選擇器,讓樣式的套用更靈活。

    5.1 認識 CSS

    5.2 CSS3的新功能

    5.3 CSS的套用方式

    5.4 CSS基本語法

    5.5 CSS基本選擇器

    5.6 CSS屬性選擇器

    5.7 CSS虛擬類別選擇器

    5.8 CSS虛擬元素選擇器

    5.9 組合選擇器

    5.10 CSS選擇器的套用順序



    06 顏色與文字設定

    網頁中顏色的使用相當重要,除了能提高閱讀的舒適度,善用顏色的搭配能讓頁面的表現更加分。文字是網頁中最基礎但也最重要的內容,使用CSS 能快速的定義文字大小,粗細、字型、顏色 ... 等樣式,讓文字的呈現不再一成不變。

    6.1 顏色的設定

    6.2 文字大小、字型及相關的樣式設定

    6.3 字型設定



    07 段落與表列設定

    文字段落的樣式包括了行距、文字間距、對齊、縮排 ... 等,對於網頁資訊的呈現也相當重要。表列資料的呈現分為項目符號及編號,對於資料的表現十分重要。CSS 的設定能更完美的呈現表列資料。

    7.1 文字段落相關的樣式設定

    7.2 項目符號及編號的設定

    7.3 超連結的樣式設定

    7.4 CSS3:文字陰影



    08 背景與框線設計

    在網頁中可以為元素設定背景,可以凸顯前景的內容。設定的方式十分多元,可以使用顏色、圖片,並能設定背景圖片的位置,背景圖片重複的方式,以及透明度,甚至使用漸層顏色。框線與背景設定的條件十分相似,只要是區塊的標籤元素都能設定框線。除了顏色、粗細,還能設定顯示的樣式,設定圓角,加上陰影。

    8.1 設定背景顏色及圖片

    8.2 設定透明度

    8.3 設定漸層

    8.4 框線的設定

    8.5 表格框線

    8.6 CSS3:圓角框線

    8.7 CSS3:區塊陰影



    09 盒子模型與版面定位

    在網頁的版面上可以說是一個個盒子所組成的,只要能熟悉盒子模型的結構,即可準確的規劃版面中每個區塊的尺寸以及與其他區塊之間的排列狀態。float屬性能將元素設置到所在容器的最左方或最右方成為浮動元素,跟在該元素後方的內容就接著流動到剩下來的位置中。position屬性能精確的定位區塊元素的位置,並依不同特性安排區塊元素的展示方法。CSS3的媒體查詢能根據不同媒體、不同的特性給予不同的CSS樣式設定。

    9.1 使用元素結構的重要觀念

    9.2 認識盒子模型

    9.3 float的使用

    9.4 position的使用

    9.5 媒體查詢



    10 變形、轉換與動畫

    在CSS3中可以使用transform屬性來設定元素的變形效果,進行移動、縮放、旋轉、傾斜等變化。transition轉換效果是指元素由一種樣式轉換到另一種樣式的動作,可由播放時間、轉換屬性、轉換方法及延遲時間的屬性進行設定。animation動畫效果就是由播放的起點到終點設定多個關鍵影格,接著指定元素在每個關鍵影格中屬性有不同的變化所呈現的動畫。

    10.1 變形效果

    10.2 轉換效果

    10.3 動畫效果



    11 JavaScript語法與結構

    JavaScript是一種腳本(Script)式的程式語言,其原始碼在客戶端執行之前不需經過編譯,而是將文字格式的字元代碼發送給瀏覽器再由瀏覽器解譯執行。所以JavaScript在撰寫、測試到除錯都很容易,只要在編輯之後儲存,就能在瀏覽器觀看結果。JavaScript因為瀏覽器的支援而能夠輕鬆跨越不同平台而大行其道,並隨著新的JavaScript引擎及框架技術的發展,利用事件驅動與非同步寫入讀出等特性,JavaScript竟然也逐漸被應用到開發伺服器端程式。

    11.1 認識JavaScript

    11.2 變數的使用

    11.3 運算子

    11.4 流程控制



    12 JavaScript函式、陣列與物件

    函式即是將程式碼中重複使用的部分單獨出來,在應用時只要呼叫即可使用,提高程式開發的效率。陣列可說是一群性質相同變數的集合,能大量降低變數宣告的數量,提高程式開發時的彈性。物件可以說是屬性與方法的組合,每個物件上都有它的特徵與功能,化為程式的屬性與方法。

    12.1 函式的使用

    12.2 陣列的使用

    12.3 物件

    12.4 Javascript與DOM



    13 jQuery基礎入門

    jQuery是目前最多人使用、開發維護及延伸應用的JavaScript函式庫,除了可以簡化開發者的程式語法,也能幫助使用者獲得更好的互動經驗,為網頁程式設計者省下了大量的開發時間,也為使用者互動帶來了便利,更帶來許多讓人驚豔的強大功能!

    13.1 認識jQuery

    13.2 jQuery選擇器



    14 jQuery的事件與特效

    jQuery可以使用選擇器輕易的選取頁面上的內容,包含了CSS與DOM裡的結構,在選取後就能根據事件來進行互動,或是加上特效。jQuery的事件處理是互動程式很重要的一環,許多程式的執行必須依靠事件來觸發才能夠進行。jQuery提供了許多設定簡單,但效果驚人的特效。只要善用這些功能,就能讓您的頁面更加吸引人。

    14.1 jQuery與CSS、DOM的處理

    14.2 jQuery的事件

    14.3 jQuery的特效



    15 jQuery Mobile入門

    jQuery Mobile是一個行動裝置網頁界面的開發框架,不同於傳統網頁,它提供了許多工具讓您可以開發出如同行動裝置 App 應用程式的使用畫面。例如頁面的切換、智慧型手機的操作界面、觸控操作的使用... 等。jQuery Mobile的基底技術是jQuery,它能讓網頁的HTML標籤,藉由JavaScript、CSS的幫助呈現出如行動裝置一樣的頁面。

    15.1 認識jQueryMobile

    15.3 jQueryMobile的頁面連結



    16 jQuery Mobile常用元件

    jQuery Mobile提供了許多常用元件,讓行動裝置的畫面與一般原生程式的操作更接近。其中包含了按鈕、群組按鈕、導覽列、檢視清單、版面格點、可摺疊內容區塊、可摺疊內容區塊組、對話方塊及側邊欄面板。只要能善用這些元件,即可快速製作出精美而實用的使用介面。

    16.1 按鈕、按鈕群組與導覽元件

    16.2 清單元件

    16.3 版面格點元件

    16.4 版面格點元件

    16.5 對話方塊元件

    16.6 側邊欄面板元件



    17 jQuery Mobile互動

    使用jQuery Mobile與使用者互動,就必須使用表單、事件與方法。jQuery Mobile表單能提供使用者輸入的資料介面,並檢視資料的正確性,再送到指定的程式進行處理。jQuery Mobile提供了頁面、觸控、捲動及方向切換等事件,幫助使用者與頁面的內容進行互動。jQuery Mobile提供了頁面切換及預載頁面的方法,幫助使用者在頁面之間切換並傳遞資料,或是以預載的方式增進頁面顯示效能。

    17.1 jQueryMobile表單

    17.2 jQueryMobile事件

    17.3 jQueryMobile方法



    18 Bootstrap入門

    Bootstrap是開發響應式網站的重要框架,以行動優先為設計方針,利用格線系統的觀念,擴充開發相關的CSS設定、元件應用與JavaScript函式庫,讓它已經是接軌現代網頁開發時不可忽視的重要技術之一。隨著原始碼的公開,優異的本質吸引許多開發者加入研發與維護,龐大的使用者為這個專案帶來了豐富的資源。學習者輕易就能在網路上查詢到相關的教學、技術與範例,獲得充足的幫助與支援。

    18.1 認識 Bootstrap

    18.2 Bootstrap的安裝與使用

    18.3 Bootstrap的格線系統

    18.4 Bootstrap的文字段落



    19 表格、表單、按鈕與圖片

    Bootstrap針對網頁中的表格、表單、按鈕與圖片,設計了計多相關的CSS樣式,在套用後不僅美觀,風格一致,有許多設定還能讓套用的元件在響應式的網站中獲得更好的呈現。

    19.1 Bootstrap的表格

    19.2 Bootstrap的表單佈局

    19.3 Bootstrap的表單元素

    19.4 Bootstrap表單狀態樣式

    19.5 Bootstrap的按鈕

    19.6 Bootstrap的圖片



    20 Bootsrtap元件

    Bootstrap針對網頁中的表格、表單、按鈕與圖片,設計了計多相關的CSS樣式,在套用後不僅美觀,風格一致,有許多設定還能讓套用的元件能在響應式的網站中獲得更好的呈現。

    20.1 字型圖示

    20.2 下拉式選單

    20.3 按鈕群組

    20.4 輸入群組

    20.5 導覽標示

    20.6 導覽列

    20.7 頁面標題與其他導覽元件

    20.8 超大螢幕效果

    20.9 警告訊息、面板及進度條

    20.10 清單群組

    20.11 縮圖元件



    21 Bootstrap JS組件

    Bootstrap提供了許多功能強大但效果很好的JavaScript組件,其中重要的包括了可切換內容標籤、互動視窗、提示訊息、彈跳提示訊息、折疊效果、手風琴效果及圖片輪播效果組件,能在最簡單的設定下為網頁加入許多實用的功能。

    21.1 可切換內容標籤組件

    21.2 互動視窗組件

    21.3 提示訊息及彈跳提示訊息

    21.4 折疊效果組件

    21.5 手風琴效果組件

    21.6 圖片輪播效果組件









      近幾年因為HTML5、CSS3的流行普及,JavaScript、jQuery的歷久不衰,讓許多知名的網路服務平台如Google、Facebook、YouTube...等爭相採用相關的技術開發出互動性極佳的網站。人手一台的智慧型手機、平板電腦,宣告了跨平台的世代來臨,網頁的應用首當其衝。讓一個網站能正確適當的展現在不同作業系統、不同螢幕大小的設備上,就成為現代網頁開發者最新的挑戰。而這些技術是相互關聯的,在學習的連結上似乎無法完整切割,也無從逃避,但也因此讓許多人徘徊在入門的關口外,不知所措。



      本書中針對這個問題精心規劃了學習新一代網頁設計時必修的課程。由HTML、CSS開始,再進入HTML5/CSS3的新領域,讓學習者能對於網頁的建構與設定有全面性的認識與熟悉。接著再由基本的JavaScript學習網頁互動,進而利用jQuery深入應用的層面。



      最後的重點是兩個近年來討論度極高的跨平台框架:jQuery Mobile及Bootstrap。jQuery Mobile是基於jQuery技術發展出來的行動裝置使用者介面框架,能在簡易的設定與操作下快速打造出行動裝置的使用介面。Bootstrap更是新一代RWD網站開發中的熱門焦點,能讓網頁因應不同大小的螢幕自動改變內容的配置,確保每個平台的使用者都能得到最好的操作體驗。希望本書對於有志學習前端網頁程式設計的讀者能有所幫助。




    其 他 著 作
    1. Python架站特訓班:Django最強實戰
    2. 超人氣Facebook粉絲專頁行銷加油讚 (第四版):挖掘小編的行銷潛力+ 打破經營的迷思困境= 讓你成為地表最強小編!
    3. 翻倍效率工作術:不會就太可惜的Excel+Power BI 大數據視覺圖表設計與分析
    4. 會做簡報就會製作跨平台App:Smart Apps Creator 3超神開發術
    5. 手機應用程式設計超簡單:App Inventor 2初學特訓班(中文介面第二版)(附影音/範例/架設解說與上架PDF)
    6. 中老年人快樂學電腦(Windows 10+Office 2016):超大圖解好閱讀,教學影片好上手
    7. 手機應用程式設計超簡單:App Inventor 2零基礎入門班(中文介面第二版) (附影音/範例/架設解說pdf)
    8. 快快樂樂學威力導演15:影片/MV剪輯活用情報特蒐(附DVD一片)
    9. 中老年人愛用APP全收錄 ( 第二版 )
    10. Android初學特訓班 (第七版) (適用 Android 6.x~7.x / 全新Android Studio 2.X開發,附影音)
    11. Excel 2016高效實用範例必修16課:善用資料圖表 x 函數巨集的精算達人
    12. Python初學特訓班(附250分鐘影音教學/範例程式)
    13. 挑戰PHP7/MySQL程式設計與超強專題特訓班(第四版)(適用PHP5~7,MariaDB)
    14. 中老年人快樂學拍照、攝影 (適用 iOS、Android 雙系統手機、平板)
    15. 生活科技應用網路概論(第二版)
    16. 手機應用程式設計超簡單:App Inventor 2專題特訓班(中文介面第二版)(附新元件影音教學/範例/單機與伺服器架設pdf)
    17. 用Autodesk 123D Design玩出3D設計大未來(附270分鐘影音教學/範例/軟體)
    18. 手機應用程式設計超簡單:App Inventor 2資料庫專題特訓班(第二版)(附資料庫元件影音教學/範例/架設解說pdf)
    19. 超人氣Facebook粉絲專頁行銷加油讚 (第三版) - 粉絲專頁小編的行銷原力 + 企業粉絲專頁的集客秘笈 = 讓您成為品牌社群經營的 CEO!
    20. Android初學特訓班:最新Android Studio開發實戰!附DVD (第六版)
    21. Office 2016高效實用範例必修16課(加贈Office 365雲端應用及超值影音教學及範例光碟)
    22. 用Photoshop玩影像設計比你想的簡單:快快樂樂學Photoshop CC(附DVD)
    23. 手機應用程式設計超簡單:App Inventor 2資料庫專題特訓班(附資料庫元件影音教學/範例/單機與伺服器架設解說pdf)
    24. 資訊概論:從資訊科技應用培養邏輯思維能力
    25. 網路開店x拍賣王:零元創業加薪不求人3小時開店賣翻天
    26. 中老年人愛用APP全收錄 <適用 iOS + Android 雙系統手機及平板>
    27. Swift初學特訓班:iOS App開發快速養成與實戰(附近3小時新手入門與關鍵影音教學/全書範例程式)
    28. 用S4A(Scratch for Arduino):玩出科技創意大未來(附10大動手玩影音教學教室/全書範例)
    29. 翻倍效率工作術:不會就太可惜的 Excel 必學函數
    30. 挑戰PHP�MySQL程式設計與超強專題特訓班(第三版)(適用PHP5∼PHP6)
    31. 手機應用程式設計超簡單:App Inventor 2零基礎入門班(附新手入門影音教學/範例)
    32. 中老年人快樂學FACEBOOK 臉書 (超大圖解好閱讀 + 教學影片好上手)
    33. Word 2013高效實用範例必修16課(附贈影音教學及範例光碟)
    34. 手機應用程式設計超簡單:APP Inventor零基礎入門班(附新手入門影音教學/範例)
    35. 快快樂樂學Excel 2013:善用資料圖表、函數巨集的精算達人(附光碟)
    36. 超人氣Facebook粉絲專頁行銷加油讚:粉絲專頁小編的生存寶典+企業粉絲專頁聚眾秘笈
    37. Office 2013高效實用範例必修16課(附贈影音教學及範例光碟)
    38. 用Dreamweaver CS6,我也會開發APP(增訂版,Android / iOS跨平台實戰)
    39. Android初學特訓班(第三版)(暢銷改版,全新Android 4.X版 / 適用Android 4.X~2.X,附影音教學/範例/小綠人素材)
    40. 中老年人快樂學電腦 (Windows 8+Office 2013)
    41. Dreamweaver CS6 X PHP超強互動網站特訓班(附影音教學、獨家擴充程式、範例、試用版)
    42. 中老年人快樂學 iPad < iPad 系列 / iPhone 全適用 , 加贈示範解說DVD>
    43. 生活科技應用網路概論
    44. 手機應用程式設計超簡單:APP Inventor初學特訓班(附關鍵影音教學/範例)
    45. 用Flash CS6玩動畫比你想的簡單-範例適用CS6/CS5/CS4(附贈全書影音教學光碟及原始範例/成果檔)
    46. 用Photoshop玩影像設計比你想的簡單:快快樂樂學Photoshop CS6(去背妙用 × 設計張力 × 影像編修 × 動畫網頁)
    47. 用Dreamweaver CS6,我也會開發APP(附關鍵影音教學/範例/試用版)
    48. Dreamweaver CS6網頁製作比你想的簡單:Html 5 x CSS3 x Mobile x Facebook 超強全應用
    49. 網路拍賣王:秒殺商品行銷戰自己來
    50. MAC OS X Mountain Lion完全活用手冊
    51. 最強!Office即效實用密技500+ (Word+Excel+PowerPoint三效合一)
    52. Android初學特訓班(二版)(暢銷改版,全新Android 4開發示範/適用Android 4.X~2.X,手機與平板電腦的全面啟動)
    53. Office 2003高效實用範例必修16課
    54. 中老年人快樂學電腦<超大圖解好閱讀,教學影片好上手>
    55. Android 初學特訓班(全新Android 4開發示範 / 適用Android 4.X~2.X,手機與平板電腦的全面啟動,附影音教學/範例程式/Android Q版小綠人?
    56. 挑戰PHP5/MySQL程式設計樂活學(第二版)(適用PHP5~PHP6)
    57. Word 2010高效實用範例必修16課 (附光碟)
    58. 網路開店 x 拍賣王:創業成功年收百萬商機大公開
    59. 快快樂樂學Excel 2010:善用資料圖表、巨集函數的精算達人(附光碟)
    60. PowerPoint 2010高效實用範例必修16課 (超值附贈影音教學)
    61. 快快樂樂學Access 2010:善用高效率、方便強大的資料庫管理
    62. Dreamweaver CS5網頁製作:為網站提供創新而專業的設計平台(附贈影音教學、完整範例檔)
    63. 影片/MV剪輯活用情報特蒐:快快樂樂學 會聲會影X4
    64. ASP.NET 4.0 網頁程式設計速學對策(使用C#) (附影音教學、C#與VB範例檔、題解、VS 2010 Express中文版)
    65. Office 2010高效實用範例必修16課(附光碟)
    66. 美人心機影像編修必學絕招(附DVD)
    67. Visual Basic 2010 程式設計速學對策(附影音教學、範例檔、題解、VS 2010Express中文版)
    68. 挑戰Visual C++ 2008程式設計樂活學(附範例程式)
    69. Visual C# 2010程式設計速學對策(附影音教學、範例檔、題解、VS 2010Express中文版)
    70. 用Photoshop玩影像設計比你想的簡單:快快樂樂學Photoshop CS5(附DVD*1 )
    71. 快快樂樂學Office 2010:體驗新功能高效率的雲端應用服務((附贈480分鐘影音教學及範例光碟)
    72. 影片/MV剪輯活用情報特蒐:快快樂樂學 會聲會影X3(附500分鐘影音教學及範例素材光碟)
    73. 挑戰Visual C++ 2008程式設計樂活學(附範例程式)
    74. 挑戰Dreamweaver CS4互動網站百寶箱:使用PHP(附DVD*1)
    75. 多媒體網頁設計(第三版):為數位生活提供全新應用
    76. Dreamweaver CS4網頁製作:為網站提供創新而專業的設計平台(附DVD*1)
    77. Flash CS4動畫特效--為平面、網頁及行動設計提供創意點子
    78. 挑戰Dreamweaver CS4互動網站百寶箱--使用ASP
    79. 達人養成班--網路開店王:網路開店規劃.行銷.建置
    80. 快快樂樂學EXCEL 2003徹底實作教材--晉升試算達人的十四招秘技(附光碟)
    81. 快快樂樂學Dreamweaver/Flash/Fireworks網頁設計創意整合
    82. 挑戰Visual Basic 2008程式設計樂活學 (附光碟)
    83. 快快樂樂學Excel 2007徹底活用(附光碟)
    84. 快快樂樂學多媒體網頁設計
    85. 快快樂樂學Dreamweaver 8