Dreamweaver CC網頁創意設計案例課堂

編輯推薦

叢書以案例的形式講解軟體的內容，讀者可以在實踐中熟練掌握軟體的使用方法。

每一個案例都精挑細選，同時配有全程葛墊陵察語音講解的視頻檔案，方便讀者學習。

案例的選材廣泛，涉頁笑鍵及到軟體套用的各個領域、各個行業，學習無死角。

內容簡介

本書根據Dreamweaver CC圖形繪製和平面設計的特點，精心設計了65個案例，由優秀平面設計教師編寫，循序漸進地講解使用Dreamweaver CC製作和設計專業網頁作品的全部知識。全書共分9章，分別講解Dreamweaver CC的基本操作、娛樂休閒類網頁設計、電腦網路類網頁設計、商業經濟類網頁設計、教育培訓類網站設計、藝術愛好類網站設計、旅遊交通類網站設計、生活服務類網站設計、購物網站設計等內容，通過大量的案例精講幫助讀者掌握網頁製作的方法和操作技巧。本書採用案例教程的編寫形式，兼具技術殃宙匪墓手冊和套用專著的特點，附帶的DVD教學光碟如教師親自授課一樣講解，內容全面、結構合理、圖文並茂、案例豐富、講解清晰，不僅適合廣大圖像設計初、中級愛好者的使用，也可以作為大中專院校相關專業以及社會各類初、中級網頁培訓班的教學用書。本書配套光碟內容為本書所有案例精講的素材檔案、效果檔案以及案例精講的視頻教學檔案。

圖書目錄

第1章

Dreamweaver CC的基本操作

◆ Dreamweaver CC的安裝

◆ Dreamweaver CC的啟動與退出

◆ 站點的建立

◆ 站點的管理達充

◆ 頁面屬性設定

◆ 多媒體檔案的添加

◆ E-mail連結

◆ 下載連結

◆ 滑鼠經過圖像

◆ 彈出信息設定

◆ 設定空連結

本章重點

Dreamweaver與其他設計類軟體的基本操作方法有所不同，對初學者來說，初次使用

Dreamweaver會有許多困惑。為了方便後面章節的學習，在本章中將學習安裝、卸載、啟動試碑尋

Dreamweaver CC，並學習對該軟體的一些基本操作。

案例精講001　Dreamweaver CC的安裝

案例檔案：無

視頻檔案：視頻教學\ Cha01 \ Dreamweaver CC的安裝.avi

製作概述

本例將講解如何安裝Dreamweaver CC。

學習目標

掌握Dreamweaver CC的安裝方法。

操作步驟

(1) 將Dreamweaver CC的安裝光碟放入光碟驅動器，系統會自動運行Dreamweaver CC

的安裝程式。首先螢幕中會彈出一個安裝初始化，如圖1-1所示，這個過程大約需要幾分鐘

的時間。

(2) Dreamweaver CC的安裝程式會自動彈出一個歡迎安裝界面，單擊【安裝】或【試用】

按鈕，如圖1-2所示。

圖1-1 初始化程式

圖1-2 歡迎安裝界面

(3) 隨後彈出Dreamweaver CC授權協定視窗，單擊Dreamweaver CC授權協定視窗右下角

的【接受】按鈕，如圖1-3所示。

(4) 在彈出的對話框中的序列號文本框中填入序列號進行安裝，然後單擊【下一步】按鈕，

如圖1-4所示。

圖1-3 接受軟體許可協定

圖1-4 輸入序列號

(5) 此時會彈出Dreamweaver CC的安裝路徑，安裝過程需要創建一個資料夾，用來存放

Dreamweaver CC安裝的全部內容。如果用戶希望將Dreamweaver CC安裝到默認的資料夾中，

則直接單擊【安裝】按鈕即可；如果想要更改安裝路徑，則可以單擊安裝位置右邊的【更改】

按鈕，在磁碟列表中選擇相應的磁碟，如圖1-5所示。

(6) 用戶選擇好安裝的路徑之後，單擊【安裝】按鈕，開始安裝Dreamweaver CC軟體，如

圖1-6所示。

圖1-5 安裝路徑

圖1-6 安裝進程

(7) Dreamweaver CC安裝完成後，會顯示一個安裝完成視窗，如圖1-7所示。

(8) 單擊【關閉】按鈕，完設犁章成Dreamweaver CC的安裝。軟體安裝結束後，Dreamweaver CC

會自動在Windows程式組中添加一個Dreamweaver CC的捷徑，如圖1-8所示。

圖1-7 安裝完成界面

圖1-8 Dreamweaver CC捷徑

案例精講002　Dreamweaver CC的啟動與退出

案例檔案：無

視頻檔案：視頻教學 \ Cha01 \ Dreamweaver CC的啟動與退出.avi

製作概述

本例介紹如何啟動與退出Dreamweaver CC。

學習目標

掌握啟動與退出和戶肯Dreamweaver CC的方法。

操作步驟

(1) 雙擊桌面上的Dreamweaver CC捷徑，進入Dreamweaver CC的工作界面，如圖1-9

所示，程式就啟動完成了。

(2) 退出程式可以單擊Dreamweaver CC工作界面右上角的按鈕關閉程式，也可以選

擇選單欄中的【檔案】|【退出】命令退出程式，如圖1-10所示。

知識連結

Adobe Dreamweaver，簡稱DW，中文名稱為“夢想編織者”，是美國Macromedia公司開

發的集網頁製作和管理網站於一身的所見即所得網頁編輯器。Adobe Dreamweaver使用所見即

所得的接口，亦有HTML（標準通用標記語言下的一個套用）編輯的功能。DW是第一套針對

專業網頁設計師的視覺化網頁開發工具，利用它可以輕而易舉地製作出跨越平台限制和瀏覽器

限制的充滿動感的網頁。2015年有Mac版本和Windows版本。

圖1-9 Dreamweaver CC的工作界面

圖1-10 選擇【退出】命令

案例精講003　站點的建立

案例檔案：無

視頻檔案：視頻教學 \ Cha01 \站點的建立.avi

製作概述

在製作網頁之前，需要建立站點。本例介紹如何使用Dreamweaver CC建立站點。

學習目標

學會如何建立站點。

操作步驟

(1) 啟動Dreamweaver CC軟體，選擇【站點】|【新建站點】選單命令，如圖1-11所示。

(2) 彈出【站點設定對象】對話框，在【站點名稱】文本框中輸入“我愛我家”，如圖1-12所示。

圖1-11 選擇【新建站點】命令

圖1-12 保存檔案

(3) 在【本地站點資料夾】文本框中指定站點的位置，即計算機上用於存儲站點檔案的本

地資料夾。可以單擊該文本框右側的資料夾圖示以瀏覽相應的資料夾，如圖1-13所示。

(4) 單擊【保存】按鈕，關閉【站點設定對象】對話框，在【檔案】面板中的【本地檔案】

視窗中會顯示該站點的根目錄，如圖1-14所示。

圖1-13 存儲面板

圖1-14 【檔案】面板

Dreamweaver CC網頁創意設計案例課堂

基本介紹

編輯推薦

內容簡介

圖書目錄

相關詞條

熱門詞條