





跟著實務學習HTML、CSS、JavaScript、Bootstrap、JQuery、JQueryMobile網頁設計
內容簡介
📢 含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國際認證技能知識,並提供模擬試題訓練,讓讀者除了擁有實作的能力,更擁有國際認證證明自己。
產品目錄
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 卷】
規格
退貨說明
退貨須知:
- 依照消費者保護法的規定,您享有商品貨到次日起七天猶豫期(含例假日)的權益(請注意!猶豫期非試用期),辦理退貨之商品必須是全新狀態(不得有刮傷、破損、受潮)且需完整(包含全部商品、配件、原廠內外包裝、贈品及所有附隨文件或資料的完整性等)。
- 請您以送貨廠商使用之包裝紙箱將退貨商品包裝妥當,若原紙箱已遺失,請另使用其他紙箱包覆於商品原廠包裝之外,切勿直接於原廠包裝上黏貼紙張或書寫文字。若原廠包裝損毀將可能被認定為已逾越檢查商品之必要程度,本公司得依毀損程度扣除回復原狀必要費用(整新費)後退費;請您先確認商品正確、外觀可接受,再行拆封,以免影響您的權利;若為產品瑕疵,本公司接受退貨。
依「通訊交易解除權合理例外情事適用準則」,下列商品不適用七日猶豫期,除產品本身有瑕疵外,不接受退貨:
- 易於腐敗、保存期限較短或解約時即將逾期。(如:生鮮蔬果、乳製品、冷凍冷藏食材、蛋糕)
- 依消費者要求所為之客製化給付。(如:客製印章、鋼筆刻字)
- 報紙、期刊或雜誌。
- 經消費者拆封之影音商品或電腦軟體。
- 非以有形媒介提供之數位內容或一經提供即為完成之線上服務,經消費者事先同意始提供。(如:電子書)
- 已拆封之個人衛生用品。(如:內衣褲、襪類、褲襪、刮鬍刀、除毛刀等貼身用品)
- 國際航空客運服務。
若您退貨時有下列情形,可能被認定已逾越檢查商品之必要程度而須負擔為回復原狀必要費用(整新費),或影響您的退貨權利,請您在拆封前決定是否要退貨:
- 以數位或電磁紀錄形式儲存或著作權相關之商品(包含但不限於CD、VCD、DVD、電腦軟體等) 包裝已拆封者(除運送用之包裝以外)。
- 耗材(包含但不限於墨水匣、碳粉匣、紙張、筆類墨水、清潔劑補充包等)之商品包裝已拆封者(除運送用之包裝以外)。
- 衣飾鞋類/寢具/織品(包含但不限於衣褲、鞋子、襪子、泳裝、床單、被套、填充玩具)或之商品缺件(含購買商品、附件、內外包裝、贈品等)或經剪標或下水或商品有不可回復之髒污或磨損痕跡。
- 食品、美容/保養用品、內衣褲等消耗性或個人衛生用品、商品銷售頁面上特別載明之商品已拆封者(除運送用之包裝外一切包裝、包括但不限於瓶蓋、封口、封膜等接觸商品內容之包裝部分)或已非全新狀態(外觀有刮傷、破損、受潮等)與包裝不完整(缺少商品、附件、原廠外盒、保護袋、配件紙箱、保麗龍、隨貨文件、贈品等)。
- 家電、3C、畫作、電子閱讀器等商品,除商品本身有瑕疵外,退回之商品已拆封(除運送用之包裝外一切包裝、包括但不限於封膜等接觸商品內容之包裝部分、移除封條、拆除吊牌、拆除貼膠或標籤等情形)或已非全新狀態(外觀有刮傷、破損、受潮等)與包裝不完整(缺少商品、附件、原廠外盒、保護袋、配件紙箱、保麗龍、隨貨文件、贈品等)。
- 退貨程序請參閱【客服專區→常見問題→誠品線上退貨退款】之說明。








