Dreamweaver CC 網頁設計必學教本:HTML + CSS + Bootstrap + jQuery + jQuery Mobile

全華研究室、王麗琴

買這商品的人也買了...

相關主題

商品描述

本書特色

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