Dreamweaver CC一本通

《Dreamweaver CC一本通》是2014年6月機械工業出版社出版的圖書，作者是張曉景。

基本介紹

• 中文名：Dreamweaver CC一本通
• 作者：張曉景
• 出版社：機械工業出版社
• 出版時間：2014年6月1日
• 頁數：380 頁
• 定價：86 元
• 開本：16 開
• 裝幀：平裝
• ISBN：9787111467601

內容簡介

本書通過實用的小例子對軟體本身的功能進行講解，快速掌握軟體操作。通過使用綜合性例子，對基礎知識點進行鞏固，全面提高學習質量。綜合多方內容，製作大型商業案例，擴展讀者視野針對DreamweaverCC版本新增強大功能著重講解，做出明確標示。全書所有案例配教學視頻，有助讀者學習。案例有所針對性，包括了常用的行業，例如廣告、數碼照片、網站等。

圖書目錄

目 錄

前言

第1章　網頁設計製作基礎

1.1 什麼是網頁

1.1.1 網頁設計概述

1.1.2 網頁設計與網頁製作

1.1.3 網頁設計術語

1.2 網頁編輯軟體和螢幕解析度

1.2.1 網頁編輯軟體

1.2.2 螢幕解析度

1.3 優秀網頁的要素

1.4 網頁設計所涵蓋的內容

1.4.1 網頁版式設計

1.4.2 網頁設計的任務

1.4.3 網頁設計的實現

1.4.4 網頁設計造型的組合

1.4.5 網頁設計的特點

1.5 網頁設計中的色彩套用

1.5.1 網頁色彩的特性

1.5.2 網頁安全色

1.5.3 色彩模式

1.5.4 色彩的聯想作用

1.5.5 網頁配色的基本方法

1.6 本章小結

第2章　初識Dreamweaver CC

2.1 Dreamweaver CC簡介

2.2 Dreamweaver CC的安裝與卸載

2.2.1 Dreamweaver CC的系統要求

2.2.2 安裝Dreamweaver CC

自測1：安裝Dreamweaver CC

光碟\視頻\第2章\2-2-2.swf

2.2.3 卸載Dreamweaver CC

自測2：卸載Dreamweaver CC

光碟\視頻\第2章\2-2-3.swf

2.2.4 啟動Dreamweaver CC

2.3 Dreamweaver CC的新增功能

2.3.1 簡潔的用戶界面

2.3.2 全新的“新建文檔”對話框

2.3.3 Dreamweaver與Creative Cloud同步

2.3.4 全新的“插入”面板

2.3.5 全新的“CSS設計器”面板

2.3.6 新增HTML5畫布插入按鈕

2.3.7 新增網頁結構元素

2.3.8 新增HTML5音頻和視頻插入按鈕

2.3.9 支持導入Adobe Edge Animate作品

2.3.10 新增HTML5表單輸入類型

2.3.11 新增適用於jQuery Mobile的表單元素

2.3.12 jQuery Widget

2.3.13 集成Edge Web Fonts

2.3.14 支持全新的平台

2.3.15 增強表單元素對HTML5的支持

2.3.16 增強FTP

2.4 Dreamweaver CC的工作界面

2.4.1 Dreamweaver CC的選單欄

2.4.2 “插入”面板

2.4.3 “文檔”工具列

2.4.4 狀態欄

2.4.5 浮動面板

2.5 輔助工具的使用

2.5.1 標尺

2.5.2 輔助線

2.5.3 格線

2.6 本章小結

第3章　使用Dreamweaver CC編輯HTML代碼

3.1 HTML簡介

3.1.1 什麼是HTML

3.1.2 HTML的語法結構

3.1.3 HTML中的3種標籤形式

3.2 HTML語言中的重要標籤

3.2.1 檔案結構標籤

3.2.2 字元格式標籤

3.2.3 區段格式標籤

3.2.4 列表標籤

3.2.5 表格標籤

3.2.6 超連結標籤

3.2.7 多媒體標籤

3.2.8 表單標籤

3.2.9 分區標籤

3.3 在Dreamweaver CC中編輯HTML

3.3.1 在代碼視圖中創建HTML頁面

自測3：在代碼視圖中創建HTML頁面

光碟\視頻\第3章\3-3-1.swf

3.3.2 在設計視圖中創建HTML頁面

自測4：在設計視圖中創建HTML頁面

光碟\視頻\第3章\3-3-2.swf

3.3.3 代碼視圖詳解

3.3.4 摺疊代碼

3.3.5 選擇父標籤

3.3.6 代碼的注釋

3.3.7 環繞標籤

3.4 使用快速標籤編輯器

3.4.1 使用插入模式的快速標籤編輯器

3.4.2 使用編輯模式的快速標籤編輯器

3.4.3 使用環繞模式的快速標籤編輯器

3.4.4 設定快速標籤編輯器的屬性

3.5 使用代碼片段

3.5.1 插入代碼片段

3.5.2 創建代碼片段

3.6 最佳化代碼

3.6.1 最佳化HTML代碼

3.6.2 清理Word生成的HTML代碼

3.7 網頁中的其他原始碼

3.7.1 CSS樣式代碼

3.7.2 JavaScript腳本代碼

3.7.3 原始碼中的注釋

3.8 本章小結

第4章　建立和管理站點

4.1 創建站點

4.1.1 創建本地站點

自測5：創建本地站點

光碟\視頻\第4章\4-1-1.swf

4.1.2 設定站點伺服器

4.1.3 站點伺服器的基本選項

4.1.4 站點伺服器的高級選項

4.1.5 設定版本控制

4.2 站點的高級設定

4.2.1 本地信息

4.2.2 遮蓋

4.2.3 設計備註

4.2.4 檔案視圖列

4.2.5 Contribute

4.2.6 模板

4.2.7 jQuery

4.2.8 Web字型

4.2.9 Edge Animate 資源

4.3 Business Catalyst站點

4.3.1 什麼是Business Catalyst

4.3.2 創建Business Catalyst站點

自測6：創建Business Catalyst站點

光碟\視頻\第4章\4-3-2.swf

4.3.3 Business Catalyst面板

4.4 站點的基本操作

4.4.1 創建頁面

自測7：在站點中新建頁面

光碟\視頻\第4章\4-4-1.swf

4.4.2 使用“新建文檔”對話框創建新檔案

4.4.3 創建資料夾

自測8：在站點中新建資料夾

光碟\視頻\第4章\4-4-3.swf

4.4.4 移動和複製檔案或資料夾

4.4.5 重命名檔案或資料夾

4.4.6 刪除檔案或資料夾

4.5 管理站點

4.5.1 站點的切換

4.5.2 “管理站點”對話框

4.6 創建個人站點

自測9：創建個人站點

光碟\視頻\第4章\4-6.swf

4.7 本章小結

第5章　網頁整體屬性的控制

5.1 設定網頁的頭信息

5.1.1 設定網頁標題

5.1.2 添加關鍵字

自測10：為網頁添加關鍵字

光碟\視頻\第5章\5-1-2.swf

5.1.3 添加說明

自測11：為網頁添加說明

光碟\視頻\第5章\5-1-3.swf

5.1.4 插入視口

5.2 設定頁面的META信息

5.2.1 設定網頁的文字編碼格式

5.2.2 設定網頁的到期時間

5.2.3 禁止瀏覽器從本地計算機的快取中讀取頁面內容

5.2.4 設定cookie過期

5.2.5 強制網頁在當前視窗中以獨立頁面顯示

5.2.6 設定網頁打開時的效果

5.2.7 設定網頁退出時的效果

5.2.8 其他設定

5.3 設定頁面屬性

5.3.1 設定外觀（CSS）

自測12：設定外觀（CSS）

光碟\視頻\第5章\5-3-1.swf

5.3.2 設定外觀（HTML）

5.3.3 設定連結（CSS）

5.3.4 設定標題（CSS）

5.3.5 設定標題和編碼

5.3.6 設定跟蹤圖像

5.4 設計製作個人網站頁面

自測13：設計製作個人網站頁面

光碟\視頻\第5章\5-4.swf

5.5 本章小結

第6章　CSS樣式在網頁中的套用

6.1 認識CSS

6.1.1 什麼是CSS樣式

6.1.2 CSS樣式的基本寫法

6.1.3 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 標籤選擇器

6.3.3 類選擇器

6.3.4 ID選擇器

6.3.5 偽類及偽對象選擇器

6.3.6 群選擇器

6.3.7 派生選擇器

6.4 使用CSS樣式的4種方式

6.4.1 內聯CSS樣式

自測14：使用內聯CSS樣式

光碟\視頻\第6章\6-4-1.swf

6.4.2 內部CSS樣式

自測15：使用內部CSS樣式

光碟\視頻\第6章\6-4-2.swf

6.4.3 連結外部CSS樣式表檔案

自測16：連結外部CSS樣式表檔案

光碟\視頻\第6章\6-4-3.swf

6.4.4 導入外部CSS樣式表檔案

自測17：導入外部CSS樣式表檔案

光碟\視頻\第6章\6-4-4.swf

6.5 CSS樣式的創建與編輯

6.5.1 創建標籤CSS樣式

自測18：創建標籤CSS樣式

光碟\視頻\第6章\6-5-1.swf

6.5.2 創建類CSS樣式

自測19：創建類CSS樣式

光碟\視頻\第6章\6-5-2.swf

6.5.3 創建ID CSS樣式

自測20：創建ID CSS樣式

光碟\視頻\第6章\6-5-3.swf

6.5.4 創建複合CSS樣式

自測21：創建複合CSS樣式

光碟\視頻\第6章\6-5-4.swf

6.5.5 編輯CSS樣式

6.6 豐富的CSS樣式設定

6.6.1 布局樣式設定

自測22：布局樣式設定

光碟\視頻\第6章\6-6-1.swf

6.6.2 文本樣式設定

自測23：文本樣式設定

光碟\視頻\第6章\6-6-2.swf

6.6.3 框線樣式設定

自測24：框線樣式設定

光碟\視頻\第6章\6-6-3.swf

6.6.4 背景樣式設定

自測25：背景樣式設定

光碟\視頻\第6章\6-6-4.swf

6.6.5 其他樣式設定

自測26：其他樣式設定

光碟\視頻\第6章\6-6-5.swf

6.7 CSS的單位和顏色值

6.7.1 單位

6.7.2 顏色值

6.8 CSS類選區

自測27：CSS類選區

光碟\視頻\第6章\6-8.swf

6.9 設計製作工作室網站頁面

自測28：設計製作工作室網站頁面

光碟\視頻\第6章\6-9.swf

6.10 本章小結

第7章　CSS 3.0中新增的屬性

7.1 CSS 3.0新增的選擇器類型

7.1.1 屬性選擇器

7.1.2 結構偽類選擇器

7.1.3 UI元素狀態偽類選擇器

7.2 CSS 3.0新增的顏色定義方法

7.2.1 HSL顏色定義方法

7.2.2 HSLA顏色定義方法

7.2.3 RGBA顏色定義方法

自測29：使用RGBA顏色方法設定背景顏色

光碟\視頻\第7章\7-2-3.swf

7.3 CSS 3.0新增的文本設定屬性

7.3.1 控制文本換行屬性word-wrap

7.3.2 文本溢出處理屬性text-overflow

7.3.3 文字陰影屬性text-shadow

自測30：為網頁文字添加陰影效果

光碟\視頻\第7章\7-3-3.swf

7.4 CSS 3.0新增的背景設定屬性

7.4.1 背景圖像顯示區域屬性background-origin

7.4.2 背景圖像裁剪區域屬性background-clip

7.4.3 背景圖像大小屬性background-size

自測31：控制網頁中背景圖像的大小

光碟\視頻\第7章\7-4-3.swf

7.5 CSS 3.0新增的框線設定屬性

7.5.1 多重框線顏色屬性border-colors

7.5.2 圖像框線屬性border-image

7.5.3 圓角框線屬性border-radius

自測32：在網頁中實現圓角效果

光碟\視頻\第7章\7-5-3.swf

7.6 CSS 3.0新增的內容和透明度屬性

7.6.1 內容屬性content

7.6.2 透明度屬性opacity

自測33：在網頁中實現半透明的圖像效果

光碟\視頻\第7章\7-6-2.swf

7.7 CSS 3.0新增的多列布局屬性

7.7.1 列寬度屬性column-width

7.7.2 列數屬性column-count