HTML/CSS/JavaScript與前端框架的完美結合：使用Bootstrap與PWA技術，新手從這開始！(好評回饋版) (3版)

類似書籍推薦給您

【簡介】 精采內容不容錯過，好評回饋中！！ 掌握HTML/CSS/JavaScript技巧， 搭配高效前端框架技術，輕鬆成為專業網頁設計師 以淺顯易懂的方式從設計網站開始談起，從網站建置的過程、設計網站原型(prototyping)的工具以及取得各式網路資源，再循序漸進介紹Web前端三大核心技術：HTML、CSS及JavaScript，並加入前端框架Bootstrap技術，加上書中介紹好用的配色工具，就算沒有美工基礎，藉由Bootstrap工具模組以及配色表，也能快速建構出專業美觀的RWD網站。 本書也安排了Progressive Web Application(PWA)技術，手把手教您逐步將網站優化為Web APP，讓網站能像Native App在手機等行動裝置建立桌面捷徑，瀏覽網頁時具有操作Native App相似的感受。 本書共分三大單元，第一單元為前端開發觀念及HTML+CSS基礎到進階教學；第二單元安排JavaScript基礎的語法以及Web資料庫的應用；第三單元介紹前端框架工具，包括Bootstrap與PWA。各章節除了實用的範例之外，在每一單元也安排了整合練習，讓讀者能加強學習並驗收學習成果，累積實作經驗，適合自修與教學使用。 |適用對象| ✰對前端技術有興趣卻不知從何入門的初學者 ✰前端開發技術相關從業人員 ✰大專院校網站設計相關課程教材 |重點特色| ✰以淺顯易懂的方式快速了解前端開發的觀念及技術。 ✰熟悉網站原型(prototyping)並善用網路工具與資源加以實作。 ✰循序漸進介紹Web前端三大核心技術：HTML、CSS及JavaScript。 ✰活用前端框架Bootstrap技術以及工具模組，建構RWD網站。 ✰使用Progressive Web Application(PWA)技術，逐步將網站優化為Web APP。 精采內容不容錯過，好評回饋中！！ 本書共分三大單元，第一單元為前端開發觀念及HTML+CSS基礎到進階教學；第二單元安排JavaScript基礎的語法以及Web資料庫的應用；第三單元介紹前端框架工具，包括Bootstrap與PWA。各章節除了實用的範例之外，在每一單元也安排了整合練習，讓讀者能加強學習並驗收學習成果，累積實作經驗，適合自修與教學使用。 【目錄】 CHAPTER 01 網站開發的觀念與技術 1-1 網站開發的基礎觀念 1-1-1 網站及網頁 1-1-2 網頁開發的前端與後端 1-1-3 網址的組成 1-2 網站建置流程與技術 1-2-1 擬定網站主題 1-2-2 規劃網站架構與內容 1-2-3 製作網頁工具 1-2-4 上傳雲端 1-3 網頁介面原型建構工具 1-3-1 網站原型架構 1-3-2 介面線框與原型工具 1-3-3 實作網頁介面原型 CHAPTER 02 HTML與CSS基礎 2-1 學習HTML前的準備工作 2-1-1 建立HTML文件 2-1-2 自動生成HTML5架構程式碼 2-2 HTML語法概念與架構 2-2-1 HTML的標記型態 2-2-2 HTML的組成 2-2-3 標記屬性的運用 2-3 HTML5文件結構與語意標記 2-3-1 語意化的HTML標記 2-3-2 HTML5宣告與編碼設定 2-4 認識CSS基本架構 2-4-1 使用CSS樣式表 2-4-2 CSS基本格式 2-4-3 認識CSS選擇器 2-4-4 CSS的度量單位 2-4-5 CSS的顏色表示法 CHAPTER 03 HTML常用標記 3-1 排版相關標記 3-1-1 瀏覽器呈現網頁的過程 3-1-2 標題標記 3-1-3 段落及換行標記 3-2 項目列表清單 3-2-1 有序列表 3-2-2 無序列表清單 3-2-3 定義列表 3-3 表格與表單 3-3-1 表格 3-3-2 表單 3-3-3 表單元件 3-4 插入圖片與超連結 3-4-1 插入圖片 3-4-2 超連結 3-4-3 內置框架（iframe） 3-5 div標記與span標記 3-5-1 認識div標記 3-5-2 認識span標記 3-5-3 替程式碼加上註解 3-5-4 使用特殊符號及Emoji字符集 CHAPTER 04 CSS常用語法 4-1 文字與段落樣式 4-1-1 文字樣式 4-1-2 文字段落樣式 4-1-3 邊框 4-1-4 文繞圖 4-2 掌握CSS定位 4-2-1 網頁元件的定位（position） 4-2-2 立體網頁的定位 4-2-3 好用的calc()函式 CHAPTER 05 CSS Flexbox響應式排版 5-1 Flexbox模型概念 5-1-1 認識CSS盒子模型（Box Model） 5-1-2 認識Flexbox彈性盒子 5-2 Flexbox屬性 5-2-1 flex container屬性 5-2-2 flex Items屬性 CHAPTER 06 善用網路資源 6-1 圖庫素材分享平台 6-1-1 認識創用CC授權 6-1-2 搜尋CC授權素材 6-1-3 Icon nder-icon圖庫 6-1-4 替網站加入Logo小圖示 6-2 實用的網頁應用產生器 6-2-1 CSS Layout產生器 6-2-2 按鈕產生器 6-2-3 網站配色 CHAPTER 07 整合練習—詩詞展示網頁設計與實作 7-1 網頁架構說明 7-1-1 網頁架構圖 7-1-2 選擇合適的HTML標記 7-2 建立HTML與CSS程式碼 7-2-1 建立網頁架構的HTML語法 7-2-2 加入超連結 7-2-3 加入CSS語法 7-2-4 加入偽元素 7-2-5 利用Icon Fonts產生社群圖示 CHAPTER 08 JavaScript基礎 8-1 認識JavaScript 8-1-1 JavaScript基本觀念 8-1-2 JavaScript運行環境 8-1-3 瀏覽器主控台console 8-1-4 JavaScript語法架構 8-2 JavaScript基礎語法 8-2-1 JavaScript語法架構 8-2-2 JavaScript註解符號 8-2-3 資料型別（Data Type） 8-3 變數宣告與作用範圍 8-3-1 全域變數與區域變數 8-3-2 使用var關鍵字宣告變數 8-3-3 var宣告的作用域 8-3-4 使用Let關鍵字宣告變數 8-3-5 使用const關鍵字宣告常數 8-3-6 變數名稱的限制 CHAPTER 09 函式與作用域 9-1 自訂函式 9-1-1 函式的定義與呼叫 9-1-2 函式參數 9-1-3 函式回傳值 9-2 函式的多重用法 9-2-1 函式宣告式（Function Declaration） 9-2-2 函式表達式（Function Expressions） 9-2-3 物件與this關鍵字 9-2-4 立即執行函式（IIFE） CHAPTER 10 JavaScript操控DOM元素 10-1 DOM物件的方法與屬性 10-1-1 取得物件資訊 10-1-2 處理物件節點 10-1-3 屬性的讀取與設定 10-2 DOM物件的操作 10-2-1 Window物件 10-2-2 DOM集合（Collection） 10-3 DOM風格樣式 10-3-1 查詢元素樣式 10-3-2 設定元件樣式 CHAPTER 11 前端資料儲存 11-1 認識Web Storage 11-1-1 Web Storage概念 11-1-2 偵測瀏覽器是否支援Web Storage 11-2 localStorage及sessionStorage 11-2-1 存取localStorage 11-2-2 刪除localStorage 11-2-3 存取sessionStorage 11-3 IndexedDB資料庫 11-3-1 IndexedDB重要概念 11-3-2 IndexedDB基本操作 11-3-3 讀取資料 11-3-4 刪除資料 11-3-5 清空資料 CHAPTER 12 整合練習—個人通訊錄實作 12-1 網頁架構說明 12-1-1 網頁功能架構圖及線框圖 12-1-2 CSS Image Sprites 12-2 IndexedDB的CURD 12-2-1 建置資料庫物件及開啟交易 12-2-2 設定事件的處理函式 12-2-3 新增會員與新增完成 12-2-4 動態產生資料列表 12-2-5 修改與刪除單筆資料 12-2-6 清空資料與刪除資料庫 12-2-7 阻止事件傳遞與預設行為 CHAPTER 13 響應式網頁框架—Bootstrap 13-1 認識Bootstrap 13-1-1 為什麼要使用Bootstrap 13-1-2 下載Bootstrap 13-1-3 RWD的設計理念 13-2 Bootstrap排版 13-2-1 斷點（Breakpoint）與容器（Container） 13-2-2 了解Grid System 13-2-3 Viewport與Media queries 13-3 Bootstrap的樣式 13-3-1 Bootstrap通用顏色 13-3-2 Bootstrap間距 13-3-3 Bootstrap寬度與高度 13-3-4 Bootstrap文字 13-4 圖片與表格 13-4-1 響應式圖片 13-4-2 邊框圓角 13-4-3 建立Bootstrap表格 CHAPTER 14 Bootstrap擴充元件庫 14-1 導覽與選單 14-1-1 導覽列（Navigation Bar） 14-2 表單與按鈕 14-2-1 表單控制元件 14-2-2 表單排版 14-3 輪播元件（Carousel） 14-3-1 基本的輪播效果 14-3-2 利用JavaScript控制輪播 CHAPTER 15 PWA實作—我的記帳本Web App 15-1 實作「我的記帳本」網頁 15-1-1 「我的記帳本」網頁功能與介面 15-1-2 下拉式選單 15-1-3 按鈕群組 15-1-4 互動視窗 15-1-5 IndexedDB關鍵字查詢 15-1-6 善用Bootstrap Icons製作小圖示 15-2 將網頁轉換成PWA 15-2-1 什麼是PWA 15-2-2 製作各種尺寸的App圖示按鈕 15-2-3 將網頁變成PWA

CSS大全 (5版)

類似書籍推薦給您

【簡介】 全方位的CSS語法和功能介紹＋實用建議。 適合初學者、複習者和對最新發展有興趣的開發者。 改善使用者體驗、提升開發速度、避免錯誤，節省閱讀規範的時間，更有效率地應用CSS。 「Estelle和Eric不僅介紹CSS語法和功能的細節，也提出結合它們的實用建議。無論你是初學者、想要複習，還是對最新的發展有興趣，這本書絕對是任何開發者的終極指南。」 —Miriam Suzanne OddBird的共同創辦人，暨W3C CSS Working Group客座專家 如果你是網頁設計者或APP設計者，想要設計精緻的網頁、改善無障礙性(accessibility)，以及節省時間與精力，那麼這本書是為你而寫的。這本第五版將提供全方位的CSS實作指南，並詳細介紹最新的CSS規範。 作者Eric Meyer和Estelle Weyl將展示如何透過版面布局、轉場、動畫、邊框、背景、文字屬性，以及許多其他工具和技巧來改善使用者體驗、提升開發速度、避免潛在錯誤，並為應用程式增添活力和深度。他們將為你節省閱讀規範的時間！ 這本指南包含： ‧選擇器、具體性、層疊（cascade）、層疊階層 ‧CSS值與單位，媒體、特性及容器查詢 ‧字體技術的細節，以及使用任何字體變體的方法 ‧設定文字樣式，從基本的裝飾到改變整個書寫模式 ‧內距、邊框、輪廓、邊距，以及邏輯屬性 ‧顏色、背景、漸層（含錐形漸層） ‧容易理解的資料表 ‧彈性框（flexible box）與網格布局系統（含子網格） ‧2D和3D變形、轉場和動畫 ‧濾鏡、混合、剪裁和遮罩 【目錄】 前言 第一章 CSS 基礎知識 第二章 選擇器 第三章 虛擬類別與元素選擇器 第四章 具體性、繼承和層疊 第五章 值與單位 第六章 基本視覺格式化 第七章 內距、邊框、輪廓和邊距 第八章 背景 第九章 漸層 第十章 浮動與定位 第十一章 Flexible Box 布局 第十二章 網格布局 第十三章 CSS 的表格排版 第十四章 字體 第十五章 文本屬性 第十六章 列表與生成的內容 第十七章 變形 第十八章 轉場 第十九章 動畫 第二十章 濾鏡、混合、剪裁與遮罩 第廿一章 CSS 的 at 規則 附錄A 其他資源 索引

跟著實務學習HTML、CSS、JavaScript、Bootstrap、JQuery、JQueryMobile網頁設計(含ITS HTML&CSS國際認證模擬試題) (1版)

類似書籍推薦給您

內容簡介 　　含ITS HTML&CSS國際認證模擬試題 　　本書主要介紹網站開發的前端技術為主，以HTML 5、CSS 3、JavaScript、jQuery為基礎，搭配最新的Bootstrap 5前端框架開發行動優先的響應式網頁，同時介紹使用jQuery Mobile製作跨平台行動網頁，逐步引導初學者邁向網頁設計高手的坦途。 　　．易學：經過初學者試讀，按圖索驥，可以完整重現書中範例，初學者好上手。並配合大量範例了解如何整合運用。 　　．易教：本書經過與初學者或開發人員試教，修改內容與作法，去蕪存菁，教師免備課。 　　．易懂：以圖文並茂方式逐步解說，內文融入ITS HTML & CSS國際認證知識，同時附上兩份國際認證模擬試題，讓讀者具考取認照的能力。 　　【快速上手HTML5語法】 　　使用大量範例輔助初學者學習HTML與CSS，使初學者快速進入網頁開發領域。 　　【CSS3排版與動畫設計】 　　以實際且豐富的案例介紹CSS排版、動畫、特效的設計技巧。 　　【JavaScript程式】 　　從零開始學習JavaScript、由變數宣告、選擇結構、重複結構、陣列到函式，沒有艱澀專業用詞，讓初學者不再害怕程式設計。 　　【Bootstrap元件與互動組件】 　　使用Bootstap元件，如表單、按鈕、表格、縮圖、卡片、廣告屏幕與格線系統與互動組件，快速打造具使用者體驗的跨平台RWD響應式網站。 　　【jQuery互動應用】 　　透過jQuery函式選擇元素進行互動、選取表單資料、呼叫動畫函式與替換樣式，打造良好的酷炫效果與互動網頁。 　　【RWD網站實戰】 　　實作具實務案例與行動優先的跨平台網頁，讓初學者的學習展現成果。 　　【跨平台行動網頁】 　　使用jQuery Mobile開發同時支援iOS、Android的跨平台行動網頁。 　　【ITS HTML&CSS國際證照訓練】 　　內文含蓋ITS HTML&CSS國際認證技能知識，並提供模擬試題訓練，讓讀者除了擁有實作的能力，更擁有國際認證證明自己。 目錄 Ch1 認識HTML與網頁開發工具 1.1 網頁開發技術簡介 1.2 HTML 簡介 1.3 RWD 響應式網頁設計概念與優缺點 1.4 HTML5 支援的瀏覽器 1.5 HTML5 開發工具 Ch2 網頁圖文、超連結、音效與影片 2.1 HTML5 網頁文件結構 2.2 段落設定 2.3 超連結 2.4 圖片、音效與影片 2.5 語意標籤 Ch3 表格的設計 3.1 表格的功能 3.2 表格的組成 3.3 表格常用的屬性 3.4 表格排版實例-旅遊相簿 Ch4 表單的設計 4.1 表單的建立 4.2 表單欄位類型簡介 4.3 表單欄位的使用 4.4 表單欄位常用的屬性 4.5 表單欄位顯示名稱 label標籤 4.6 表單欄位外框 Ch5 CSS基礎 5.1 CSS 的演進與特色 5.2 CSS 基本語法 5.3 CSS 套用方法 5.4 CSS 各類選擇器 Ch6 CSS顏色、文字、段落與列表設計 6.1 顏色設定 6.2 文字設定 6.3 段落設定 6.4 項目清單設定 Ch7 CSS背景、區域與外框設計 7.1 背景與圖片設定 7.2 版面定位 7.3 框線變化設定 7.4 表格設定 7.5 陰影與漸層 7.6 媒體查詢 7.7 CSS 網頁範例 Ch8 CSS變形、轉換與動畫設計 8.1 變形效果 8.2 轉場效果 8.3 動畫效果 Ch9 JavaScript語言、變數與運算子 9.1 JavaScript 基本功能介紹 9.2 JavaScript 程式碼位置 9.3 JavaScript 變數的使用 9.4 JavaScript 運算子 9.5 JavaScript 常用輸出入方法 Ch10 JavaScript流程控制 10.1 選擇敘述 10.2 迴圈敘述 Ch11 JavaScript陣列與函式 11.1 陣列 11.2 函式 11.3 習題 Ch12 jQuery 基礎與選擇器的使用 12.1 jQuery 特色與功能 12.2 jQuery 語法 12.3 jQuery 選擇器使用 Ch13 jQuery函式、特效與事件應用 13.1 與DOM 元素互動 13.2 與元素的CSS 互動 13.3 事件處理 13.4 特效應用 13.5 jQuery 網頁開發實例 Ch14 Bootstrap 套件與基礎元件使用 14.1 Bootstrap 簡介與下載 14.2 格線系統 14.3 Bootstrap 常用元件 Ch15 Bootstrap JS 互動組件 15.1 標籤頁組件(Bootstrap JS Tab) 15.2 圖片輪播組件(Bootstrap JS Carousel) 15.3 互動視窗組件(Bootstrap JS Modal) 15.4 手風琴組件(Bootstrap JS Collapse) 15.5 實例-科技公司資訊網 Ch16 jQuery Mobile 跨平台網頁設計 16.1 App 開發技術與jQuery Mobile 簡介 16.2 jQuery Mobile 開發 16.3 jQuery Mobile 網頁架構 16.4 jQuery Mobile 網頁常用元件 附錄 A：ITS HTML & CSS 國際認證模擬試題【A 卷】 附錄 B：ITS HTML & CSS 國際認證模擬試題【B 卷】

Dreamweaver CC網頁設計必學教本：HTML+CSS+Bootstrap+jQuery+jQuery Mobile (1版)

類似書籍推薦給您

本書特色 1.全方位學習：涵蓋HTML、CSS、Bootstrap、jQuery和jQuery Mobile等核心技術。 2.豐富範例：提供多種網頁設計範本，搭配步驟式教學，讓學習內容立即應用。 3.深入理解：完整的語法解說，幫助讀者快速理解及應用。 內容簡介 本書是針對Dreamweaver CC的網頁設計教材，旨在為讀者提供全面且實用的網頁設計知識。不論您是初學者，還是已有一定經驗的網頁設計師，都能從本書獲得有價值的內容，從基礎知識到進階技巧，輕鬆掌握相關技術並且應用在網頁設計上。 網頁設計是一個廣泛而多元的領域，涉及多種技術和工具。本書透過簡單易懂的內容和實用的範例，幫助讀者迅速掌握關鍵概念。從HTML和CSS的基本概念出發，引領讀者逐步深入，介紹如何使用Dreamweaver CC建立精美的網頁，包括文本編輯、圖片處理、超連結、表格、表單及版面設計等。 此外，本書介紹用於設計響應式網頁的Bootstrap，透過實際範例，讓讀者能夠立即製作出可隨裝置自動調整大小的網頁及圖片輪播效果等。同時，也說明如何使用jQuery UI輕鬆製作折疊式面板、標籤面板等。最重要的是，本書還介紹了無需寫程式，只要使用jQuery Mobile就能製作行動裝置網頁的技巧。 本書的豐富內容，都是讀者學習網頁設計時不可錯過的必學知識。 目錄 CH01 網頁設計基本概念 1-1 網站基本概念 1-2 網頁設計程式語言 1-3 網頁編輯工具 1-4 搜尋引擎最佳化 1-5 網路資源 CH02 HTML基本概念 2-1 認識HTML 2-2 HTML的基本結構 2-3 常用的HTML標籤 2-4 範例實作：撰寫HTML CH03 CSS基本概念 3-1 認識CSS 3-2 CSS的使用方式 3-3 CSS基本選擇器 3-4 CSS基本屬性 CH04 Dreamweaver基本操作 4-1 認識Dreamweaver 4-2 Dreamweaver環境介紹 4-3 網站設定與檔案管理 4-4 建立及開啟文件 CH05 網頁屬性與文字設計 5-1 網頁屬性設定 5-2 文字編輯與屬性設定 5-3 插入HTML標籤 5-4 使用DOM面板調整元素 5-5 尋找及取代文字、標籤、屬性 CH06 圖片與超連結應用 6-1 圖片的使用 6-2 超連結的使用 CH07 表格、表單及多媒體應用 7-1 表格的使用 7-2 表單的使用 7-3 多媒體的使用 CH08 使用CSS美化網頁 8-1 建立CSS樣式 8-2 CSS選取器的應用 8-3 邊框的設計 8-4 背景與漸層的設計 8-5 變形處理與轉變效果 CH09 使用CSS設計版面 9-1 使用語意結構元素建構頁面 9-2 盒子模型 9-3 定位方式 9-4 彈性版面 9-5 Grid網格系統 9-6 媒體查詢 CH10 使用範本製作網頁 10-1 製作範本 10-2 使用範本製作網頁 CH11 HTML+CSS網頁設計範例 11-1 單欄式網頁設計範例 11-2 多欄式網頁設計範例 11-3 動畫效果設計範例 CH12 Bootstrap基本概念 12-1 Bootstrap的使用 12-2 Bootstrap網格系統 12-3 Bootstrap類別 CH13 使用Bootstrap組件設計網頁 13-1 關於Bootstrap組件 13-2 Carousel組件 13-3 Navbar/Navs&Tabs/Pagination組件 13-4 Buttons組件 13-5 Card組件 13-6 Tooltip/Modal/Offcanvas/Accordion/Toasts組件 CH14 使用jQuery設計網頁 14-1 jQuery基本概念 14-2 jQuery事件與效果 14-3 jQuery UI組件 CH15 使用jQuery Mobile設計行動網頁 15-1 jQuery Mobile基本概念 15-2 行動網頁的設計 15-3 jQuery Mobile UI元件 15-4 jQuery Mobile表單 CH16 網站發布與管理 16-1 公開網站 16-2 網站管理

網頁設計完全攻略HTML、CSS、JavaScript、Bootstrap、jQuery、Vue.js、RWD｜搭配ChatGPT效率加倍 (1版)

類似書籍推薦給您

簡介 這是一本內容非常齊全的網頁設計書籍，網羅最新技術、最新語法、最多範例，包含下列的【7大主題】和【超過700個範例程式】，全彩印刷，圖解詳盡，觀念正確，讓讀者快速學會網頁設計的關鍵技術！ ．HTML ．CSS ．JavaScript ．Bootstrap ．jQuery ．Vue.js ．響應式網頁設計 (RWD) 除了分篇分章進行語法教學，目前最熱門的【ChatGPT】也是重要主題，我們會介紹如何使用ChatGPT學習網頁設計，包括撰寫網頁程式、解讀網頁程式、加註解、除錯、查詢語法、尋求技術支援、出題練習、解題、與其它程式語言做轉換等。 為了讓讀者體驗如何將各種語法活用到實際的網頁設計，不再陷入只會語法，卻不知如何活用的窘境，我們設計了【三大響應式網頁範例】－【圖庫網站】、【旅遊網站】和【部落格網站】，其中第一個範例是使用HTML和CSS手刻響應式網頁，而第二、三個範例是使用HTML、CSS和Bootstrap開發響應式網頁，這些範例均相當精美，對於設計人員開發網頁、老師設計教學範例、學生製作專題或參加競賽都極具參考價值。 學習重點------------------------------------------------------------ 【第0章－ChatGPT】 在本章中，我們會介紹如何使用ChatGPT學習網頁設計，例如撰寫網頁程式、解讀網頁程式、加註解、除錯、查詢語法、尋求技術支援、出題練習、解題、與其它程式語言做轉換等。 【第1篇－HTML】 HTML可以用來定義網頁的內容，開發各種網頁應用程式。在本篇中，我們會介紹HTML常用的元素，例如文件結構、資料編輯與格式化、嵌入內容、表格、表單等。 【第2篇－CSS】 CSS可以用來定義網頁的外觀，包括編排、顯示、格式化及特殊效果。在本篇中，我們會介紹CSS常用的屬性，例如色彩、字型、文字、清單、Box Model、定位方式、背景、漸層、濾鏡、表格、Flexbox Layout、Grid Layout、變形、轉場、動畫、媒體查詢等。 【第3篇－JavaScript】 JavaScript可以用來定義網頁的行為，在本篇中，我們會介紹JavaScript的基本語法，包括型別、變數、常數、運算子、流程控制、函式、物件等，還會介紹JavaScript在瀏覽器端的應用，也就是如何利用JavaScript讓靜態網頁具有動態效果，包括文件物件模型 (DOM)、瀏覽器物件模型 (BOM)、事件處理等。 【第4篇－網頁前端框架】 除了最核心的HTML、CSS和JavaScript，還有許多應用於JavaScript程式開發的函式庫與框架，在本篇中，我們會介紹下列幾種技術： ．Bootstrap：是很受歡迎的HTML、CSS與JavaScript框架，用來開發響應式 (responsive)、行動優先 (mobile first) 的網頁，使用者無須撰寫CSS或JavaScript程式碼，就可以輕鬆設計出響應式網頁。 ．jQuery：是一個快速、輕巧、功能強大的JavaScript函式庫，透過它所提供的API，可以讓諸如操作HTML文件、選擇HTML元素、處理事件、建立特效、使用Ajax技術等動作變得更簡單。 ．Vue.js：這個JavaScript函式庫，提供API讓Web開發人員進行資料繫結及操作網頁上的元素，解決畫面顯示與資料狀態同步的問題。 此外，我們還會介紹【響應式網頁設計】(RWD，Responsive Web Design)，這是一種網頁設計方式，目的是根據使用者的瀏覽器環境 (例如寬度或方向等)，自動調整網頁的版面配置，以提供最佳的顯示結果，同時設計了【3大響應式網頁範例】－圖庫網站、旅遊網站、部落格網站，讓您不只懂語法，更懂如何運用到實際的網頁設計。 目錄 第00章　網頁設計 x ChatGPT 　　0-1　開始使用 ChatGPT 　　0-2　查詢網頁設計相關的語法 　　0-3　查詢網頁設計相關的技術建議 　　0-4　撰寫網頁程式與除錯 　　0-5　與其它程式語言互相轉換 　　0-6　提供練習測驗與解答 【Part 1　HTML】 第01章　網頁設計基礎 　　1-1　網站建置流程 　　1-2　網頁設計相關的程式語言 　　1-3　HTML 的發展 　　1-4　HTML 文件的編輯工具 　　1-5　HTML 文件的基本結構 　　1-6　撰寫第一份 HTML 文件 第02章　文件結構 　　2-1 HTML 文件的根元素 - html 元素 　　2-2 HTML 文件的標頭 - head 元素 　　2-3 HTML 文件的主體 - body 元素 　　2-4 HTML5 新增的結構元素 第03章　資料編輯與格式化 　　3-1　區塊格式 　　3-2　文字格式 　　3-3　插入或刪除資料 - ins、del 元素 　　3-4　項目符號與編號 - ul、ol、li 元素 　　3-5　定義清單 - dl、dt、dd 元素 　　3-6　超連結 　　3-7　相對 URL 的路徑資訊 base 元素 第04章　嵌入內容 　　4-1　嵌入圖片 - img 元素 　　4-2　嵌入影片 - video 元素 　　4-3　嵌入聲音 - audio 元素 　　4-4　設定媒體資源 - source 元素 　　4-5　嵌入不同的圖片 - picture 元素 　　4-6　嵌入物件 - object 元素 　　4-7　嵌入浮動框架 - iframe 元素 　　4-8　嵌入Script - script、noscript 元素 第05章　表格 　　5-1　 建立表格 - table、tr、th、td 元素 　　5-2　 表格標題 - caption 元素 　　5-3　 表格的表頭、主體與表尾 - thead、tbody、tfoot 元素 　　5-4　 直行式表格 - colgroup、col 元素 第06章　表單 　　6-1　建立表單 - form、input 元素 　　6-2　HTML4.01 提供的輸入類型 　　6-3　HTML5 新增的輸入類型 　　6-4　按鈕 - button 元素 　　6-5　標籤 - label 元素 　　6-6　選項群組 - optgroup 元素 　　6-7　將表單欄位群組起來 - fieldset、legend 元素 【Part 2　CSS】 第07章　CSS 基本語法 　　7-1　CSS 的發展 　　7-2　在 HTML 文件中套用 CSS 　　7-3　CSS 的語法 　　7-4　選擇器的類型 　　7-5　樣式表的串接順序 第08章　色彩、字型、文字與清單 　　8-1　色彩屬性 　　8-2　字型屬性 　　8-3　文字屬性 　　8-4　清單屬性 第09章　Box Model 與定位方式 　　9-1　Box Model 　　9-2　邊界屬性 　　9-3　留白屬性 　　9-4　框線屬性 　　9-5　寬度與高度屬性 　　9-6　定位方式 第10章　背景、漸層、濾鏡與表格 　　10-1 背景屬性 　　10-2 漸層函式 　　10-3 濾鏡屬性 　　10-4 表格屬性 第11章　CSS 版面設計 　　11-1　使用 float 屬性進行版面設計 　　11-2　彈性盒子版面 　　11-3　格線版面 第12章　變形、轉場、動畫與媒體查詢 　　12-1　變形屬性 　　12-2　轉場屬性 　　12-3　動畫屬性 　　12-4　媒體查詢 第13章　響應式網頁設計實例―圖庫網站 　　13-1　開發適用於不同裝置的網頁 　　13-2　響應式網頁設計原則 　　13-3　手刻響應式網頁（圖庫網站） 　　13-4　手刻導覽按鈕（漢堡選單） 　　13-5　重置 CSS 【Part 3　JavaScript】 第14章　JavaScript 基本語法 　　14-1　撰寫第一個 JavaScript 程式 　　14-2　JavaScript 程式碼撰寫慣例 　　14-3　型別 　　14-4　變數 　　14-5　常數 　　14-6　運算子 　　14-7　流程控制 　　14-8　函式 　　14-9　變數的有效範圍 第15章　JavaScript 內建物件 　　12-1　認識物件 　　12-2　使用物件 　　12-3　內建物件 第16章　文件物件模型 (DOM) 　　16-1　認識 DOM 　　16-2　取得元素節點 　　16-3　走訪節點 　　16-4　取得 / 設定元素的屬性值與文字內容 　　16-5　新增 / 取代 / 移除節點 　　16-6　存取表單元素 　　16-7　操作 CSS 樣式表 第17章　瀏覽器物件模型 (BOM) 　　17-1　認識 BOM 　　17-2　Window 物件 　　17-3　Location 物件 　　17-4　Navigator 物件 　　17-5　History 物件 　　17-6　Screen 物件 　　17-7　Document 物件 第18章　事件處理 　　18-1　事件驅動模式 　　18-2　事件的類型 　　18-3　定義事件處理程式 / 事件監聽程式 　　18-4　移除事件處理程式 / 事件監聽程式 　　18-5　Event 物件 　　18-6　事件處理範例 【Part 4　網頁前端框架】 第19章　Bootstrap 網格系統 　　19-1　撰寫 Bootstrap 網頁 　　19-2　使用 Bootstrap 網格系統 第20章　Bootstrap 樣式 　　20-1　內容樣式 　　20-2　公用類別 　　20-3　按鈕 　　20-4　表單 第21章　Bootstrap 元件 　　21-1 關閉按鈕 (Close button) 　　21-2 警報效果 (Alert) 　　21-3 下拉式清單 (Dropdown) 　　21-4 按鈕群組 (Button group) 　　21-5 導覽與標籤頁 (Nav and tab) 　　21-6 導覽列 (Navbar) 　　21-7 卡片 (Card) 　　21-8 工具提示 (Tooltip) 　　21-9 彈出提示 (Popover) 　　21-10 摺疊 (Collapse) 　　21-11 手風琴效果 (Accordion) 　　21-12 輪播 (Carousel) 　　21-13 分頁導覽 (Pagination) 第22章　響應式網頁設計實例 - 旅遊網站 　　22-1 「快樂旅遊」網站 　　22-2 設計網頁樣板 　　22-3 設計導覽列 　　22-4 設計輪播 　　22-5 設計內容區 - 警報效果 　　22-6 設計內容區 - 卡片 　　22-7 設計頁尾 第23章　響應式網頁設計實例 - 部落格網站 　　23-1 「快樂部落格」網站 　　23-2 設計網頁樣板 　　23-3 設計頁首、導覽列與介紹區 　　23-4 設計內容區 　　23-5 設計頁尾 第24章　jQuery 　　24-1　認識 jQuery 　　24-2　取得 jQuery 核心 　　24-3　使用 jQuery 核心 　　24-4　事件處理 　　24-5　特效與動畫 第25章　Vue.js 　　25-1 認識 Vue.js 　　25-2 安裝與使用 Vue.js 　　25-3 樣板語法 　　25-4 methods 與 computed 屬性 　　25-5 事件處理 　　25-6 表單欄位繫結 　　25-7 類別與樣式繫結 　　25-8 條件式渲染 　　25-9 清單渲染