|
|
本書是Adobe推出的官方教材，內容由Adobe產品研發專家編寫而成，幫助讀者以最快速、輕鬆的方式來學習Adobe Dreamweaver CC，是最暢銷的自學訓練工具書。
本書共設計了14個課程，包括了各方面的基礎，提供數不清的提示與技巧，協助你在這套程式中提高生產力。你可以從頭到尾、按照本書的說明來閱讀，或是挑選你有興趣的章節。
本書特色
◆學習如何為現代網站製作網頁。
◆運用及自訂網頁架構，並使用最少的手動編碼內容，即能建立適用於桌上型電腦到行動裝置等不同裝置的回應式網頁設計。
◆結合圖片、文字、動畫與影片，建立豐富的互動應用。
◆為文字與影像加入連結。
◆為網站加入HTML5相容視訊與動畫等互動元素。
◆使用HTML5與CSS3程式碼及結構；並將製作完成的網站發佈到網際網路上。
作者簡介
Jim Maivald
Jim Maivald為擁有25年出版與製作經驗的圖形設計師與藝術家。他為Adobe Dreamweaver官方訓練教材撰寫了4個版本，並針對設計師編寫Adobe InDesign與XML課程，以及Adobe Photoshop、CorelDRAW等相關課程，並為全國性雜誌撰寫電子出版與製作相關的數十篇文章。他還為個人與《財富》500強企業主持InDesign與XML相關的研討會。Jim為Dreamweaver、InDesign、以及Acrobat 的Adobe認證專家（ACE），同時也是芝加哥InDesign User Group的共同主持人。
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 短網址
