跟著實務學習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 卷】

網頁設計必學技術－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 商品網頁設計範例

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 網站管理