CSS3

《HTML5+CSS3 從入門到精通（微課精編版）》從初學者角度出發，通過通俗易懂的語言、豐富多彩的實例，詳細介紹了HTML5+CSS3 前端開發技術及其應用。本書共25 章，包括HTML5 基礎、HTML5 新增元素和文檔結構、HTML5 表單、HTML5 繪圖和動畫、HTML5 音頻和視頻、數據存儲、應用程序緩存、多線程編程、位置信息、歷史記錄、文件操作、HTML5 通信、WebRTC 視頻直播、跨窗口操作、拖放操作、異步交互、延遲處理、HTML5 其他API、CSS3 基礎、CSS3 文本樣式、CSS3 背景圖像和漸變背景、CSS3 用戶接口樣式、CSS3 伸縮盒佈局、CSS3 動畫、CSS3 媒體查詢等內容。書中所有知識都結合具體實例進行介紹，代碼注釋詳盡，讀者可輕鬆掌握前端技術精髓，提升實際開發能力。

《HTML5+CSS3+JavaScript 從入門到精通（微課精編版）》從初學者角度出發，通過通俗易懂的語言、豐富多彩的實例，詳細介紹了HTML5+CSS3+JavaScript 前端開發技術。本書共24 章，包括HTML5 基礎，新建HTML文檔，網頁文本和版式，使用網頁圖像和多媒體信息，設計列表和超鏈接，設計表格、表單，CSS3 基礎，使用CSS3 美化文本、圖像、列表、超鏈接、表單和表格，設計CSS3 伸縮佈局、響應佈局和動畫，JavaScript 基礎，操作DOM，操作事件，操作CSS 樣式，使用Ajax，表格、表單開發，綜合實戰案例等內容。書中所有知識都結合具體實例進行介紹，代碼注釋詳盡，讀者可輕鬆掌握前端開發技術精髓。

本書由淺入深，系統、詳盡地介紹了HTML5、CSS3和JavaScript相關技術及其在Web前端及移動應用開發領域的應用。書中提供了大量的代碼示例，從基本原理到實戰應用，幾乎涉及了Web前端及移動應用開發的絕大部分內容。 本書分為四篇，共17章。第一篇為HTML和HTML5技術，涵蓋的內容包括HTML網頁基礎、頁面元素、文字與排版、網頁圖像、超鏈接、表格與表單和HTML5新特性等方面的內容；第二篇為CSS3技術，主要介紹了CSS與CSS3基礎、CSS樣式、CSS選擇器、表格與列表美化等方面的內容；第三篇為JavaScript技術，詳細講解了JavaScript語言基礎、JavaScript語法、JavaScript文檔對象模型（DOM）和JavaScript事件編程等方面的內容；第四篇為項目實戰，通過自適應Web主頁和用戶管理系統這兩個實戰項目，幫助讀者掌握基於HTML5 + CSS3 + JavaScript技術開發Web前端應用的方法。 本書適合所有想全面深入學習HTML5、CSS3和JavaScript前端開發技術的人員閱讀，也適合正在應用HTML5做移動項目開發的人員閱讀，對於高等院校和培訓機構相關專業的師生也是一本不可多得的參考書。

全彩印刷、內容持續進化、網羅最新技術、最新語法、最多範例 經典暢銷書全新改版，快速學會網頁設計的關鍵技術！ 有了本書，讓你一次學會網頁設計的關鍵技術： *使用HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。 *使用CSS3的Box Model、定位方式、彈性版面(Flexbox Layout)、格線版面(Grid Layout)，以及色彩、字型、文字、清單、背景、漸層、表格、版面設計、變形、轉場、媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。 *使用JavaScript的基本語法和瀏覽器端的技術，讓靜態網頁具有動態效果，包括文件物件模型 (DOM)、瀏覽器物件模型 (BOM)、事件處理等。 *使用jQuery的基本語法、事件、特效和常用函式，讓操作HTML文件、選擇HTML元素、處理事件、建立特效動畫等動作變得更簡單。 *使用Vue.js提供的API進行資料繫結及操作網頁上的元素，解決畫面顯示與資料狀態同步的問題。Vue.js是近年來相當熱門的前端框架，簡單易學、容易導入並具有高度的擴充性。 *使用響應式網頁設計 (RWD，Responsive Web Design) 根據瀏覽器環境自動調整網頁的版面配置，讓網頁完整呈現在PC、平板、手機等裝置，達到One Web One URL (一網站一網址) 的目標。

本书在编写过程中坚持科学性、实用性、先进性和职业性相统一,力求与计算机技术发展同步,着重提高学习者网页设计和制作的能力。

Build School創辦人暨執行長 吳典璋╱資策會資深講師 王淳平、林俊昌、蘇國鈞 聯合推薦! *增訂版，含微軟Introduction to Programming using HTML and CSS(MTA 98-383)國際認證模擬試題。 *快速上手網頁語法：使用大量範例輔助初學者學習HTML5與CSS，使初學者快速進入網頁開發領域。 *CSS3排版與動畫設計：以實際豐富的案例介紹CSS3特效、排版與動畫技巧。 *訓練JavaScript：從零開始學習JavaScript、由變數宣告、選擇結構、重複結構、陣列到函式，沒有艱澀的專業用詞，讓初學者不在害怕程式設計。 *jQuery互動應用：透過jQuery函式快速選擇元素進行互動、選取表單資料、呼叫動畫函式與替換樣式，打造酷炫的互動網頁。 *RWD響應式網頁：以全新的Bootstrap 4元件建立行動優先的跨平台網頁。 *跨平台行動網頁：建置支援ios,Android,Windows Phone的行動網頁。 *跨平台App設計：使用jQueryMobile與Cordova建製原生Android App，並部署到手機實機上。 *全端應用：整合前端Bootstrap與後端ASP.NET MVC，建製擁有CRUD功能的員工系統。

★一次掌握PC網頁與行動網頁的關鍵技術！ 以大量的範例進行語法教學，佐以整合的範例開發響應式網頁與行動網頁，破除初學者見樹不見林、無法靈活運用各項技術的迷思！ ■ 使用HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。 ■ 使用CSS3的Box Model、定位方式，以及色彩、字型、文字、清單、背景、漸層、表格、陰影、邊界、留白、框線、變形處理、轉場效果、媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。 ■ 使用JavaScript的核心語法和瀏覽器端的應用，讓靜態網頁具有動態效果，包括DOM、JavaScript內建的物件、事件處理等。 ■ 使用jQuery的核心語法、事件與特效，讓網頁設計更快速便利。 ■ 使用Bootstrap5開發響應式網頁，讓網頁完整呈現在PC、平板、手機等裝置，達到One Web One URL (一網站一網址) 的目標。 ■ 使用jQuery Mobile建立行動網頁的介面，將跨平台、跨裝置、跨瀏覽器所面臨的相容性問題交給jQuery Mobile處理。

內容簡介:全彩印刷，對學習網頁設計極有幫助！經典暢銷書全新改版，快速學會網頁程式設計的關鍵技術！有了本書，讓您一次學會網頁程式設計的關鍵技術：*HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。*CSS3的BoxModel、定位方式，以及色彩、字型、文字、清單、背景、漸層、表格、陰影、邊界、留白、框線、變形、轉場與媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。*JavaScript的核心語法和瀏覽器端的應用，讓靜態網頁具有動態效果，包括DOM、window物件、標準內建物件、環境物件、document物件、element物件、錯誤處理、事件處理、JavaScript程式範例等。*jQuery的核心語法、事件、特效和常用函式，讓網頁設計更快速便利。*jQueryUI的常用元件和佈景主題，讓網頁設計更專業美觀。*Ajax動態網頁技術在背景非同步下載更新的資料，例如伺服器端的資料或氣象、就業、觀光等網際網路上的開放資料，包括普遍使用的JSON格式。*響應式網頁設計(RWD，ResponsiveWebDesign)根據瀏覽器環境自動調整網頁的版面配置，讓網頁完整呈現在PC、平板、手機等裝置。

★快速打造行動優先的響應式網頁！ 隨著無線通訊的蓬勃發展，行動上網的比例大幅超越PC上網，網站推出「行動版」已經成為時勢所趨，而且一個現代化的網站應該導入行動優先 (mobile first) 的概念，也就是以優化行動裝置體驗為主要考量，其它裝置次之。本書所要介紹的就是建置跨平台、跨裝置網站的重要技術。 ■ 使用HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。 ■ 使用CSS3的Box Model、定位方式，以及字型、文字、清單、色彩、背景、漸層、表格、陰影、邊界、留白、框線、多欄位排版、2D/3D變形處理、媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。 ■ 使用JavaScript的核心語法和瀏覽器端的應用，讓靜態網頁具有動態效果，包括DOM、JavaScript內建的物件、事件處理等。 ■ 使用jQuery的核心語法、事件與特效，讓網頁設計更便利快速。 ■ 使用Bootstrap 4開發行動優先的響應式網頁，讓網頁完整呈現在PC、平板、手機等裝置，達到One Web One URL (一網站一網址) 的目標。 ■ 使用jQuery Mobile建立行動網頁的介面，將跨平台、跨裝置所面臨的相容性問題交給jQuery Mobile處理。

書附光碟DVD*1 網頁技術全面翻新，輕鬆操控HTML5、CSS3、jQuery的新應用，讓您的網站晉升到不同的層次。 身為網頁設計師，面對客戶不同的需求，您可以有更快更好的解決辦法，本書不只是教你製作網站，更要提供專業創新的設計概念！ 超值加贈：全書影音教學＋完整範例檔＋獨家擴充應用程式 如果你有以下問題，請立即翻開本書： ．製作網站前千頭萬緒的資料要如何整理？ ．想做出有設計感專業的網站到底要從何著手？ ．如何在網站中加入吸引人的圖片展示、影片串流、音樂播放的特效？ ．想要在網站中加入影音平台、社群互動卻一籌莫展？ ．要怎麼製作出符合不同螢幕尺寸、跨平台的網頁？ ．面對層出不窮的新技術，要用什麼軟體進行一次性的開發與維護？ Dreamweaver CS6能做的比你想得更多！絕不能錯過的精彩內容： ．直上 HTML5 網頁開發不用學習程式碼 ．CSS3 動人特效立刻套用不必等 ．流變格線版面、媒體查詢應用解決不同螢幕尺寸的開發問題 ．jQuery Mobile 無痛上手行動裝置網頁開發 ．Facebook社群工具、GoogleMap網路地圖、Youtube 影音平台一次搞定 只學功能操作是無法獨立完成一個網站，本書將以一個完整的網站為範例架構，帶你從無到有打造出專業又實用的網站。不但要認識網頁設計觀念、網站開發流程及規劃、軟體的使用與全新功能，並能引導應用進階程式來完成更多網頁的特效。讓您在練習的過程中不僅學會軟體的功能，並可藉由範例引導昇華網頁製作的技巧。 1.雙效合一的影音教學：完整解說從專案規劃、資料收集、網頁製作、網站上傳與推廣維護各個重要階段步驟，搭配書本內容及實例練習，依自己的學習節奏，不受時間地點的限制，讓學習的效果更加倍。 2.省時好用的擴充程式：將繁雜的程入碼輸入過程化為對話方塊的選項，輕鬆設定即可完成許多實用的功能：社群推文按鈕、隨機顯示照片、加入Youtube線上影片。 3.HTML5、CSS3全範例導引：不用艱深的程式碼去說明新技術，做就對了！利用範例帶您領略HTML5與CSS3的全新魅力，製作出CP值超高的新網頁。 4.Widget Browser應用：將過去複雜的程式設定化繁為簡，在網頁上加入 GoogleMap 與天氣預報模組。 5.Facebook 社群工具的導入：走出網站經營的寂寞，用力的擁抱您

最熱門的跨平台網頁設計技術大集合！ 6大主題、300個立即可套用範例，全新Bootstrap 5來襲， 最適合全面學習、現學現用的21堂經典關鍵課！ HTML5是最主流的跨平台網頁開發技術，書中以HTML5為主體，綜合當今最經典的跨平台網頁程式設計工具，完整解鎖各項技術，提供最佳學習途徑，現學現用！ 【結合最新前端技術】 全面引進最新的前端框架與技術，無論是HTML5、CSS3、JavaScript、jQuery、jQuery Mobile或是Bootstrap 5，都能銜接學習而快速上手，打造符合新一代標準的跨平台網站。 全新Bootstrap 5更是新一代RWD網站開發中的熱門焦點，能讓網頁因應不同大小的螢幕自動改變內容的配置，確保每個平台的使用者都能得到最好的操作體驗。無論是框架的安裝方式、格線系統的使用、網頁的元件、表單及工具的應用，一直到網頁互動程式的開發，Bootstrap 5都能提供簡單但功能強大的幫助！ 【徹底掌握開發語法】 透過詳細語法解說、大量圖表示意，引領了解各主題的核心概念與重點技術，並利用最適合的開發工具進行範例實作，徹底掌握語法與應用。 【立即套用海量範例】 提供大量範例應用，每個主題都依功能別加入實用範例，可依架構學習，也可以依功能主題立即尋找可套用的範例。 【跨越平台行動優先】 面對行動裝置的普及，網頁就必須跨越不同螢幕尺寸，因應不同作業平台。書中將RWD網頁建置技術徹底解構，進而掌握從電腦到手機版網頁的設計心法，讓跨平台網頁製作更簡單！ 【超值RWD影音教學】 提供RWD(Responsive Web Design，響應式網頁設計)使用Bootstrap 5的實戰影音教學，利用Bootstrap 5引導您從無到有快速打造一個跨平台的RWD網站，快速強化開發實力！ 【超值學習資源】範例程式檔、RWD網頁快速開發：使用Bootstrap 5實戰影音教學

最容易理解、讓初學者秒懂的範例解說！ 最關鍵的完整範例，一個抵十個，重點觀念一次搞懂 最實務的程式碼練習，別再說網頁設計難以上手 ■ 內容再強化&nbs...

本书通过15个项目案例讲解Web前端开发。内容涉及网页设计基础、HBuilder X工具的使用、HTML和CSS基础知识、HTML5新增标记、CSS3新增选择器、盒子模型和div布局等。

《JavaScript實戰：JavaScript、jQuery、HTML5、Node.js實例大全》從最流行的前端應用場景出發，結合當下熱門技術（AJAX、jQuery UI、瀑布流、HTML5、Node.js、CSS3），用最淺顯的例子帶領大家走向IT前沿。 《JavaScript實戰：JavaScript、jQuery、HTML5、Node.js實例大全》分為5篇共24章：第一篇介紹JavaScript的基礎知識，用原生的JavaScript做表單驗證、照片展示、抽象樹控件等；第二篇認識HTML5的流行特性，如新表單驗證、CSS3動畫、離線API及多媒體；第三篇學習強大的Canvas，它是網頁遊戲的基礎；第四篇學習用jQuery 3.x進行實戰開發；第五篇通過Node.js瞭解JavaScript強大的後端開發功能。 《JavaScript實戰：JavaScript、jQuery、HTML5、Node.js實例大全》是瞭解JavaScript技術最好的圖書，其豐富的參考資料和指南能夠成為讀者必要的參考工具，成為前端開發初學者絕佳的選擇。

本書主要對移動Web開發進行介紹，主要內容包括HTML5相關技術、界面樣式及CSS3相關技術、Javascript基本使用以及jQuery Mobile移動開發框架。本書內容涵蓋移動Web開發相關的基礎知識、開發經驗、針對移動端的開發技巧、移動開發框架以及項目實戰。書中詳細介紹移動Web開發的前沿技術，比對了傳統Web開發和移動Web開發的區別，對HTML5、CSS3等前沿技術進行了詳細深入的介紹，對移動應用開發中的移動設備適配、Web實時通信等核心問題進行了詳細講解。在理論的基礎上，注重項目實踐，是一本可讀性很高的移動Web開發教程。本書適合移動Web開發初學者、大學生，以及對移動Web開發感興趣的人員閱讀，也適合作為培訓機構或大中專院校及職業學院的教學用書。

本書將以一個完整的網站為範例架構，帶你從無到有打造出專業又實用的網站。不但要認識網頁設計觀念、網站開發流程及規劃、軟體的使用與全新功能，並引導應用進階程式完成更多網頁的特效。 1.雙效合一的影音教學：從專案規劃、資料收集、網頁製作、網站上傳與推廣維護各個重要階段步驟，搭配書本內容及實例練習，搭配學習效果加倍。 2.HTML5、CSS3全範例導引：不需艱深的程式碼去說明新技術！利用範例帶您領略HTML5與CSS3的全新魅力，製作出CP值超高的新網頁。 3.Facebook 社群工具的導入：走出網站經營的寂寞，用力的擁抱您的粉絲。加入Facebook的社群工具，讓網站增添滿滿的人氣！ 4.全新 jQuery UI 工具集：加快開發高效能的互動操作介面，改善網頁與使用者的使用經驗。 5.跨平台的網頁開發：不再只有桌面瀏覽，帶領您開發出能在平板電腦與智慧型手機上使用的網站，全面進入行動式裝置的應用。 6.自我練習檢視學習進度：提供全書範例檔及習作檔讓你跟著書籍步驟建置完整網站並可檢視學習進度。

以初學者的角度出發，從認識網頁與網站、熟悉Dreamweaver作業環境、建立全新的網站、加入多媒體內容、Div與AP Div的應用、用CSS樣式表美化網頁、設計行動版網頁…等，到網站的發佈與管理，讓您快速從新手變身為達人！ *近120個精緻範例，搭配書中完整詳盡的圖文解說，學習與練習一氣呵成。 *由最基本的網頁概念開始，帶您進入網站設計的世界。如何加入影像、動畫與視訊？如何使用Div與AP Div、CSS樣式表、網頁動態特效…等，本書都有鉅細靡遺的介紹。 *將Dreamweaver重點內容精心錄製成長達76分鐘的影音教學，透過詳細的影音操作說明，讓您一下子就學會！ *細心講解Dreamweaver CS6主要的新增及改善功能： **流變格線版面：使用專為跨平台的行動裝置與個人電腦而設計的「流變格線版面」，可以建立最適合當下螢幕大小的網頁頁面。 **多螢幕預覽：網頁或網站發佈之前，可以透過這項功能事先檢視您的設計。 **改善的FTP效能：重新改良FTP傳輸工具，簡省上傳大型檔案的時間。 **CSS3轉換：將CSS屬性的變化製作成動畫轉換效果，可以讓網頁設計更加活潑生動。 **更新的即時檢視：透過此版本更的「即時檢視」功能，在網站發佈之前可以先測試頁面，且提供絕佳的HTML5支援。

📢 含ITS HTML&CSS國際認證模擬試題 本書主要介紹網站開發的前端技術為主，以HTML 5、CSS 3、JavaScript、jQuery為基礎，搭配最新的Bootstrap 5前端框架開發行動優先的響應式網頁，同時介紹使用jQuery Mobile製作跨平台行動網頁，逐步引導初學者邁向網頁設計高手的坦途。 ．易學：經過初學者試讀，按圖索驥，可以完整重現書中範例，初學者好上手。並配合大量範例了解如何整合運用。 ．易教：本書經過與初學者或開發人員試教，修改內容與作法，去蕪存菁，教師免備課。 ．易懂：以圖文並茂方式逐步解說，內文融入ITS HTML & CSS國際認證知識，同時附上兩份國際認證模擬試題，讓讀者具考取認照的能力。 【快速上手HTML5語法】 使用大量範例輔助初學者學習HTML與CSS，使初學者快速進入網頁開發領域。 【CSS3排版與動畫設計】 以實際且豐富的案例介紹CSS排版、動畫、特效的設計技巧。 【JavaScript程式】 從零開始學習JavaScript、由變數宣告、選擇結構、重複結構、陣列到函式，沒有艱澀專業用詞，讓初學者不再害怕程式設計。 【Bootstrap元件與互動組件】 使用Bootstrap元件，如表單、按鈕、表格、縮圖、卡片、廣告屏幕與格線系統與互動組件，快速打造具使用者體驗的跨平台RWD響應式網站。 【jQuery互動應用】 透過jQuery函式選擇元素進行互動、選取表單資料、呼叫動畫函式與替換樣式，打造良好的酷炫效果與互動網頁。 【RWD網站實戰】 實作具實務案例與行動優先的跨平台網頁，讓初學者的學習展現成果。 【跨平台行動網頁】 使用jQuery Mobile開發同時支援iOS、Android的跨平台行動網頁。 【ITS HTML&CSS國際證照訓練】 涵蓋ITS HTML&CSS國際認證技能知識，並提供模擬試題訓練，讓讀者除了擁有實作的能力，更擁有國際認證證明自己。