HTML5、CSS3、JavaScript、Bootstrap5、jQuery、jQuery Mobile跨裝置網頁設計 (5版)

類似書籍推薦給您

HTML5、CSS3、JavaScript、Bootstrap5、jQuery、jQuery Mobile跨裝置網頁設計 ISBN13：9786263240186 出版社：碁峰資訊 作者：陳惠貞 裝訂／頁數：平裝／496頁 規格：23cm*17cm*2.3cm (高/寬/厚) 版次：5 出版日：2021/11/16 中國圖書分類：電腦；資料處理 內容簡介 　　★一次掌握PC網頁與行動網頁的關鍵技術！ 　　以大量的範例進行語法教學，佐以整合的範例開發響應式網頁與行動網頁，破除初學者見樹不見林、無法靈活運用各項技術的迷思！ 　　■ 使用HTML5的元素和各種表單輸入類型，讓網頁的結構條理分明。 　　■ 使用CSS3的Box Model、定位方式，以及色彩、字型、文字、清單、背景、漸層、表格、陰影、邊界、留白、框線、變形處理、轉場效果、媒體查詢等屬性，以根據PC或行動裝置的特徵設計網頁。 　　■ 使用JavaScript的核心語法和瀏覽器端的應用，讓靜態網頁具有動態效果，包括DOM、JavaScript內建的物件、事件處理等。 　　■ 使用jQuery的核心語法、事件與特效，讓網頁設計更快速便利。 　　■ 使用Bootstrap5開發響應式網頁，讓網頁完整呈現在PC、平板、手機等裝置，達到One Web One URL (一網站一網址) 的目標。 　　■ 使用jQuery Mobile建立行動網頁的介面，將跨平台、跨裝置、跨瀏覽器所面臨的相容性問題交給jQuery Mobile處理。 目錄 Part 1 HTML5 Ch01 網頁設計簡介 Ch02 文件結構 Ch03 資料編輯與格式化 Ch04 圖片與表格 Ch05 影音多媒體 Ch06 表單 Part 2 CSS3 Ch07 CSS基本語法 Ch08 字型、文字與清單屬性 Ch09 色彩、背景、漸層與表格屬性 Ch10 Box Model與定位方式 Ch11 特殊效果與媒體查詢 Part 3 JavaScript & jQuery Ch12 JavaScript基本語法 Ch13 物件、DOM與事件處理 Ch14 jQuery Part 4 響應式網頁設計 & Bootstrap Ch15 使用Bootstrap開發響應式網頁 Ch16 Bootstrap元件 Ch17 RWD網頁實例 Part 5 行動網頁設計 & jQuery Mobile（此單元為PDF電子書，請線上下載） Ch18 使用jQuery Mobile開發行動網頁 Ch19 jQuery Mobile UI元件

學好跨平台網頁設計--HTML5、CSS3、JavaScript、jQuery與Bootstrap 5超完美特訓班(附範例/RWD影音教學) (3版)

類似書籍推薦給您

學好跨平台網頁設計：HTML5、CSS3、JavaScript、jQuery與Bootstrap 5超完美特訓班（附範例/RWD影音教學）（第三版） 系列名：網頁開發設計 ISBN13：9789865029074 出版社：碁峰資訊 作者：鄧文淵-總監製;文淵閣工作室-編著 裝訂／頁數：平裝／512頁 規格：23cm*17cm*2.3cm (高/寬/厚) 版次：3 出版日：2021/08/04 中國圖書分類：電腦；資料處理 內容簡介 　　最熱門的跨平台網頁設計技術大集合！ 　　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實戰影音教學 目錄 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 媒體查詢 ...

資料視覺化｜使用Python與JavaScript (2版)

類似書籍推薦給您

特色 擷取、清理、分析與轉換資料 「Kyran的書包含了大量資訊，從D3.js細節說明，到如何建構出由客製化互動式儀表板所使用的、且由資料庫所支持的API。可以肯定地說，您將從這本書中學到很多東西！」 —Peter Cook, 《D3 Start to Finish》作者 如何將原始、未經處理的資料轉化為動態的互動式web視覺化？在這本實用的書中，作者Kyran Dale向資料科學家、分析師以及Python、JavaScript開發人員，展示如何為工作建立理想的工具鏈。藉由提供引人入勝的範例以及分享得之不易的實務經驗，本書將引導您善用最佳的Python和JavaScript程式庫。 Python為爬取、清理和處理資料提供強大、成熟的程式庫。在web視覺化程式設計方面，JavaScript是最好的語言。這兩種語言相得益彰，可以幫助您建立現代web視覺化工具鏈。 您將學習如何： ‧使用爬取或web API(Requests、Scrapy、Beautiful Soup)獲取資料 ‧在NumPy生態系統(帶有pandas、Matplotlib和Seaborn的Jupyter notebook)中使用Python資料處理程式庫清理和處理資料 ‧使用靜態檔案或輕量級Python伺服器(Flask RESTful API)將資料交付到瀏覽器 ‧掌握足夠的web開發技能(HTML、CSS、JavaScript)將資料視覺化 ‧使用挖掘和精煉資料建立web圖表和視覺化(Plotly、D3) 目錄 前言 概論 Part I　基本工具包 第1章｜開發設定 第2章｜Python 和 JavaScript 之間的語言學習橋梁 第3章｜使用 Python 讀寫資料 第4章｜Webdev 101 Part II　獲取資料 第5章｜使用 Python 從 Web 獲取資料 第6章｜使用 Scrapy 進行重量級爬取 Part III　使用 pandas 清理和探索資料 第7章｜NumPy 簡介 第8章｜pandas 簡介 第9章｜用 pandas 清理資料 第10章｜使用 Matplotlib 來視覺化資料 第10章｜用 pandas 探索資料 Part IV　交付資料 第12章｜交付資料 第13章｜Flask 的 RESTful 資料 Part V　使用 D3 和 Plotly 來視覺化您的資料 第14章｜使用 Matplotlib 和 Plotly 把您的圖表帶到網路上 第15章｜想像一個諾貝爾獎視覺化 第16章｜建構視覺化 第17章｜介紹 D3 —直條圖的故事 第18章｜視覺化個人獎項 第19章｜使用 D3 繪製地圖 第20章｜視覺化個人獲獎者 第21章｜選單列 第22章｜結論 附錄A｜D3 的 enter/exit 樣式 索引

精通JavaScript (3版)

類似書籍推薦給您

內容簡介 　　導入現代程式設計原則 　　精通網頁程式語言 　　當今幾乎每個網頁應用程式的核心裡都有JavaScript的身影，從Twitter這類的社群應用程式到Phaser、Babylon等在瀏覽器環境下設計的遊戲框架。在一般人眼裡，JavaScript是程式初學者較容易上手的入門語言，但其本質其實相當靈活而且複雜，可用於開發所有規模大小的應用程式。 　　《Eloquent JavaScript 第三版》終於在千呼萬喚下登場了，經過徹底修訂的內容將帶讀者深入JavaScript語言，示範如何寫出漂亮同時又有效率的程式碼。本次更新納入全新功能，例如：類別表示法、箭頭函式、迭代器、非同步函式、字串範本及區塊作用範圍。 　　作者Haverbeke藉由程式範例進行沉浸式教學，讓讀者從第一章開始就進入程式碼的世界。同時，利用章節末的練習題和完整章節的實作專案，提供讀者自己撰寫程式的機會，累積動手的經驗。本書帶領讀者從JavaScript語言的基礎結構、控制結構、函式及資料結構學起，幫助讀者先撰寫出基本的程式；接著學習處理程式發生的錯誤、修復程式臭蟲、模組化以及非同步程式設計，再推進到網頁瀏覽器的範疇，學習如何使用JavaScript設計瀏覽器相關程式。讀者跟著書中的幾個實作專案，例如，設計瀏覽器遊戲、簡單的程式語言和繪圖程式，還能從中學到： 　　‧了解程式設計的基本要素，包括程式語法、控制和資料 　　‧藉由物件導向和函式語言程式設計兩大技巧來組織與釐清程式碼 　　‧撰寫瀏覽器腳本及開發基礎的網頁應用程式 　　‧發揮文件物件模型(DOM)的效用，與瀏覽器進行互動 　　‧利用Node.js環境建置伺服器與開發工具函式 　　看到這裡，你是不是覺得自己已經精通這項網頁程式語言了呢？ 　　本書提供的線上封閉測試環境中有書中所有的原始程式碼。讀者可在這個測試環境中編輯、執行程式碼，並且立即看到程式碼的輸出結果。 作者介紹 作者簡介 Marijn Haverbeke 　　對程式設計充滿熱忱，精通多種語言。他經手過的軟體系統範疇相當廣泛，從資料庫、編譯器到編輯器都有涉獵。目前經營一家小型企業，主要開發項目為其所主導的開放原始碼專案。 目錄 PART I 程式語言 第 1 章 資料值、資料型態與運算子 第 2 章 程式結構 第 3 章 函式 第 4 章 資料結構：物件與陣列 第 5 章 高階函式 第 6 章 物件的秘密 第 7 章 實作專案：宅配機器人 第 8 章 臭蟲與錯誤 第 9 章 規則運算式 第 10 章 模組 第 11 章 非同步程式設計 第 12 章 實作專案：自創一個小型的程式語言 PART II 瀏覽器 第 13 章 Javascript 與瀏覽器 第 14 章 文件物件模型 第 15 章 事件處理 第 16 章 專案：2D 平面遊戲 第 17 章 繪圖：Canvas 元素 第 18 章 HTTP 與表單 第 19 章 實作專案：小畫家線上版 PART III NODE 開發環境 第 20 章 伺服器端開發環境：NODE.JS 入門 第 21 章 實作專案：技能交流網站 第 22 章 提升 JavaScript 效能的技巧 解題提示