本書是Adobe推出的官方教材,內容由Adobe產品研發專家編寫而成,幫助讀者以最快速、輕鬆的方式來學習Adobe Dreamweaver CC,是最暢銷的自學訓練工具書。
本書共設計了14個課程,包括了各方面的基礎,提供數不清的提示與技巧,協助你在這套程式中提高生產力。你可以從頭到尾、按照本書的說明來閱讀,或是挑選你有興趣的章節。
作者簡介:
Jim Maivald為擁有25年出版與製作經驗的圖形設計師與藝術家。他為Adobe Dreamweaver官方訓練教材撰寫了4個版本,並針對設計師編寫Adobe InDesign與XML課程,以及Adobe Photoshop、CorelDRAW等相關課程,並為全國性雜誌撰寫電子出版與製作相關的數十篇文章。他還為個人與《財富》500強企業主持InDesign與XML相關的研討會。Jim為Dreamweaver、InDesign、以及Acrobat 的Adobe認證專家(ACE),同時也是芝加哥InDesign User Group的共同主持人。
作者序
Adobe Dreamweaver CC是領先業界的網頁製作應用程式,不論您是做網站為業或想為自己的公司製作網站,Dreamweaver均可提供所需工具,以建立專業品質的網站。
關於《跟Adobe 徹底研究系列》
《跟Adobe 徹底研究Dreamweaver CC》是由Adobe 產品專家提供支援的圖像與出版軟體官方訓練系列叢書之一。
書中所提供的課程,都可讓您依自己的進度來練習。若您剛開始
接觸Dreamweaver,也可學到如何執行程式的各項基本操作。若已是資深使用者,也可在本書找到許多進階功能的學習,包括使用Dreamweaver的各種訣竅與技巧。
雖然本書每項課程都包括建立特定專案的步驟練習,但依舊為您保留了探索與實驗的練習空間。您可從頭到尾做完本書的所有練習,亦可依自己的喜好與需求,完成相關部分的章節課程。每章課程結尾均有「課後練習」與「練習解答」,協助您複習該章課程內容。
TinyURLs(短網址)
本書許多地方都會提供線上可參考的網站網頁,這些網路資源的網址(URL)通常太長也太複雜,因此我們提供自訂的短網址,以方便查詢。然而這些短網址服務有時會過時失效,找不到連結。若您發現短網址連結無效時,便可在「附錄」裡尋找該參考資料的真實網址。
Adobe Dreamweaver CC是領先業界的網頁製作應用程式,不論您是做網站為業或想為自己的公司製作網站,Dreamweaver均可提供所需工具,以建立專業品質的網站。
關於《跟Adobe 徹底研究系列》
《跟Adobe 徹底研究Dreamweaver CC》是由Adobe 產品專家提供支援的圖像與出版軟體官方訓練系列叢書之一。
書中所提供的課程,都可讓您依自己的進度來練習。若您剛開始
接觸Dreamweaver,也可學到如何執行程式的各項基本操作。若已是資深使用者,也可在本書找到許多進階功能的學習,包括使用Dreamweaver的各種訣竅與技巧。
雖然本書每項課程都包括...
目錄
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 短網址
0 本書入門
關於《跟Adobe徹底研究系列》
TinyURLs(短網址)
必備技巧
本書使用慣例
Windows與OS X的操作說明
安裝程式
將Dreamweaver更新為最新版本
下載本書練習檔案
建議練習順序
額外素材
定義一個Dreamweaver網站
設定工作區
檢查更新
更多其他資源
1 自訂工作區
工作區導覽
使用「歡迎畫面」
探索新功能指南
切換檢視模式與分割檢視模式
使用面板
選擇工作區版面
使用「Extract」工作區
調整工具列
個人化偏好設定
建立自訂鍵盤快速鍵
使用「屬性」面板
關連檔案介面
使用標籤選取器
使用CSS設計工具...