學好跨平台網頁設計--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 媒體查詢 ...

輕鬆玩HTML5+CSS3+JavaScript網頁程式設計2/e (2版)

類似書籍推薦給您

輕鬆玩HTML5+CSS3+JavaScript網頁程式設計 ISBN13：9786263283992 出版社：全華圖書 作者：黃建庭 裝訂：平裝 規格：26cm*19cm*2cm (高/寬/厚) 版次：2 出版日：2023/03/01 中文圖書分類：電腦；資料處理 內容簡介 這是一本易於學習與理解的HTML5、CSS3與JavaScript網頁程式設計入門書。本書先進行概念解說，介紹標籤或指令，接著解說它們的使用方法，再以步驟方式進行範例實作，務必讓概念、標籤與指令的解說清楚易懂。 本書從基礎概念到進階應用方式安排章節次序，先帶您初步認識HTML5 + CSS3 + JavaScript與網頁製作軟體的使用，接著介紹使用CSS設定文字與圖片、各種選擇器、版面編排、CSS的套用順序、製作選單與特效等功能及操作，再介紹HTML5的常用標籤、以網頁範例介紹JavaScript的概念與語法、說明JavaScript如何操作DOM（Document Object Model）動態修改網頁，最後整合前面章節所學，實際進行網頁設計及網站實作，讓您動手跟著做，就能實作出美觀實用，風格統一的網站。 本書特色 1.全書超過100題豐富範例演練。 2.架構清楚、易讀性高，經由「步驟式教學 → 程式碼示範 → 預覽結果 → 完成範例檔」四步驟，網頁設計立即上手。 3.全彩印刷，範例程式碼的重點以紅色清楚標示，幫助讀者進一步掌握不同章節的語法重點。 4.每章皆附有習題，透過問答與實作，掌握全章精華。     目錄 CH01 網頁基礎概念與VS Code + Brackets 的使用 1-1 簡介HTML5、CSS3與JavaScript 1-2 網頁的結構 1-3 VS Code + Brackets 的安裝與使用 1-4 常用瀏覽器 1-5 好用的網站 CH02 HTML與CSS初體驗 2-1 HTML標籤簡介 2-2 使用HTML標籤製作網頁 2-3 CSS樣式 2-4 使用CSS設定網頁樣式 CH03 網頁結合CSS與JavaScript 入門、Chrome開發人員工具的使用 3-1 HTML、CSS與JavaScript的角色 3-2 JavaScript與CSS匯入的方式 3-3 JavaScript與CSS範例─更改網頁中圖片 3-4 Chrome開發人員工具 CH04 使用CSS設定文字與圖片 4-1 使用CSS設定文字 4-2 使用CSS設定圖片 4-3 使用CSS設定背景顏色與背景圖片 CH05 CSS選擇器 5-1 CSS選擇器 5-2 套用多個選擇器、萬用選擇器與群組選擇器 5-3 屬性選擇器 5-4 虛擬選擇器 CH06 使用CSS進行版面編排 6-1 CSS版面編排概念 6-2 兩欄式版面 6-3 三欄式版面 CH07 區塊元素與屬性position的使用 7-1 區塊元素 7-2 屬性position的使用 CH08 CSS的屬性display 與套用順序 8-1 屬性display 8-2 CSS套用順序 CH09 使用CSS製作多層級選單 9-1 使用CSS製作多層級選單(1) 9-2 使用CSS製作多層級選單(2) CH10 利用CSS製作各種特效 10-1 文字陰影、漸層、區塊陰影與邊線弧度特效 10-2 CSS變形特效 10-3 按鈕特效範例 CH11 表格、縮排清單、表單、影片與聲音 11-1 表格與縮排清單 11-2 表單 11-3 在網頁中加入影片與聲音 CH12 網頁中加入JavaScript、JavaScript 的變數與運算子 12-1 網頁中加入JavaScript 12-2 變數 12-3 運算子 CH13 JavaScript 條件判斷與迴圈 13-1 JavaScript條件判斷 13-2 迴圈 CH14 JavaScript 陣列、函式與事件 14-1 陣列 14-2 函式 14-3 事件 CH15 文件物件模型 15-1 DOM元素的常用屬性與方法 15-2 DOM的應用範例 CH16 HTML5與JavaScript 結合的常用功能 16-1 Canvas畫布功能 16-2 SVG功能 16-3 儲存功能 16-4 查詢經緯度 16-5 Web Workers 16-6 Server-Sent Events CH17 HTML、CSS與JavaScript 的應用範例 17-1 製作三階層選單範例 17-2 製作圖片播放器 CH18 網站製作規劃 18-1 網站規劃 18-2 實作出網站

JavaScript網頁設計與TensorFlow.js人工智慧應用教本

類似書籍推薦給您

JavaScript網頁設計與TensorFlow.js人工智慧應用教本 ISBN13：9789865026103 出版社：碁峰資訊 作者：陳會安 裝訂／頁數：平裝／512頁 規格：23cm*17cm*2.4cm (高/寬/厚) 版次：1 出版日：2020/09/28 中國圖書分類：電腦程式語言 內容簡介 　　★詳細說明從ES6開始的JavaScript語言新標準 　　*使用微軟跨平台Visual Studio Code程式碼編輯器 　　*使用JavaScript版TensorFlow建構客戶端人工智慧的機器學習應用 　　*完整說明JavaScript基本語法、JavaScript自訂和內建物件。 　　*使用大量程式範例和圖例來說明HTML網頁的DOM。 　　*詳細說明CSS選擇器和如何使用JavaScript程式碼存取CSS樣式。 　　*Google Chrome開發人員工具的使用和JavaScript程式碼偵錯。 　　*完整說明jQuery語法、包裝者物件、jQuery選擇器、DOM/事件處理、動畫/特效和表單處理。 　　*詳細說明從ES6開始的JavaScript語言新標準、JavaScript非同步程式設計、JSON資料處理、Fetch API和AJAX。 　　*完整說明TensorFlow.js的張量、張量運算和視覺化圖表的繪製。 　　*實際使用JavaScript+TensorFlow.js的Keras API建構神經網路的深度學習。 　　*對於Python+Keras已經訓練好的模型，可以轉換成TensorFlow.js格式後，在客戶端建構人工智慧的機器學習應用。 　　*使用TensorFlow.js預訓練模型建立Web介面的圖片識別和分類，搭配網路攝影機WebCam建構即時物件偵測、人臉辨識和姿勢偵測等人工智慧應用。 目錄 第一篇.JavaScript程式設計 第1章： HTML與JavaScript的基礎 第2章： JavaScript變數與運算子 第3章： JavaScript流程控制 第4章： JavaScript函數與物件 第5章： JavaScript內建物件 第二篇.DOM物件模型與CSS 第6章： DOM物件模型 第7章： CSS層級式樣式表 第三篇.JavaScript函式庫-jQuery 第8章： jQuery基礎與Chrome開發人員工具 第9章： jQuery選擇器與CSS和DOM 第10章： jQuery事件處理 第11章： jQuery動畫、特效與表單處理 第四篇.從ES6開始的JavaScript語言新標準 第12章： JavaScript ES規格的新標準 第13章： 非同步程式設計、Fetch API與AJAX 第五篇.TensorFlow.js人工智慧應用 第14章： TensorFlow.js與機器學習基礎 – 認識機器學習、tensor操作和視覺化 第15章： 機器學習的迴歸、分類與CNN圖片識別 第16章： 人工智慧應用：TensorFlow.js預訓練模型 附錄A：HTML5繪圖標籤與Canvas API（電子書） 附錄B：JavaScript、jQuery與TensorFlow.js的網路資源（電子書）