學好跨平台網頁設計--HTML5、CSS3、JavaScript、jQuery與Bootstrap 5超完美特訓班(附範例/RWD影音教學) (3版) (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+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網頁程式設計 (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 最強圖解實戰講座 (2版)

類似書籍推薦給您

HTML5‧CSS3 最強圖解實戰講座 【第二版】 ISBN13：9789863126492 替代書名：HTML5&CSS3標準デザイン講座 30LESSONS【第2版】 出版社：旗標出版社 作者：草野あけみ-作;施威銘研究室-監修 譯者：林子君;陳禹豪 裝訂／頁數：平裝／176頁 規格：23cm*17cm*2.5cm (高/寬/厚) 出版日：2020/11/20 中國圖書分類：電腦科學 內容簡介 語法再怎麼熟，欠缺網頁製作流程 knowhow，永遠只能做出陽春範例！ 　　許多網頁設計新手初學 HTML 跟 CSS 時, 經常不斷在基礎語法上打轉, 卻始終對「如何製作出一個完整網頁」還是一知半解, 結果就是只能作出零碎、陽春的範例..., 那不叫網頁, 只是練習完產生的 HTML 檔啦！ 　　學 HTML+CSS 的目的是什麼？當然是想「做出網頁」啊！這麼單純而重要的需求, 很多書卻都忽略掉了！ 　　為了解決初學者的困境, 本書將從實務的網頁製作流程著手, 【完整示範如何將一個純文字內容 Step by Step 製作成精緻的網頁】, 您可從中掌握各種網頁製作 knowhow, 包括網頁架構的規劃、各種標籤/選擇器的使用時機、版面 Layout 如何設計、以及最讓新手頭腦打結的 border / padding/ margin 數值計算......等。 　　而這樣的教學方式在本書初版上市以來就深受讀者好評推薦： 　　「市面上太多本 HTML + CSS 的書與現實脫節, 本書完整將網頁的撰寫流程向大家交代。」 　　「作者把做一個網頁的架構技術, 很流暢地介紹出來, 降低剛開始寫網頁的混亂感。」 　　秉持相同的概念, 續作【第二版】則增加了更方便的網頁版面設計技巧 -【CSS flexbox】的介紹, 此外, 對現今網頁製作者來說絕對無法迴避的【行動版 / RWD 網頁】, 也有 Step by Step 的製作說明。書中精心設計了各種示意圖幫助您了解重要概念, 再也不怕學不會, 能夠讓您迅速成為網頁設計的即戰力！ 本書特色 　　‧陽春範例退散！從零開始教你設計精緻網頁 　　純文字 → HTML 作標記 → CSS 設樣式 → 精緻網頁, Step by Step 超詳盡示範實作流程！ 　　‧超豐富示意圖解說入門觀念, 想不會都不行！ 　　‧用 HTML 正確標記標題、段落、section / div / span 等區塊 　　‧id、class名稱、網頁圖檔的命名規則 　　‧用 CSS3 逐步設計背景、頁首、導航選單、側邊欄、頁尾、內容區塊 　　‧豐富圖解熟悉 border / padding/ margin, 頭腦不再打結 　　‧製作多欄式版面 　　‧網路字型、圖示字型的使用 　　【第二版】特別強打內容： 　　‧CSS 版面設計的主流手法 - flexbox 　　‧行動版網頁 / RWD 網頁的設計技巧 目錄 Ch01 Step by Step 製作 HTML 網頁 LESSON 01 HTML 概要 LESSON 02 編寫 HTML 文件 LESSON 03 實際進行標記 LESSON 04 換行、強調內容、插入圖片與連結 Ch02 CSS 基本功 LESSON 05 CSS概要 LESSON 06 基本屬性的使用方法 LESSON 07 基本選擇器的使用方法 LESSON 08 用背景圖裝飾元素 LESSON 09 用 CSS 美化元素 LESSON 10 基本版面設計與 Box Model Ch03 表格與表單 LESSON 11 製作表格與表單 LESSON 12 設定表格與表單樣式 Ch04 CSS 版面設計基礎 LESSON 13 用 float 屬性進行版面配置 LESSON 14 用position屬性進行版面配置 LESSON 15 flexbox彈性框架 Ch05 認識 HTML5 新元素 LESSON 16 區塊元素 LESSON 17 元素分類與內容模型 LESSON 18 其它 HTML5 新元素與屬性 Ch06 製作網頁所需的 CSS3 實務知識 LESSON 19 CSS3 重要的新選擇器 LESSON 20 CSS3 的裝飾功能 LESSON 21 變形與轉場動畫 LESSON 22 Media Queries Ch07 讓網頁支援多裝置瀏覽 (觀念篇) LESSON 23 行動裝置對網頁製作的影響 LESSON 24 製作行動版網頁的基礎知識 Ch08 RWD 響應式網頁設計的準備工作 LESSON 25 響應式網頁的畫面設計 LESSON 26 增進效率的語法撰寫計劃 Ch09 Step by Step 實作響應式網頁 LESSON 27 準備樣板檔案 LESSON 28 完成基本的行動版所見頁面 LESSON 29 使用 Media Query 功能調整版面配置 LESSON 30 兼顧多種裝置的設計實作