
0人評分過此書
Dreamweaver CC網頁設計必學教本:HTML+CSS+Bootstrap+jQuery+jQuery Mobile
"本書是針對Dreamweaver CC的網頁設計教材,旨在為讀者提供全面且實用的網頁設計知識。不論您是初學者,還是已有一定經驗的網頁設計師,都能從本書獲得有價值的內容,從基礎知識到進階技巧,輕鬆掌握相關技術並且應用在網頁設計上。
網頁設計是一個廣泛而多元的領域,涉及多種技術和工具。本書透過簡單易懂的內容和實用的範例,幫助讀者迅速掌握關鍵概念。從HTML和CSS的基本概念出發,引領讀者逐步深入,介紹如何使用Dreamweaver CC建立精美的網頁,包括文本編輯、圖片處理、超連結、表格、表單及版面設計等。
此外,本書介紹用於設計響應式網頁的Bootstrap,透過實際範例,讓讀者能夠立即製作出可隨裝置自動調整大小的網頁及圖片輪播效果等。同時,也說明如何使用jQuery UI輕鬆製作折疊式面板、標籤面板等。最重要的是,本書還介紹了無需寫程式,只要使用jQuery Mobile就能製作行動裝置網頁的技巧。
本書的豐富內容,都是讀者學習網頁設計時不可錯過的必學知識。 "
網頁設計是一個廣泛而多元的領域,涉及多種技術和工具。本書透過簡單易懂的內容和實用的範例,幫助讀者迅速掌握關鍵概念。從HTML和CSS的基本概念出發,引領讀者逐步深入,介紹如何使用Dreamweaver CC建立精美的網頁,包括文本編輯、圖片處理、超連結、表格、表單及版面設計等。
此外,本書介紹用於設計響應式網頁的Bootstrap,透過實際範例,讓讀者能夠立即製作出可隨裝置自動調整大小的網頁及圖片輪播效果等。同時,也說明如何使用jQuery UI輕鬆製作折疊式面板、標籤面板等。最重要的是,本書還介紹了無需寫程式,只要使用jQuery Mobile就能製作行動裝置網頁的技巧。
本書的豐富內容,都是讀者學習網頁設計時不可錯過的必學知識。 "
-
CH01 網頁設計基本概念
-
1-1 網站基本概念
-
1-1-1 認識全球資訊網
-
1-1-2 網站與網頁
-
1-1-3 網站設計流程
-
1-1-4 網頁運作原則
-
1-1-5 響應式網頁設計
-
1-1-6 一頁式網站
-
-
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 記事本及文字編輯
-
1-3-2 程式碼編輯器
-
-
1-4 搜尋引擎最佳化
-
1-4-1 SEO行銷
-
1-4-2 搜尋引擎最佳化方法
-
-
1-5 網路資源
-
1-5-1 W3Schools網站
-
1-5-2 網頁配色工具
-
1-5-3 假文產生器
-
1-5-4 圖片產生器
-
1-5-5 漸層產生器
-
1-5-6 背景圖產生器
-
1-5-7 版型產生器
-
1-5-8 表格產生器
-
-
-
CH02 HTML基本概念
-
2-1 認識HTML
-
2-1-1 HTML的發展
-
2-1-2 HTML5
-
-
2-2 HTML的基本結構
-
2-2-1 HTML的元素、標籤與屬性
-
2-2-2 網頁結構標籤
-
2-2-3 HTML註解
-
-
2-3 常用的HTML標籤
-
2-3-1 段落與字元元素
-
2-3-2 語意結構區塊標籤
-
2-3-3 圖表及影音多媒體標籤
-
2-3-4 超連結標籤
-
-
2-4 範例實作:撰寫HTML
-
-
CH03 CSS基本概念
-
3-1 認識CSS
-
3-1-1 關於CSS
-
3-1-2 CSS的基本架構
-
-
3-2 CSS的使用方式
-
3-2-1 行內樣式
-
3-2-2 內部樣式表
-
3-2-3 外部樣式表
-
3-2-4 樣式表的串接順序
-
-
3-3 CSS基本選擇器
-
3-3-1 標籤選擇器
-
3-3-2 class選擇器
-
3-3-3 id選擇器
-
3-3-4 通用選擇器
-
3-3-5 屬性選擇器
-
-
3-4 CSS基本屬性
-
3-4-1 色彩屬性
-
3-4-2 color(色彩)屬性
-
3-4-3 文字屬性
-
3-4-4 圖片屬性
-
3-4-5 背景屬性
-
3-4-6 超連結屬性
-
3-4-7 表格屬性
-
-
-
CH04 Dreamweaver基本操作
-
4-1 認識Dreamweaver
-
4-1-1 Dreamweaver下載與安裝
-
4-1-2 Dreamweaver的系統需求
-
4-1-3 啟動Dreamweaver
-
-
4-2 Dreamweaver環境介紹
-
4-2-1 Dreamweaver的環境設定
-
4-2-2 Dreamweaver的編輯環境
-
4-2-3 Dreamweaver的面板操作
-
-
4-3 網站設定與檔案管理
-
4-3-1 HTML檔案命名的原則
-
4-3-2 網站資料夾的管理
-
4-3-3 建立網站
-
4-3-4 管理網站
-
-
4-4 建立及開啟文件
-
4-4-1 新增文件
-
4-4-2 開啟及編輯現有文件
-
-
-
CH05 網頁屬性與文字設計
-
5-1 網頁屬性設定
-
5-1-1 頁面屬性設定
-
5-1-2 網頁文字色彩與背景色彩
-
5-1-3 設定網頁邊界
-
5-1-4 網頁背景圖片
-
-
5-2 文字編輯與屬性設定
-
5-2-1 新增文字到文件
-
5-2-2 虛文產生器
-
5-2-3 新增Microsoft Word文件
-
5-2-4 HTML格式設定
-
-
5-3 插入HTML標籤
-
5-3-1 段落、標題及清單
-
5-3-2 文件標頭
-
5-3-3 水平線
-
5-3-4 日期
-
5-3-5 特殊字元
-
-
5-4 使用DOM面板調整元素
-
5-4-1 DOM面板的使用
-
5-4-2 調整元素的順序
-
5-4-3 重製、複製及刪除元素
-
-
5-5 尋找及取代文字、標籤、屬性
-
5-5-1 尋找及取代
-
5-5-2 在多個文件中尋找及取代
-
-
-
CH06 圖片與超連結應用
-
6-1 圖片的使用
-
6-1-1 認識網頁常用的圖檔格式
-
6-1-2 插入圖片
-
6-1-3 使用<figure>與<figcaption>群組圖片
-
6-1-4 幫網頁標題加上圖示
-
-
6-2 超連結的使用
-
6-2-1 超連結的HTML基本結構
-
6-2-2 超連結到同一目錄內的檔案
-
6-2-3 文件內的超連結設定
-
6-2-4 超連結到外部網站
-
6-2-5 電子郵件與電話號碼超連結
-
6-2-6 檔案超連結
-
6-2-7 影像地圖超連結
-
6-2-8 滑鼠變換影像超連結
-
-
-
CH07 表格、表單及多媒體應用
-
7-1 表格的使用
-
7-1-1 表格的HTML基本結構
-
7-1-2 加入表格
-
7-1-3 表格的調整
-
7-1-4 表格屬性設定
-
7-1-5 儲存格屬性設定
-
7-1-6 在儲存格插入圖片
-
-
7-2 表單的使用
-
7-2-1 表單的HTML基本結構
-
7-2-2 表單的製作
-
-
7-3 多媒體的使用
-
7-3-1 音訊的HTML基本結構
-
7-3-2 音訊的使用
-
7-3-3 視訊的HTML基本結構
-
7-3-4 視訊的使用
-
7-3-5 內嵌框架
-
-
-
CH08 使用CSS美化網頁
-
8-1 建立CSS樣式
-
8-1-1 在頁面建立內部樣式表
-
8-1-2 建立新的CSS檔
-
8-1-3 附加外部樣式表
-
-
8-2 CSS選取器的應用
-
8-2-1 標籤選取器
-
8-2-2 類別選取器
-
8-2-3 ID選取器
-
8-2-4 修改選取器的屬性
-
-
8-3 邊框的設計
-
8-3-1 邊框的屬性
-
8-3-2 建立邊框屬性
-
8-3-3 幫文字加上邊框
-
8-3-4 幫圖片加上邊框
-
-
8-4 背景與漸層的設計
-
8-4-1 背景屬性
-
8-4-2 建立背景屬性
-
8-4-3 背景設計範例
-
8-4-4 漸層屬性
-
8-4-5 漸層設計範例
-
-
8-5 變形處理與轉變效果
-
8-5-1 變形處理屬性
-
8-5-2 轉變效果屬性
-
8-5-3 建立轉變效果屬性
-
8-5-4 轉變設計範例
-
-
-
CH09 使用CSS設計版面
-
9-1 使用語意結構元素建構頁面
-
9-1-1 div
-
9-1-2 語意結構區塊元素
-
-
9-2 盒子模型
-
9-2-1 盒子模型的結構
-
9-2-2 width與height屬性
-
9-2-3 padding屬性
-
9-2-4 margin屬性
-
9-2-5 box-sizing屬性
-
9-2-6 範例實作
-
-
9-3 定位方式
-
9-3-1 display屬性
-
9-3-2 float與clear屬性
-
9-3-3 position屬性
-
9-3-4 z-index屬性
-
9-3-5 範例實作
-
-
9-4 彈性版面
-
9-4-1 彈性版面的屬性
-
9-4-2 四欄相片庫網頁製作
-
-
9-5 Grid網格系統
-
9-5-1 Grid基本知識
-
9-5-2 Grid Container
-
9-5-3 Grid Item
-
9-5-4 Grid的排序與各種對齊方式
-
9-5-5 網格系統範例
-
-
9-6 媒體查詢
-
9-6-1 加入媒體查詢
-
9-6-2 媒體特徵
-
9-6-3 用媒體查詢設計RWD版面
-
-
-
CH10 使用範本製作網頁
-
10-1 製作範本
-
10-1-1 建立範本文件
-
10-1-2 使用現有的文件建立範本
-
10-1-3 設定可編輯區域
-
10-1-4 選擇性區域
-
10-1-5 可編輯的選擇性區域
-
-
10-2 使用範本製作網頁
-
10-2-1 在可編輯區域中加入內容
-
10-2-2 將選擇性區域隱藏
-
10-2-3 修改可編輯的選擇性區域中的內容
-
10-2-4 修改範本
-
10-2-5 讓文件從範本中分離
-
-
-
CH11 HTML+CSS網頁設計範例
-
11-1 單欄式網頁設計範例
-
11-1-1 範例說明
-
11-1-2 導覽列選單說明
-
11-1-3 頁首說明
-
11-1-4 內容區塊說明
-
11-1-5 按鈕說明
-
11-1-6 表單說明
-
11-1-7 頁尾說明
-
-
11-2 多欄式網頁設計範例
-
11-2-1 範例說明
-
11-2-2 Grid網格說明
-
11-2-3 導覽列三層選單製作說明
-
11-2-4 object-fit (區塊填滿)屬性
-
-
11-3 動畫效果設計範例
-
11-3-1 範例說明
-
11-3-2 animation動畫效果說明
-
11-3-3 圖片互動效果說明
-
11-3-4 測試響應式網頁
-
-
-
CH12 Bootstrap基本概念
-
12-1 Bootstrap的使用
-
12-1-1 載入Bootstrap
-
12-1-2 新增Bootstrap架構的文件
-
12-1-3 Bootstrap文件的使用
-
12-1-4 Bootstrap Icon
-
-
12-2 Bootstrap網格系統
-
12-2-1 網頁結構與設計
-
12-2-2 容器
-
12-2-3 列與欄
-
12-2-4 斷點
-
12-2-5 間距
-
12-2-6 垂直與水平對齊/換行/排序
-
12-2-7 col位移與獨立col
-
12-2-8 建構Bootstrap網頁版面
-
-
12-3 Bootstrap類別
-
12-3-1 間距類別
-
12-3-2 顏色與透明度類別
-
12-3-3 文字類別
-
12-3-4 圖片類別
-
12-3-5 表格類別
-
12-3-6 框線類別
-
12-3-7 浮動、位置、display類別
-
12-3-8 大小類別
-
12-3-9 表單類別
-
-
-
CH13 使用Bootstrap組件設計網頁
-
13-1 關於Bootstrap組件
-
13-2 Carousel組件
-
13-2-1 使用Carousel組件製作圖片輪播
-
13-2-2 輪播控制按鈕
-
13-2-3 標題與說明文字
-
13-2-4 轉場效果
-
-
13-3 Navbar/Navs&Tabs/Pagination組件
-
13-3-1 Navbar
-
13-3-2 Nav & Tabs
-
13-3-3 Pagination
-
-
13-4 Buttons組件
-
13-4-1 加入Buttons組件
-
13-4-2 加入Button Group組件
-
13-4-3 Dropdowns
-
-
13-5 Card組件
-
13-5-1 加入Card組件
-
13-5-2 在Card中加入圖片
-
13-5-3 在Card中加入List Group
-
-
13-6 Tooltip/Modal/Offcanvas/Accordion/Toasts組件
-
13-6-1 Tooltip
-
13-6-2 Modal
-
13-6-3 Offcanvas
-
13-6-4 Accordion
-
13-6-5 Toasts
-
-
-
CH14 使用jQuery設計網頁
-
14-1 jQuery基本概念
-
14-1-1 jQuery的使用
-
14-1-2 jQuery的語法
-
14-1-3 jQuery的選擇器
-
-
14-2 jQuery事件與效果
-
14-2-1 事件的類型
-
14-2-2 事件處理
-
14-2-3 常用的效果
-
14-2-4 加入效果
-
14-2-5 移除效果
-
14-2-6 自訂動畫
-
-
14-3 jQuery UI組件
-
14-3-1 關於jQuery UI
-
14-3-2 Accordion組件
-
14-3-3 Tabs組件
-
-
-
CH15 使用jQuery Mobile設計行動網頁
-
15-1 jQuery Mobile基本概念
-
15-1-1 jQuery Mobile的使用
-
15-1-2 jQuery Mobile的頁面結構
-
15-1-3 data-role
-
15-1-4 jQuery Mobile事件
-
-
15-2 行動網頁的設計
-
15-2-1 建立行動網頁的網站
-
15-2-2 建立jQuery Mobile頁面
-
15-2-3 頁面佈景主題
-
15-2-4 頁面連結
-
15-2-5 固定頁首及頁尾
-
15-2-6 建立頁面內容
-
-
15-3 jQuery Mobile UI元件
-
15-3-1 按鈕元件
-
15-3-2 群組按鈕元件
-
15-3-3 導覽列元件
-
15-3-4 檢視清單元件
-
15-3-5 對話方塊元件
-
15-3-6 摺疊式內容區塊元件
-
15-3-7 網格元件
-
-
15-4 jQuery Mobile表單
-
15-4-1 表單基本概念
-
15-4-2 文字輸入
-
15-4-3 日期時間
-
15-4-4 滑桿
-
15-4-5 切換開關
-
15-4-6 單選與複選按鈕
-
15-4-7 下拉式選單
-
15-4-8 取得表單欄位值
-
-
-
CH16 網站發布與管理
-
16-1 公開網站
-
16-1-1 網站連結檢查
-
16-1-2 申請網站空間
-
16-1-3 上傳網站檔案
-
16-1-4 瀏覽網站
-
-
16-2 網站管理
-
16-2-1 檔案更新
-
16-2-2 存回與取出檔案
-
-
- 出版地 : 臺灣
- 語言 : 繁體中文
評分與評論
請登入後再留言與評分