輕鬆玩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 實作出網站

網頁設計必學技術－HTML5+CSS3+JavaScript+jQuery+jQuery Mobile+Bootstrap5(第二版) (2版)

類似書籍推薦給您

【簡介】 本書特色 1.提供最新技術、最新語法及範例，助你打造專業響應式網站！ 2.集結HTML、CSSS、JavaScript、jQuery、jQuery Mobile及Bootstrap六大必學技術，一次學會網頁程式設計的關鍵技術。 3.完整的語法解說，搭配簡單實用的範例，幫助讀者快速理解及應用。 4.超實用的響應式網頁設計範例，讓你秒懂網頁設計。 內容簡介 網頁設計全攻略，精通六大必學技術！ 網頁設計 x AI 工具，讓你的創意無限延伸！ 從零開始，掌握超實用響應式網頁設計技巧！ 跨平台網頁設計熱門技術大集合！ 本書精選了網頁設計必學的技術，分為六大主題，從 HTML5 與 CSS3 的基本概念開始，逐步進入 JavaScript 的動態效果，並探討 jQuery 與 jQuery Mobile 的互動設計，最後介紹流行的 Bootstrap 5 框架，立即學會響應式網頁的製作。搭配 AI 工具的應用，讓你在學習網頁設計技術的同時，也能夠掌握智慧化設計的最新趨勢。 【目錄】 CH01 網頁設計基本概念 1-1 網站基本概念 1-2 網頁設計程式語言 1-3 搜尋引擎最佳化 1-3-1 SEO行銷 1-4 網路資源 1-5 AI工具 1-6 網頁編輯工具 CH02 HTML基本概念 2-1 認識HTML 2-2 HTML檔案命名的原則 2-3 HTML的基本結構 2-4 文件資料元素 CH03 常用的HTML元素 3-1 段落元素 3-2 文字樣式元素 3-3 語意結構區塊元素 3-4 超連結元素 3-5 圖片元素 CH04 影音多媒體、表格及表單元素 4-1 影音多媒體元素 4-2 表格元素 4-3 表單元素 CH05 CSS基本概念 5-1 認識CSS 5-2 CSS的使用方式 5-3 CSS基本選擇器 5-4 組合選擇器 5-5 虛擬類別選擇器 5-6 虛擬元素選擇器 CH06 CSS樣式 6-1 色彩屬性 6-2 字型屬性 6-3 文字段落屬性 6-4 清單屬性 6-5 邊框屬性 6-6 背景屬性 6-7 漸層函式 6-8 表格屬性 6-9 變形、轉場與動畫屬性 CH07 CSS版面設計 7-1 盒子模型 7-2 定位方式 7-3 彈性版面 7-4 Grid網格系統 7-5 媒體查詢 CH08 HTML+CSS網頁設計範例 8-1 單欄式網頁設計範例 8-2 多欄式網頁設計範例 8-3 動畫效果設計範例 CH09 JavaScript基本概念 9-1 認識JavaScript 9-2 常數與變數 9-3 運算子 9-4 流程控制 9-5 函式 9-6 陣列 CH10 JavaScript物件、DOM與事件處理 10-1 物件 10-2 BOM與DOM 10-3 事件 10-4 JavaScript範例實作 CH11 jQuery 11-1 jQuery基本概念 11-2 jQuery選擇器 11-3 CSS與DOM的處理 11-4 事件 11-5 特效與動畫 11-6 jQuery UI組件 11-7 jQuery範例實作 CH12 jQuery Mobile 12-1 jQuery Mobile基本概念 12-2 jQuery Mobile UI元件 12-3 jQuery Mobile表單 12-4 jQuery Mobile事件 12-5 行動網頁實作範例 CH13 Bootstrap基本概念 13-1 認識Bootstrap 13-2 Bootstrap網格系統 13-3 類別的使用 CH14 Bootstrap元件 14-1 Button元件 14-2 Collapse與Accordion元件 14-3 Card元件 14-4 Carousel元件 14-5 Navs&Tabs/Navbar/Pagination元件 14-6 Tooltip/Popover/Modal/Offcanvas元件 CH15 Bootstrap響應式網頁設計範例 15-1 兩欄式網頁設計範例 15-2 商品網頁設計範例