網頁設計必學技術－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 商品網頁設計範例
立即查看
跟著實務學習HTML5、CSS3、JavaScript、jQuery、jQuery Mobile、Bootstrap 4&Cordova(增訂版)
類似書籍推薦給您
立即查看
學好跨平台網頁設計--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 實作出網站
立即查看
HTML5、CSS3、JavaScript、jQuery、Vue.js、RWD網頁設計 (8版)
類似書籍推薦給您
HTML5、CSS3、JavaScript、jQuery、Vue.js、RWD網頁設計(第八版)
系列名：網頁開發設計
ISBN13：9786263243576
出版社：碁峰資訊
作者：陳惠貞
裝訂／頁數：平裝／528頁
規格：23cm*18cm*2.45cm (高/寬/厚)
出版日：2022/12/12
中文圖書分類：電腦；資料處理
內容簡介
全彩印刷、內容持續進化、網羅最新技術、最新語法、最多範例
經典暢銷書全新改版，快速學會網頁設計的關鍵技術！
有了本書，讓你一次學會網頁設計的關鍵技術：
*使用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 (一網站一網址) 的目標。
目錄
Part 1 HTML5
第1章 網頁設計基礎
第2章 文件結構
第3章 資料編輯與格式化
第4章 嵌入內容
第5章 表格
第6章 表單
Part 2 CSS3
第7章 CSS基本語法
第8章 色彩、字型、文字與清單
第9章 Box Model與定位方式
第10章 背景、漸層與表格
第11章 CSS版面設計
第12章 變形、轉場與媒體查詢
Part 3 JavaScript
第13章 JavaScript基本語法
第14章 物件
第15章 事件處理
Part 4 其它技術
第16章 響應式網頁設計(RWD)
第17章 jQuery
第18章 Vue.js
立即查看
華通書坊
