0 本書入門

關於《跟Adobe徹底研究系列》

TinyURLs（短網址）

必備技巧

本書使用慣例

Windows與OS X的操作說明

安裝程式

將Dreamweaver更新為最新版本

下載本書練習檔案

建議練習順序

額外素材

定義一個Dreamweaver網站

設定工作區

檢查更新

更多其他資源



1 自訂工作區

工作區導覽

使用「歡迎畫面」

探索新功能指南

切換檢視模式與分割檢視模式

使用面板

選擇工作區版面

使用「Extract」工作區

調整工具列

個人化偏好設定

建立自訂鍵盤快速鍵

使用「屬性」面板

關連檔案介面

使用標籤選取器

使用CSS設計工具

使用視覺媒體查詢介面（VMQ）

使用DOM檢視器

使用「抬頭顯示器」

Linting支援

Emmet簡介

探索、試驗、學習



2 基礎HTML（概念篇）

何謂HTML？

HTML來自何處？

常用的HTML元素

HTML5的新功能

撰寫自己的HTML程式碼



3 CSS 基礎（概念篇）

何謂CSS？

HTML與CSS格式化的比較

HTML預設值

CSS方框模型（Box Model）

預覽已完成檔案

格式化文字

多重套用、class與id，天啊！

CSS3概觀與支援

格式化物件



4 網頁設計基礎

開發新網站

場景

使用架構縮圖與線框草圖

使用Adobe Generator建立網頁資產（選用）



5 建立版面佈局

評估網頁設計選項

使用預設版面



6 使用網頁架構

建立標題內容

使用CSS設計工具

建立導覽選單

建立語意內容

管理Bootstrap組件寬度

插入HTML實體



7 為行動裝置進行設計

回應式設計

適配Bootstrap版面於不同的螢幕大小

使用媒體查詢

更多關於媒體查詢的資訊



8 使用範本

從現有版面建立範本

插入可編輯區域

插入中繼資料

產生子網頁



9 使用文字、清單與表格

預覽完成檔案

建立與格式化文字

建立清單

建立表格與套用樣式

為網頁檢查拼字

尋找和取代文字

自訂練習步調



10 使用影像

網頁影像的基礎知識

預覽完成檔案

插入影像

使用CSS類別調整影像位置

使用「插入」選單

插入非網頁檔案類型

使用Photoshop智慧型物件（選用）

從Photosho複製並貼上影像（選用）

以拖放方式插入影像

使用屬性面板來最佳化影像



11 使用導覽系統

超連結的基本知識

預覽完成檔案

建立內部超連結

建立外部超連結

設定電子郵件連結

建立影像連結

以頁面元素作為連結目標

檢查網頁

增加額外連結到相同網頁（選用）



12 加入互動效果

學習Dreamweaver行為

預覽完成檔案

使用Dreamweaver行為

使用Bootstrap Accordion小工具



13 使用網頁動畫與影片

了解網頁動畫與影片

預覽完成檔案

在網頁中加入動畫

為網頁加入影片

HTML5影片選項



14 發佈網站

定義遠端網站

遮罩資料夾與檔案

整合一切

發佈網站（選用）

同步本機與遠端網站



A 短網址

序



　　Adobe Dreamweaver CC是領先業界的網頁製作應用程式，不論您是做網站為業或想為自己的公司製作網站，Dreamweaver均可提供所需工具，以建立專業品質的網站。



　　關於《跟Adobe 徹底研究系列》



　　《跟Adobe 徹底研究Dreamweaver CC》是由Adobe 產品專家提供支援的圖像與出版軟體官方訓練系列叢書之一。



　　書中所提供的課程，都可讓您依自己的進度來練習。若您剛開始接觸Dreamweaver，也可學到如何執行程式的各項基本操作。若已是資深使用者，也可在本書找到許多進階功能的學習，包括使用Dreamweaver的各種訣竅與技巧。



　　雖然本書每項課程都包括建立特定專案的步驟練習，但依舊為您保留了探索與實驗的練習空間。您可從頭到尾做完本書的所有練習，亦可依自己的喜好與需求，完成相關部分的章節課程。每章課程結尾均有「課後練習」與「練習解答」，協助您複習該章課程內容。



　　TinyURLs（短網址）



　　本書許多地方都會提供線上可參考的網站網頁，這些網路資源的網址（URL）通常太長也太複雜，因此我們提供自訂的短網址，以方便查詢。然而這些短網址服務有時會過時失效，找不到連結。若您發現短網址連結無效時，便可在「附錄」裡尋找該參考資料的真實網址。

?