0人評分過此書
1.跨平台網頁設計熱門技術大集合！
2.集結HTML、CSS、JavaScript、jQuery、jQuery Mobile及Bootstrap六大必學技術，一次學會網頁程式設計的關鍵技術。
3.完整的語法解說，搭配簡單實用的範例，幫助讀者快速理解及應用。
4.超實用的響應式網頁設計範例，讓你秒懂網頁設計。
跨平台網頁設計熱門技術大集合！本書精選了網頁設計必學的技術，分為六大主題，從入門的HTML與CSS，到進階的JavaScript、jQuery、jQuery Mobile及Bootstrap。完整的語法解說，搭配簡單實用的範例，幫助您快速理解及應用，一次學會網頁程式設計的關鍵技術。整合章節所學，本書設計了「自我評量」單元，讓您在吸收知識之後，也能驗收學習的成果。
2.集結HTML、CSS、JavaScript、jQuery、jQuery Mobile及Bootstrap六大必學技術，一次學會網頁程式設計的關鍵技術。
3.完整的語法解說，搭配簡單實用的範例，幫助讀者快速理解及應用。
4.超實用的響應式網頁設計範例，讓你秒懂網頁設計。
跨平台網頁設計熱門技術大集合！本書精選了網頁設計必學的技術，分為六大主題，從入門的HTML與CSS，到進階的JavaScript、jQuery、jQuery Mobile及Bootstrap。完整的語法解說，搭配簡單實用的範例，幫助您快速理解及應用，一次學會網頁程式設計的關鍵技術。整合章節所學，本書設計了「自我評量」單元，讓您在吸收知識之後，也能驗收學習的成果。
-
CH01 網頁設計基本概念
-
1-1 網站基本概念
-
1-1-1 認識全球資訊網
-
1-1-2 網站的規劃
-
1-1-3 網站設計流程
-
1-1-4 網頁運作原則
-
1-1-5 響應式網頁設計
-
1-1-6 一頁式網站
-
1-1-7 新型態網路平台
-
-
1-2 網頁設計程式語言
-
1-2-1 瀏覽器端的網頁標籤語言
-
1-2-2 瀏覽器端網頁程式語言
-
1-2-3 伺服器端的網頁程式語言
-
1-2-4 MVC架構
-
1-2-5 Web API
-
-
1-3 搜尋引擎最佳化
-
1-3-1 SEO行銷
-
1-3-2 搜尋引擎最佳化方法
-
-
1-4 網路資源
-
1-4-1 W3Schools網站
-
1-4-2 網頁配色工具
-
1-4-3 假文產生器
-
1-4-4 圖片產生器
-
1-4-5 漸層產生器
-
1-4-6 背景圖產生器
-
1-4-7 版型產生器
-
-
-
CH02 網頁編輯工具
-
2-1 記事本及文字編輯
-
2-1-1 Windows的記事本
-
2-1-2 macOS的文字編輯
-
-
2-2 Atom
-
2-2-1 下載及安裝Atom
-
2-2-2 Atom的使用
-
-
2-3 NotePad++
-
2-3-1 下載及安裝NotePad++
-
2-3-2 NotePad++的使用
-
-
2-4 Brackets
-
2-4-1 Brackets下載與安裝
-
2-4-2 Brackets的使用
-
-
2-5 Visual Studio Code
-
2-5-1 VS Code下載與安裝
-
2-5-2 VS Code的使用
-
2-5-3 網頁版VS Code
-
-
2-6 Dreamweaver
-
2-6-1 Dreamweaver下載與安裝
-
2-6-2 Dreamweaver的使用
-
-
-
CH03 HTML基本概念
-
3-1 認識HTML
-
3-1-1 HTML的發展
-
3-1-2 HTML5
-
-
3-2 HTML檔案命名的原則
-
3-2-1 檔案的命名
-
3-2-2 網站資料夾的管理
-
3-2-3 檔案路徑
-
-
3-3 HTML的基本架構
-
3-3-1 文件基本架構
-
3-3-2 HTML的元素、標籤與屬性
-
3-3-3 全域屬性
-
-
3-4 文件資料元素
-
3-4-1 <meta>
-
3-4-2 <base>
-
3-4-3 <link>
-
3-4-4 <style>
-
3-4-5 <script>
-
3-4-6 <noscript>
-
3-4-7 HTML註解
-
-
-
CH04 常用的HTML元素
-
4-1 段落元素
-
4-1-1 標題元素－h1, h2, h3, h4, h5, h6
-
4-1-2 段落<p>與分行<br>
-
4-1-3 符號<ul>與編號<ol>
-
4-1-4 定義清單<dl>、<dt>、<dd>
-
4-1-5 引述區塊<blockquote>
-
4-1-6 預先格式化區塊<pre>
-
4-1-7 水平分隔線<hr>
-
-
4-2 文字樣式元素
-
4-2-1 粗體、斜體、刪除線、底線、標示、縮小字型
-
4-2-2 上標、下標、旁註標記
-
4-2-3 顯示電腦程式碼<code>
-
-
4-3 語意結構區塊元素
-
4-3-1 div
-
4-3-2 使用語意結構元素建構頁面
-
-
4-4 超連結元素
-
4-4-1 <a>
-
4-4-2 <a>的屬性
-
4-4-3 文件內的超連結設定
-
-
4-5 圖片元素
-
4-5-1 <img>
-
4-5-2 <picture>元素
-
4-5-3 <figure>與<figcaption>元素
-
-
-
CH05 影音多媒體、表格及表單元素
-
5-1 影音多媒體的使用
-
5-1-1 音訊元素<audio>
-
5-1-2 視訊元素<video>
-
5-1-3 內嵌框架元素<iframe>
-
-
5-2 表格元素
-
5-2-1 <table>的基本結構
-
5-2-2 直行式表格元素－<colgroup>與<col>
-
5-2-3 表格結構元素
-
-
5-3 表單元素
-
5-3-1 表單元素<form>
-
5-3-2 標籤元素<label>
-
5-3-3 輸入欄位元素<input>
-
5-3-4 輸入類型元件
-
5-3-5 多行文字元素<textarea>
-
5-3-6 下拉式選單元素<select>
-
5-3-7 表單群組元素－<fieldset>與<legend>
-
5-3-8 顯示表單計算結果<output>
-
-
-
CH06 CSS基本概念
-
6-1 認識CSS
-
6-1-1 關於CSS
-
6-1-2 CSS的基本架構
-
-
6-2 CSS的使用方式
-
6-2-1 行內樣式
-
6-2-2 內部樣式表
-
6-2-3 外部樣式表
-
6-2-4 樣式表的串接順序
-
-
6-3 CSS基本選擇器
-
6-3-1 標籤選擇器
-
6-3-2 class選擇器
-
6-3-3 ID選擇器
-
6-3-4 通用選擇器
-
6-3-5 屬性選擇器
-
-
6-4 組合選擇器
-
6-4-1 後代選擇器
-
6-4-2 子選擇器
-
6-4-3 同層相鄰選擇器
-
6-4-4 同層全體選擇器
-
-
6-5 虛擬類別選擇器
-
6-5-1 常見的虛擬類別
-
6-5-2 -child虛擬類別選擇器
-
6-5-3 -of-type虛擬類別選擇器
-
-
6-6 虛擬元素選擇器
-
6-6-1 ::before與::after
-
6-6-2 ::first-line與::first-letter
-
6-6-3 ::marker
-
6-6-4 ::selection
-
-
-
CH07 CSS基本樣式
-
7-1 色彩屬性
-
7-1-1 認識色彩值
-
7-1-2 color（色彩）屬性
-
-
7-2 字型屬性
-
7-2-1 font-family（文字字型）屬性
-
7-2-2 font-size（文字大小）屬性
-
7-2-3 font-style（文字樣式）
-
7-2-4 font-variant（文字變化）與font-variantcaps屬性
-
7-2-5 font-weight（文字粗細）屬性
-
-
7-3 文字段落屬性
-
7-3-1 text-align（文字對齊方式）與text-align-last屬性
-
7-3-2 text-decoration（文字裝飾線）屬性
-
7-3-3 text-shadow（文字陰影）屬性
-
7-3-4 其他與文字段落相關的屬性
-
-
7-4 清單屬性
-
7-4-1 list-style-type（清單符號類型）屬性
-
7-4-2 list-style-position（清單符號位置）屬性
-
7-4-3 list-style-image（圖片清單符號）屬性
-
7-4-4 list-style（清單速記）屬性
-
-
7-5 背景屬性
-
7-5-1 background-color（背景色彩）屬性
-
7-5-2 background-image（背景圖片）屬性
-
7-5-3 background-repeat（背景重複排列方式）屬性
-
7-5-4 background-position（背景圖片位置）屬性
-
7-5-5 background-attachment（背景固定模式）屬性
-
7-5-6 background-size（背景圖片大小）屬性
-
7-5-7 background（背景速記）屬性
-
7-5-8 background-blend-mode（背景混合模式）屬性
-
7-5-9 mix-blend-mode（圖層混合模式）屬性
-
7-5-10 background-clip（背景裁剪）屬性
-
-
7-6 漸層屬性
-
7-6-1 linear-gradient（線性漸層）屬性
-
7-6-2 radial-gradient（放射漸層）屬性
-
7-6-3 conic-gradient（圓錐漸層）屬性
-
7-6-4 repeating-gradient（重複漸層）屬性
-
7-6-5 opacity（透明度）屬性
-
-
7-7 表格屬性
-
7-7-1 caption-side（表格標題位置）屬性
-
7-7-2 border-collapse（表格框線模式）屬性
-
7-7-3 border-spacing（表格框線間距）屬性
-
7-7-4 table-layout（表格版面編排）屬性
-
7-7-5 empty-cells（顯示或隱藏空白儲存格）屬性
-
7-7-6 vertical-align（垂直對齊）屬性
-
-
-
CH08 CSS進階樣式
-
8-1 盒子模型
-
8-1-1 盒子模型的結構
-
8-1-2 width與height（寬度與高度）屬性
-
8-1-3 padding（內邊距）屬性
-
8-1-4 邊框屬性
-
8-1-5 margin（外邊距）屬性
-
8-1-6 box-sizing屬性
-
8-1-7 box-shadow（區塊陰影）屬性
-
-
8-2 定位方式
-
8-2-1 display（元素的顯示層級）屬性
-
8-2-2 float（浮動元素）與clear（清除浮動）屬性
-
8-2-3 position（定位元素）屬性
-
8-2-4 z-index（重疊順序）屬性
-
8-2-5 visibility（顯示或隱藏）屬性
-
-
8-3 彈性版面
-
8-3-1 flexbox（彈性版面）屬性
-
8-3-2 flex-direction（堆疊方向）屬性
-
8-3-3 flex-wrap（換行）屬性
-
8-3-4 flex-flow（彈性版面速記）屬性
-
8-3-5 justify-content（水平對齊）屬性
-
8-3-6 align-items（垂直對齊）屬性
-
8-3-7 align-content（垂直方向對齊）屬性
-
8-3-8 彈性容器中的子元素的屬性
-
-
8-4 Grid網格系統
-
8-4-1 Grid基本知識
-
8-4-2 Grid Container
-
8-4-3 Grid Item
-
8-4-4 Grid的排序與各種對齊方式
-
-
8-5 變形處理與轉場效果
-
8-5-1 transform（2D、3D變形處理）屬性
-
8-5-2 transform-origin（變形的起始點）屬性
-
8-5-3 perspective（透視）屬性
-
8-5-4 perspective-origin（初始位置）屬性
-
8-5-5 transition（轉場效果）
-
-
8-6 媒體查詢
-
8-6-1 加入媒體查詢
-
8-6-2 媒體特徵
-
8-6-3 用媒體查詢設計RWD版面
-
-
-
CH09 HTML+CSS網頁設計實作
-
9-1 單欄式網頁設計範例
-
9-1-1 範例說明
-
9-1-2 導覽列選單說明
-
9-1-3 頁首說明
-
9-1-4 內容區塊說明
-
9-1-5 按鈕說明
-
9-1-6 表單說明
-
9-1-7 頁尾說明
-
-
9-2 多欄式網頁設計範例
-
9-2-1 範例說明
-
9-2-2 Grid網格說明
-
9-2-3 導覽列三層選單製作說明
-
9-2-4 object-fit（區塊填滿）屬性
-
-
9-3 動畫效果設計範例
-
9-3-1 範例說明
-
9-3-2 animation動畫效果說明
-
9-3-3 圖片互動效果說明
-
-
-
CH10 JavaScript基本概念
-
10-1 認識JavaScript
-
10-1-1 關於JavaScript
-
10-1-2 在網頁中使用JavaScript
-
10-1-3 JavaScript語法規則
-
10-1-4 JavaScript保留字
-
-
10-2 常數與變數
-
10-2-1 認識常數與變數
-
10-2-2 宣告變數
-
10-2-3 資料型態
-
10-2-4 跳脫字元
-
-
10-3 運算子
-
10-3-1 算術運算子
-
10-3-2 字串運算子
-
10-3-3 指派運算子
-
10-3-4 比較運算子
-
10-3-5 邏輯運算子
-
10-3-6 位元運算子
-
10-3-7 typeof運算子
-
10-3-8 ?:條件運算子
-
10-3-9 運算子優先順序
-
-
10-4 流程控制
-
10-4-1 使用if與if...else進行流程控制
-
10-4-2 使用switch進行流程控制
-
10-4-3 使用while進行流程控制
-
10-4-4 使用do…while進行流程控制
-
10-4-5 使用for進行流程控制
-
-
10-5 函式
-
10-5-1 函式的定義方式
-
10-5-2 函式的參數
-
10-5-3 函式的return（傳回值）
-
10-5-4 箭頭函式
-
-
10-6 陣列
-
10-6-1 一維陣列
-
10-6-2 多維陣列
-
-
-
CH11 JavaScript物件、DOM與事件處理
-
11-1 物件
-
11-1-1 物件基本概念
-
11-1-2 JavaScript的物件導向
-
11-1-3 物件宣告
-
11-1-4 取得物件屬性
-
11-1-5 物件的方法
-
11-1-6 物件的繼承
-
11-1-7 物件的多型
-
-
11-2 BOM與DOM
-
11-2-1 認識BOM
-
11-2-2 window物件
-
11-2-3 認識DOM
-
11-2-4 document物件
-
-
11-3 事件
-
11-3-1 事件的類型
-
11-3-2 事件綁定方式
-
11-3-3 事件流程的事件捕獲與事件冒泡
-
-
11-4 JavaScript範例實作
-
11-4-1 響應式導覽列
-
11-4-2 圖片輪播
-
11-4-3 回到網頁頂端
-
11-4-4 測試響應式網頁
-
-
-
CH12 jQuery
-
12-1 jQuery基本概念
-
12-1-1 jQuery的使用
-
12-1-2 jQuery的語法
-
-
12-2 jQuery選擇器
-
12-2-1 基本選擇器
-
12-2-2 篩選選擇器
-
-
12-3 CSS與DOM的處理
-
12-3-1 變更及取得元素的方法
-
12-3-2 存取元素的屬性值
-
-
12-4 事件
-
12-4-1 事件的類型
-
12-4-2 事件處理
-
-
12-5 特效與動畫
-
12-5-1 特效的使用
-
12-5-2 自訂動畫
-
-
12-6 jQuery範例實作
-
12-6-1 圖片輪播
-
12-6-2 疊加效果
-
12-6-3 回到網頁頂端
-
-
-
CH13 jQuery Mobile
-
13-1 jQuery Mobile基本概念
-
13-1-1 jQuery Mobile的使用
-
13-1-2 jQuery Mobile的頁面結構
-
13-1-3 data-role
-
13-1-4 data-position
-
13-1-5 頁面佈景主題
-
13-1-6 頁面連結與切換效果
-
-
13-2 jQuery Mobile UI元件
-
13-2-1 按鈕元件
-
13-2-2 群組按鈕元件
-
13-2-3 導覽列元件
-
13-2-4 檢視清單元件
-
13-2-5 對話方塊元件
-
13-2-6 摺疊式內容區塊元件
-
13-2-7 網格元件
-
-
13-3 jQuery Mobile表單
-
13-3-1 表單基本概念
-
13-3-2 文字輸入
-
13-3-3 日期時間
-
13-3-4 滑桿
-
13-3-5 切換開關
-
13-3-6 單選與複選按鈕
-
13-3-7 下拉式選單
-
13-3-8 取得表單欄位值
-
-
13-4 jQuery Mobile事件
-
13-4-1 觸控事件
-
13-4-2 捲動事件
-
13-4-3 方向事件
-
13-4-4 初始化事件
-
-
13-5 行動網頁實作範例
-
13-5-1 載入相關檔案
-
13-5-2 初始化事件撰寫
-
13-5-3 使用ThemeRoller自訂主題色彩
-
13-5-4 HOME頁面製作說明
-
13-5-5 商品頁面製作說明
-
13-5-6 連絡我們頁面製作說明
-
-
-
CH14 Bootstrap基本概念
-
14-1 認識Bootstrap
-
14-1-1 載入Bootstrap
-
14-1-2 Bootstrap文件的使用
-
14-1-3 Bootstrap Icon
-
-
14-2 Bootstrap網格系統
-
14-2-1 斷點
-
14-2-2 容器
-
14-2-3 網格
-
-
14-3 類別的使用
-
14-3-1 間距類別
-
14-3-2 顏色與透明度類別
-
14-3-3 文字類別
-
14-3-4 圖片類別
-
14-3-5 表格類別
-
14-3-6 框線類別
-
14-3-7 浮動、位置、display類別
-
14-3-8 大小類別
-
14-3-9 表單類別
-
-
-
CH15 Bootstrap元件
-
15-1 Button元件
-
15-1-1 Button
-
15-1-2 Button Group
-
15-1-3 Close Button
-
15-1-4 Dropdowns
-
-
15-2 Collapse與Accordion元件
-
15-2-1 Collapse
-
15-2-2 Accordion
-
-
15-3 Card元件
-
15-3-1 基本的Card
-
15-3-2 在Card中加入圖片
-
15-3-3 在Card中加入List Group
-
15-3-4 Card樣式
-
15-3-5 Card的布局
-
-
15-4 Carousel元件
-
15-4-1 單純圖片輪播
-
15-4-2 在輪播元件中加入控制按鈕
-
15-4-3 加入字幕
-
15-4-4 轉場效果
-
-
15-5 Navs＆Tabs/Navbar/Pagination元件
-
15-5-1 Navs＆Tabs
-
15-5-2 Navbar
-
15-5-3 Pagination
-
-
15-6 Tooltip/Popover/Modal/Offcanvas元件
-
15-6-1 Tooltip
-
15-6-2 Popover
-
15-6-3 Modal
-
15-6-4 Offcanvas
-
-
-
CH16 Bootstrap響應式網頁設計實作
-
16-1 兩欄式網頁設計範例
-
16-1-1 範例說明
-
16-1-2 導覽列製作說明
-
16-1-3 側欄固定版面製作說明
-
16-1-4 右欄版面製作說明
-
-
16-2 商品網頁設計範例
-
16-2-1 範例說明
-
16-2-2 頁首製作說明
-
16-2-3 商品列表製作說明
-
16-2-4 Toasts（吐司方塊）製作說明
-
-
- 出版地 ： 臺灣
- 語言 ： 繁體中文
評分與評論
請登入後再留言與評分
PDF
PDF
PDF
PDF
PDF
