Dreamweaver CC網頁創意設計案例課堂（附光盤） pdf epub mobi txt 電子書下載 2025

簡體網頁||繁體網頁

☆☆☆☆☆

劉濤等著

圖書標籤:

Dreamweaver CC
網頁設計
創意設計
案例教程
前端開發
HTML
CSS
JavaScript
網頁製作
光盤

下載連結在頁面底部

facebook linkedin mastodon messenger pinterest reddit telegram twitter viber vkontakte whatsapp 複製連結

想要找書就要到新城書站

book.cndgn.com

立刻按 ctrl+D收藏本頁

你會得到大驚喜!!

齣版社：清華大學齣版社

ISBN：9787302386124

版次：1

商品編碼：11623549

品牌：清華大學

包裝：平裝

叢書名： CG設計案例課堂

開本：16開

齣版時間：2015-01-01

用紙：膠版紙

頁數：488

正文語種：中文

具體描述

編輯推薦

　　清華大學齣版社“案例課堂”大係
　　叢書以案例的形式講解軟件的內容，讀者可以在實踐中熟練掌握軟件的使用方法。
　　每一個案例都精挑細選，同時配有全程語音講解的視頻文件，方便讀者學習。
　　案例的選材廣泛，涉及到軟件應用的各個領域、各個行業，學習無死角。
　　“CG設計”係列全彩精印，同等價位下內容更多，同等內容下更實惠。
　　“網站開發”係列附贈超值，全麵學習無障礙：
　　CSS屬性速查錶
　　HTML標簽速查錶
　　網頁布局案例賞析
　　精彩網站配色方案賞析
　　精選JavaScript實例
　　JavaScript函數速查手冊
　　CSS+DIV布局案例賞析
　　案例源文件與教學課件

內容簡介

　　《Dreamweaver CC網頁創意設計案例課堂》根據Dreamweaver CC圖形繪製和平麵設計的特點，精心設計瞭65個案例，由優秀平麵設計教師編寫，循序漸進地講解使用Dreamweaver CC製作和設計專業網頁作品的全部知識。全書共分9章，分彆講解Dreamweaver CC的基本操作、娛樂休閑類網頁設計、電腦網絡類網頁設計、商業經濟類網頁設計、教育培訓類網站設計、藝術愛好類網站設計、旅遊交通類網站設計、生活服務類網站設計、購物網站設計等內容，通過大量的案例精講幫助讀者掌握網頁製作的方法和操作技巧。c采用案例教程的編寫形式，兼具技術手冊和應用專著的特點，附帶的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是第一套針對專業網頁設計師的視覺化網頁開發工具，利用它可以輕而易舉地製作齣跨越平颱限製和瀏覽器限製的充滿動感的網頁。目前有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站點是一種管理網站中所有相關聯文檔的工具，通過站點可以實現將文件上傳到網絡服務器、自動跟蹤和維護、管理文件以及共享文件等功能。嚴格地說，站點也是一種文檔的組織形式，由文檔和文檔所在的文件夾組成，不同的文件夾保存不同的網頁內容，如images文件夾用於存放圖片，這樣便於以後管理與更新。Dreamweaver中的站點包括本地站點、遠程站點和測試站點3類。本地站點是用來存放整個網站框架的本地文件夾，是用戶的工作目錄，一般製作網頁時隻需建立本地站點。遠程站點是存儲於Internet服務器上的站點和相關文檔。通常情況下，為瞭不連接Internet而對所建的站點進行測試，可以在本地計算機上創建遠程站點，來模擬真實的Web服務器進行測試。

　　案例精講004 站點的管理

　　案例文件：無視頻文件：視頻教學 Cha01 站點的管理.avi

　　製作概述

　　本例介紹如何在Dreamweaver CC中管理站點。

　　學習目標

　　掌握使用Dreamweaver CC管理站點的方法。

　　操作步驟

　　（1）選擇【站點】|【管理站點】菜單命令，如圖1-15所示。

　　（2）打開【管理站點】對話框，如圖1-16所示。

　　圖1-15 選擇【管理站點】命令

　　圖1-16 【管理站點】對話框

　　（3）在【管理站點】對話框中選擇要打開的站點，如選擇【我愛我傢】站點，單擊【完成】按鈕，即可將其打開，如圖1-17所示。

　　知識鏈接測試站點是Dreamweaver處理動態頁麵的文件夾，使用此文件夾生成動態內容並在工作時連接到數據庫，用於對動態頁麵進行測試。靜態網頁是標準的HTML文件，采用HTML編寫，是通過HTTP在服務器端和客戶端之間傳輸的純文本文件，其擴展名是htm或html。動態網頁以.asp、jsp、php等形式為後綴，以數據庫技術為基礎，含有程序代碼，是可以實現如用戶注冊、在綫調查、訂單管理等功能的網頁文件。動態網頁能根據不同的時間、不同的來訪者顯示不同的內容，動態網站更新方便，一般在後颱直接更新。

　　（4）如果要對站點進行編輯，可在選擇站點名稱後單擊【編輯當前選定的站點】按鈕，如圖1-18所示，完成上述操作後即可打開【站點設置對象】對話框。

　　圖1-17 選擇對象

　　圖1-18 單擊【編輯當前選定的站點】按鈕

　　（5）完成編輯後，單擊【保存】按鈕，返迴【管理站點】對話框，單擊【完成】按鈕結束站點的編輯，如圖1-19所示。

　　圖1-19 保存文件

　　知識鏈接站點是一組具有共享屬性（如相關主題、類似的設計或共同目的）的鏈接文檔和資源。Dreamweaver是創建和管理站點的工具，使用它不僅可以創建單獨的文檔，還可以創建完整的Web站點。

　　案例精講005　頁麵屬性設置

　　案例文件：無視頻文件：視頻教學 Cha01 頁麵屬性設置.avi

　　製作概述

　　本例介紹Dreamweaver CC的頁麵屬性設置。

　　學習目標

　　學會如何設置網頁的頁麵屬性。

　　操作步驟

　　（1）運行Dreamweaver CC軟件，單擊【屬性】欄中的【頁麵屬性】按鈕，如圖1-20所示。

　　（2）在彈齣的【頁麵屬性】對話框中的【分類】欄中進行選擇，可對頁麵的背景顔色、位圖和字體等進行設置，如圖1-21所示。

　　對於在Dreamweaver中創建的每個頁麵，都可以使用【頁麵屬性】對話框指定布局和格式設置屬性。在【頁麵屬性】對話框可以指定頁麵的默認字體係列和字體大小、背景顔色、邊距、鏈接樣式及頁麵設計的其他許多方麵。可以為創建的每個新頁麵指定新的頁麵屬性，也可以修改現有頁麵的屬性。在【頁麵屬性】對話框中所進行的更改將應用於整個頁麵。Dreamweaver提供瞭兩種修改頁麵屬性的方法：CSS 或 HTML。Adobe建議使用CSS設置背景和修改頁麵屬性。

　　圖1-20 單擊【頁麵屬性】按鈕

　　圖1-21 設置參數

　　案例精講006 多媒體文件的添加

　　案例文件：無視頻文件：視頻教學 Cha01 多媒體文件的添加.avi

　　製作概述

　　本例介紹如何在網頁中添加多媒體文件。

　　學習目標

　　學會如何在網頁中添加多媒體文件。

　　操作步驟

　　（1）啓動Dreamweaver CC，在歡迎屏幕的【新建】欄中選擇HTML選項，如圖1-22所示。

　　（2）選擇菜單欄中的【插入】|【媒體】| flash SWF命令，將隨書附帶光盤中的CDROM 素材 Cha01自行車.swf文件插入到當前文檔，如圖1-23所示。

　　圖1-22 選擇HTML選項

　　圖1-23 選擇對象

　　（3）單擊【確定】按鈕後會彈齣請求保存對話框，單擊【是】按鈕，如圖1-24所示。

　　（4）在【對象標簽輔助功能屬性】對話框中，標題隨意即可，單擊【確定】按鈕即可，如圖1-25所示。

　　圖1-24 單擊【是】按鈕

　　圖1-25 【對象標簽輔助功能屬性】

　　（5）完成上述操作，效果如圖1-26所示。

　　（6）完成後進行保存，按F12鍵可以在瀏覽器中預覽效果，如圖1-27所示。

　　圖1-26 完成操作後的效果

　　圖1-27 預覽效果

　　知識鏈接相比傳統媒體，網頁包含瞭更多的組成元素——除瞭文字、圖像、音頻、視頻外，還有很多其他對象也可以加入網頁中，比如Java Applet小程序、Flash動畫、QuickTime電影等。1. 文字文字是網頁的主體，是傳達信息最重要的方式。因為它占用的存儲空間非常小（一個漢字隻占用兩個字節），所以很多大型的網站提供純文字的版麵以縮短瀏覽者的下載時間。文字在網頁上的主要形式有標題、正文、文本鏈接等。2. 圖像采用圖像可以減少純文字給人的枯燥感，巧妙的圖像組閤可以帶給用戶美的享受。圖像在網頁中有很多用途，可以用來做圖標、標題、背景等，甚至構成整個頁麵。（1）圖標網站的標誌是風格和主題的集中體現，其中可以包含文字、符號、圖案等元素。設計師就是用這些元素進行巧妙組閤來達到錶現公司、網站形象的目的。（2）標題標題可以用文本，也可以用圖像。但是使用圖像標題要比文本標題的錶現力更強，效果更加突齣。有時頁麵中的標題需要使用特殊的字體，但可能很多瀏覽者的機器上沒有安裝這種字體，那麼瀏覽者看到的效果和設計師看到的效果是不同的。此時最好的解決方法就是將標題文字製作成圖片，這樣可以保證所有人看到的效果是一樣的。

　　（3）插圖通過照片和插圖可以直觀地錶達效果和展現主題，但也有一些插圖僅僅是為瞭裝飾。廣告條網絡媒體和其他傳統媒體一樣，投放廣告是獲取商業利益的重要手段。網站中的廣告通常有兩種形式：一是文字鏈接廣告；二是廣告條。前者通過HTML語言即可實現，後者是把廣告內容設計為吸引瀏覽者注意的圖像或者動畫，讓瀏覽者通過單擊來訪問特定的宣傳網頁。（4）背景使用背景是網站整體設計風格的重要方法之一。背景可通過HTML語言定義為單色或背景圖像，背景圖像可以是JPEG和GIF兩種格式。（5）導航欄導航欄用來幫助瀏覽者熟悉網站結構，讓瀏覽者可以很方便地訪問想要的頁麵。導航欄的風格需要和頁麵保持一緻。導航欄主要有文字導航和圖形導航兩種形式。文字式導航清楚易懂，下載迅速，適用於信息量大的網站。圖形導航欄美觀，錶現力強，適用於一般商業網站或個人網站。3. 音頻將多媒體引入網頁，可以在很大程度上吸引瀏覽者的注意。利用多媒體文件可以製作齣更有創造性、藝術性的作品，它的引入使網站成瞭一個有聲有色、動靜相宜的世界。多媒體一般指音頻、視頻、動畫等形式。網上常見的音頻格式有MIDI、WAV、MP3等。MIDI音樂：每逢節日，我們都會到賀卡網站上收發電子賀卡。其中有些賀卡就有一種音色類似電子琴的背景音樂，這種背景音樂就是網上常見的一種多媒體格式——MIDI音樂，它的文件以.mid為擴展名，特點是文件體積非常小，很快就可下載完畢，但音色很單調。WAV音頻：我們每次打開計算機時聽到的進入係統的音樂實際上就是WAV音頻。該音頻是以.wav為擴展名的聲音文件，它的特點是錶現力豐富，但文件體積很大。【MP3音樂】：MP3是我們非常熟悉的文件格式，現在互聯網上的音樂大多數都是MP3格式的，它的特點是在盡可能保證音質的情況下減小文件體積，通常長度為3min左右的歌麯文件，大概在3MB。4. 視頻視頻在網頁上齣現得不多，但它有著其他媒體不可替代的優勢。視頻傳達的信息形象生動，能給人留下深刻的印象。常見的網上視頻文件有AVI、RM等。AVI視頻：AVI視頻文件是由Microsoft開發的視頻文件格式，其文件的擴展名為.avi。它的特點是視頻文件不失真，視覺效果很好，但缺點是文件體積太大，短短幾分鍾的視頻文件需要耗費幾百兆的硬盤空間。RM視頻：喜歡在綫看電影的朋友一定認識它，它是由Real Networks公司開發的音視頻文件格式，主要用於網上的電影文件傳輸，擴展名為.rm。它的特點是能一邊下載一邊播放，又稱為流式媒體。QuickTime電影：QuickTime電影是由美國蘋果計算機公司開發的用於Mac OS的一種電影文件格式，在PC上也可以使用，但需要安裝QuickTime的插件，這種媒體文件的擴展名是.mov。WMV視頻：這是微軟公司開發的新一代視頻文件格式，特點是文件體積小而且視頻效果較好，能夠支持邊下載邊播放，目前已經在網上電影市場中站穩瞭腳跟。FLV視頻：FLV是 Flash Video的簡稱。FLV串流媒體格式是一種新的網絡視頻格式，它的

　　齣現有效地解決瞭視頻文件導入Flash後，使導齣的SWF文件體積龐大，不能在網絡上有效使用等缺點。隨著網絡視頻網站的豐富，該格式已經非常普及。5. 動畫動畫是網頁中最吸引眼球的地方，好的動畫能夠使頁麵顯得活潑生動，達到動靜相宜的效果。特彆是Flash動畫産生以來，動畫成瞭網頁設計中最熱門的話題。常見的動畫格式：GIF動畫是多媒體網頁動畫最早的動畫格式，優點是文件體積小，但沒有交互性，主要用於網站圖標和廣告條。Flash動畫：Flash動畫是基於矢量圖形的交互性流式動畫文件格式，可以用Adobe開發的Flash CS3進行製作。使用其內置的ActionScript語言還可以創建齣各種復雜的應用程序，甚至是各種遊戲。Java Applet：在網頁中可以調用Java Applet來實現一些動畫效果。6．鏈接和路徑當用鼠標單擊網頁上的一段文本（或一張圖片）時，此時會齣現小手的形狀，如果可以打開網絡上一個新的地址，就代錶該文本（或圖片）上有鏈接。

　　案例精講007 E-mail鏈接

　　案例文件：無視頻文件：視頻教學 Cha01 E-mail鏈接.avi

　　製作概述

　　本例介紹如何在網頁中添加E-mail鏈接。

　　學習目標

　　學會如何在網頁中添加E-mail鏈接。

　　操作步驟

　　（1）運行Dreamweaver CC，在歡迎屏幕的【新建】欄中選擇HTML選項，然後輸入“有空聯係，可以給我發郵件”文本，如圖1-28所示。

　　（2）選中其中的【郵件】文本，如圖1-29所示。

　　圖1-28 新建文件

　　圖1-29 選中文本

　　（3）選擇菜單欄中的【插入】|【電子郵件鏈接】命令，在彈齣的【電子郵件鏈接】對話框中的【電子郵件】文本框中輸入電子郵件地址dlwcno111@163.com，然後單擊【確定】按鈕，即可為選擇的文本添加電子郵件鏈接，如圖1-30所示。

　　（4）電子郵件鏈接完成後，保存文件。按F12鍵可以在瀏覽器中預覽效果，如圖1-31所示。

　　圖1-30 添加電子郵件鏈接

　　圖1-31 預覽效果

　　知識鏈接電子郵件（標誌：@，也被大傢昵稱為“伊妹兒”），是一種用電子手段提供信息交換的通信方式，是互聯網應用最廣的服務。通過網絡的電子郵件係統，用戶可以以非常低廉的價格（不管發送到哪裏，都隻需負擔網費）、非常快速的方式（幾秒之內可以發送到世界上任何指定的目的地），與世界上任何一個角落的網絡用戶聯係。電子郵件可以是文字、圖像、聲音等多種形式。同時，用戶可以得到大量免費的新聞、專題郵件，並實現輕鬆的信息搜索。電子郵件的存在極大地方便瞭人與人之間的溝通與交流，促進瞭社會的發展。超級鏈接是網頁中最重要、最基本的元素之一。每個網站實際上都是由很多網頁組成的，這些網頁都是通過超級鏈接的形式關聯在一起的。超級鏈接的作用是在因特網上建立一個位置到另一個位置的鏈接。超級鏈接由源地址文件和目標地址文件構成，當訪問者單擊超級鏈接時，瀏覽器會自動從相應的目的網址檢索網頁並顯示在瀏覽器中。如果目標地址不是在網頁而是其他類型的文件，瀏覽器會自動調用本機上的相關程序打開所要訪問的文件。在網頁中的鏈接按照鏈接路徑的不同可分為3種形式：絕對路徑、相對路徑和根目錄路徑。這些路徑都是網頁中的統一資源定位，隻不過後兩種路徑將URL的通信協議和主機名省略瞭，但必須有參照物，一種是以文檔為參照物，另一種是以站點的根目錄為參照物，而第一種就不需要有參照物，它是最完整的路徑，也是標準的URL。

　　案例精講008 下載鏈接

　　案例文件：無視頻文件：視頻教學 Cha01下載鏈接.avi

　　製作概述

　　本例介紹如何在網頁中添加下載鏈接。

　　學習目標

　　學會如何在網頁中添加下載鏈接。

　　操作步驟

　　（1）運行Dreamweaver CC，打開隨書附帶光盤中的CDROM素材Cha01會議室.html網頁文件，選擇網頁中的【會議室】文本，如圖1-32所示。

　　（2）在【屬性】麵闆中單擊【鏈接】後的【瀏覽文件】按鈕，在打開的【選擇文件】對話框中選擇“會議室.zip”文件，單擊【確定】按鈕，如圖1-33所示。

　　圖1-32 打開文件

　　圖1-33 【選擇文件】對話框

　　（3）指定路徑完成後，在【屬性】麵闆中可查看到所選擇的鏈接文件，如圖1-34所示。

　　（4）下載文件鏈接完成後，保存文件。按F12鍵可以在瀏覽器中預覽效果，如圖1-35所示。

　　圖1-34 【屬性】麵闆

　　圖1-35 預覽效果

　　案例精講009 鼠標經過圖像

　　案例文件：無視頻文件：視頻教學 Cha01 鼠標經過圖像.avi

　　製作概述

　　本例介紹如何在網頁中添加鼠標經過圖像的效果。

　　學習目標

　　學會如何在網頁中添加鼠標經過圖像的效果。

　　操作步驟

　　（1）啓動Dreamweaver CC，在歡迎屏幕中的【新建】欄中選擇HTML選項，如圖1-36所示。

　　（2）選擇菜單欄中的【插入】|【圖像】|【鼠標經過圖像】命令，如圖1-37所示。

　　圖1-36 新建文件

　　圖1-37 選擇【鼠標經過圖像】命令

　　（3）彈齣【鼠標經過圖像】對話框，單擊【原始圖像】文本框右側的【瀏覽】按鈕，在彈齣的【原始圖像】對話框中選擇鼠標經過前的圖像文件“匣釋者.jpg”，如圖1-38所示。

　　（4）單擊【鼠標經過圖像】文本框右側的【瀏覽】按鈕，在彈齣的原始圖像對話框中選擇鼠標經過時的圖像文件“薩菲羅斯.jpg”，如圖1-39所示。

　　圖1-38 選擇經過前的圖像

　　圖1-39 選擇經過時的圖像

　　（5）完成後單擊【確定】按鈕，然後單擊菜單欄中的【實時視圖】按鈕，預覽效果，最後保存，如圖1-40所示。

　　圖1-40 單擊【確定】按鈕

　　……

前言/序言

　　隨著網站技術的進一步發展，各個部門對網站開發技術的要求也日益提高。縱觀人纔市場，各企事業單位對網站開發工作人員的需求也大大增加。網站建設是一項綜閤性的技能，對很多計算機技術都有著較高的要求，而Dreamweaver是集創建網站和管理網站於一身的專業性網頁編輯工具，因其界麵友好、人性化和易於操作而被很多網頁設計者所欣賞。

　　本書以65個精彩實例嚮讀者詳細介紹Dreamweaver CC強大的網頁製作功能。本書注重理論與實踐緊密結閤，實用性和可操作性強。本書具有以下特色：

　　● 信息量大：65個實例為每一位讀者架起一座快速掌握Dreamweaver CC使用與操作的“橋梁”；65種設計理念令每一個從事網頁設計的專業人士在工作中靈感迸發；65種藝術效果和製作方法使每一位初學者融會貫通、舉一反三。

　　● 實用性強：65個實例經過精心設計、選擇，不僅效果精美，而且非常實用。

　　● 注重方法的講解與技巧的總結：本書特彆注重對各實例製作方法的講解與技巧總結，在介紹具體實例製作的詳細操作步驟的同時，對於一些重要而常用的實例的製作方法和操作技巧做瞭詳細的總結。

　　● 操作步驟詳細：本書中各實例的操作步驟介紹非常詳細，即使是初級入門的讀者，隻需一步一步按照本書中介紹的步驟進行操作，一定能做齣相同的效果。

　　● 適用廣泛：本書實用性和可操作性強，適用於廣大網頁設計愛好者，也可以作為職業學校和計算機學校相關專業的教材。

　　本書主要由唐琳、李曉龍、韓宜波、刁海龍、李少勇、段暉、劉希望、趙鍇、張波、鬱陶、劉彬、徐慧、和張樹濤編寫，李鵬、劉進、劉斌錄製多媒體教學視頻，其他參與編寫的還有楊月、張朋、劉誌富、宮如峰，謝謝你們在書稿前期材料的組織、版式設計、校對、編排以及大量圖片的處理等方麵所做的工作。

　　本書總結瞭作者從事多年影視編輯的實踐經驗，目的是幫助想從事影視製作行業的廣大讀者迅速入門並提高學習和工作效率，同時對有一定視頻編輯經驗的朋友也有很好的參考作用。由於時間倉促，疏漏之處在所難免，懇請讀者和專傢指教。如果您對書中的某些技術問題持有不同的意見。

　　作　者