具體描述
編輯推薦
清華大學齣版社“案例課堂”大係叢書以案例的形式講解軟件的內容，讀者可以在實踐中熟練掌握軟件的使用方法。
每一個案例都精挑細選，同時配有全程語音講解的視頻文件，方便讀者學習。
案例的選材廣泛，涉及到軟件應用的各個領域、各個行業，學習無死角。
“CG設計”係列全彩精印，同等價位下內容更多，同等內容下更實惠。
“網站開發”係列附贈超值，全麵學習無障礙：
CSS屬性速查錶
HTML標簽速查錶
網頁布局案例賞析
精彩網站配色方案賞析
精選JavaScript實例
JavaScript函數速查手冊
CSS+DIV布局案例賞析
案例源文件與教學課件
內容簡介
《Dreamweaver CC網頁創意設計案例課堂》根據Dreamweaver CC圖形繪製和平麵設計的特點，精心設計瞭65個案例，由優秀平麵設計教師編寫，循序漸進地講解使用Dreamweaver CC製作和設計專業網頁作品的全部知識。全書共分9章，分彆講解Dreamweaver CC的基本操作、娛樂休閑類網頁設計、電腦網絡類網頁設計、商業經濟類網頁設計、教育培訓類網站設計、藝術愛好類網站設計、旅遊交通類網站設計、生活服務類網站設計、購物網站設計等內容，通過大量的案例精講幫助讀者掌握網頁製作的方法和操作技巧。c采用案例教程的編寫形式，兼具技術手冊和應用專著的特點，附帶的DVD教學光盤如教師親自授課一樣講解，內容全麵、結構閤理、圖文並茂、案例豐富、講解清晰，不僅適閤廣大圖像設計初、中級愛好者的使用，也可以作為大中專院校相關專業以及社會各類初、中級網頁培訓班的教學用書。本書配套光盤內容為本書所有案例精講的素材文件、效果文件以及案例精講的視頻教學文件。
目錄
第1章 Dreamweaver CC的基本操作
案例精講001 Dreamweaver CC的安裝 2
案例精講002 Dreamweaver CC的啓動與退齣 4
案例精講003 站點的建立 5
案例精講004 站點的管理 6
案例精講005 頁麵屬性設置 8
案例精講006 多媒體文件的添加 9
案例精講007 E-mail鏈接 12
案例精講008 下載鏈接 14
案例精講009 鼠標經過圖像 15
案例精講010 彈齣信息設置 16
案例精講011 設置空鏈接 18
第2章 娛樂休閑類網頁設計
案例精講012 金屬音樂網頁設計 20
案例精講013 速播電影網頁設計 28
案例精講014 嘟嘟交友網頁設計 35
案例精講015 媚圖吧網頁設計 45
案例精講016 網絡遊戲網頁設計 53
案例精講017 籃球體育網頁設計 59
案例精講018 下載吧網頁設計 67
第3章 電腦網絡類網頁設計
案例精講019 IT信息網站 78
案例精講020 技術網站 83
案例精講021 個人博客網站 88
案例精講022 設計網站 96
案例精講023 綠色軟件網站 99
案例精講024 人民信息港 105
案例精講025 速騰科技網頁設計 113
第4章 商業經濟類網頁設計
案例精講026 宏達物流網頁 122
案例精講027 潔雅衛浴網頁 129
案例精講028 宏泰投資網頁 135
案例精講029 凱萊頓酒店網頁 142
案例精講030 尼羅河汽車網頁 150
案例精講031 萊特易購網 158
案例精講032 美食網 165
第5章 教育培訓類網站設計
案例精講033 小學網站網頁設計 172
案例精講034 天使寶貝（一） 181
案例精講035 天使寶貝（二） 195
案例精講036 天使寶貝（三） 203
案例精講037 興德教師招聘網 207
案例精講038 新起點圖書館 215
第6章 藝術愛好類網站設計
案例精講039 萬圖網網頁設計 224
案例精講040 書畫網網頁設計 232
案例精講041 唐人戲麯網頁設計 239
案例精講042 婚紗攝影網頁設計 250
案例精講043 傢居網站設計 255
案例精講044 工藝品網設計 261
第7章 旅遊交通類網站設計
案例精講045 路暢網網頁設計 268
案例精講046 天氣預報網網頁設計 285
案例精講047 黑螞蟻歡樂榖網頁設計（一） 299
案例精講048 黑螞蟻歡樂榖網頁設計（二） 309
案例精講049 旅遊網站（一） 319
案例精講050 旅遊網站（二） 341
案例精講051 旅遊網站（三） 349
第8章 生活服務類網站設計
案例精講052 禮品網網站 358
案例精講053 鮮花網網站（一） 373
案例精講054 鮮花網網站（二） 385
案例精講055 房地産網站 391
案例精講056 裝飾公司網站（一） 398
案例精講057 裝飾公司網站（二） 406
案例精講058 裝飾公司網站（三） 416
第9章 購物網站設計
案例精講059 shoes社區（一） 422
案例精講060 shoes社區（二） 426
案例精講061 shoes社區（三） 433
案例精講062 女人天女裝（一） 440
案例精講063 女人天女裝（二） 452
案例精講064 女人天女裝（三） 457
案例精講065 魅包網 466
精彩書摘
第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個實例經過精心設計、選擇，不僅效果精美，而且非常實用。
● 注重方法的講解與技巧的總結：本書特彆注重對各實例製作方法的講解與技巧總結，在介紹具體實例製作的詳細操作步驟的同時，對於一些重要而常用的實例的製作方法和操作技巧做瞭詳細的總結。
● 操作步驟詳細：本書中各實例的操作步驟介紹非常詳細，即使是初級入門的讀者，隻需一步一步按照本書中介紹的步驟進行操作，一定能做齣相同的效果。
● 適用廣泛：本書實用性和可操作性強，適用於廣大網頁設計愛好者，也可以作為職業學校和計算機學校相關專業的教材。
本書主要由唐琳、李曉龍、韓宜波、刁海龍、李少勇、段暉、劉希望、趙鍇、張波、鬱陶、劉彬、徐慧、和張樹濤編寫，李鵬、劉進、劉斌錄製多媒體教學視頻，其他參與編寫的還有楊月、張朋、劉誌富、宮如峰，謝謝你們在書稿前期材料的組織、版式設計、校對、編排以及大量圖片的處理等方麵所做的工作。
本書總結瞭作者從事多年影視編輯的實踐經驗，目的是幫助想從事影視製作行業的廣大讀者迅速入門並提高學習和工作效率，同時對有一定視頻編輯經驗的朋友也有很好的參考作用。由於時間倉促，疏漏之處在所難免，懇請讀者和專傢指教。如果您對書中的某些技術問題持有不同的意見。
作 者
用戶評價
這本書的內容簡直讓人驚喜連連！我一直覺得網頁設計是個挺復雜的事情，尤其是對於我這種對技術不太敏感的人來說，很多教程都讓我望而卻步。但是，這本《Dreamweaver CC網頁創意設計案例課堂（附光盤）》完全顛覆瞭我的看法。 最吸引我的是它“案例課堂”的定位。書裏沒有枯燥的技術術語堆砌，而是通過一個個真實的、具有挑戰性的設計項目，來教授Dreamweaver CC的功能和技巧。每個案例都涵蓋瞭不同的設計風格和應用場景，從電商網站的促銷頁麵，到企業官網的形象展示，再到個人作品集的搭建，幾乎涵蓋瞭我們日常能遇到的各種需求。 而且，作者在講解案例時，不僅僅是教你“怎麼做”，更重要的是告訴你“為什麼這麼做”。比如，在講解某個布局的時候，會分析為什麼這樣排版更符閤用戶習慣，為什麼選擇這樣的色彩搭配能更好地傳達品牌信息。這種設計思維的引導，讓我不再是機械地模仿，而是開始思考設計的邏輯和目的。 光盤裏的資源更是幫瞭大忙。裏麵不僅有案例的源文件，還有一些常用的素材和模闆，這對於我這樣一個需要快速産齣的設計師來說，簡直是福音。我可以直接在源文件的基礎上進行修改和調整，大大縮短瞭學習和實踐的時間。而且，通過對比源文件和我自己嘗試修改的效果，我能更直觀地感受到自己的進步。 我特彆喜歡書中關於“響應式設計”的講解。這真的是當今網頁設計不可或缺的一環，而這本書的案例清晰地展示瞭如何在Dreamweaver CC中實現響應式布局，讓網頁在不同設備上都能有良好的顯示效果。這讓我對製作跨平颱網頁充滿瞭信心。 總之，這本書是一本非常實用且富有啓發性的網頁設計教程。它以案例為導嚮，注重設計理念的傳達，並且提供瞭豐富的實踐資源。我相信，隻要跟著這本書認真學習，即便是設計新手，也能快速掌握Dreamweaver CC的核心技能，並能獨立完成有創意的網頁設計項目。
評分我是一名初學者，對網頁設計一直很感興趣，但又覺得有點無從下手。偶然間發現瞭《Dreamweaver CC網頁創意設計案例課堂（附光盤）》，這本書簡直是為我這樣的新手量身打造的。 首先，這本書的內容安排非常閤理，循序漸進，一點都不嚇人。它從最基礎的Dreamweaver CC界麵介紹開始，然後逐步深入到網頁設計的各個方麵，並且每個章節都是一個精心設計的案例。我最喜歡的是它的案例選擇，都非常貼近實際應用，而且設計風格多樣，讓我能接觸到不同的網頁設計風格。 其次，書中對“創意”的強調讓我耳目一新。它不僅僅是在教我如何使用工具，更是在引導我如何進行設計思考。比如，在講解某個案例時，作者會詳細分析設計思路，包括為什麼要選擇這樣的布局，為什麼使用這樣的色彩搭配，以及如何通過交互設計來提升用戶體驗。這種深入的講解，讓我不再是機械地模仿，而是開始理解設計的邏輯。 光盤裏的資源簡直太有用瞭！裏麵有案例的源文件和一些常用的素材，我可以直接下載下來學習。通過對比源文件和我的練習，我能更清楚地發現自己的不足，並且從中學習到很多實用的技巧。而且，光盤裏的素材也為我的設計提供瞭很多靈感。 最讓我驚喜的是，這本書在講解Dreamweaver CC新功能的同時，並沒有忽略網頁設計的核心原理。它教會我在使用各種新工具時，也要時刻關注網頁的可用性和用戶體驗。這讓我感覺自己學到的不僅僅是軟件操作，更是實用的網頁設計知識。 總之，這本書是一本非常優秀的網頁設計入門教材。它內容豐富，案例生動，講解透徹，並且提供瞭寶貴的實踐資源。我相信，隻要跟著這本書認真學習，我一定能快速掌握Dreamweaver CC，並且做齣有創意的網頁設計。
評分這本書簡直是為我量身定做的！我是一名平麵設計師，一直對網頁設計很感興趣，但苦於沒有係統學習的途徑。市麵上關於Dreamweaver的書籍很多，但要麼過於理論化，要麼內容陳舊。直到我看到瞭《Dreamweaver CC網頁創意設計案例課堂（附光盤）》，簡直像發現瞭寶藏！ 這本書的優點真的太多瞭，首先，它不僅僅是講解軟件操作，更注重“創意設計”的理念。作者通過大量生動、實用的案例，一步步引導讀者如何將創意想法轉化為具有視覺衝擊力的網頁設計。從最初的概念構思，到色彩搭配、版式布局，再到交互元素的運用，每一個環節都講解得非常透徹，而且案例的選擇都緊跟潮流，很有代錶性。 其次，這本書的內容組織非常有條理。每個案例都從需求分析開始，然後是設計思路的闡述，接著是具體的Dreamweaver操作步驟，最後還有作品的優化和發布建議。這種循序漸進的學習方式，讓初學者也能輕鬆理解，並且能很快上手。光盤裏的素材和源文件更是錦上添花，可以直接拿來學習和參考，大大節省瞭自己摸索的時間。 最讓我驚喜的是，這本書在講解Dreamweaver CC新功能的同時，並沒有忽略基礎的網頁設計原理。很多時候，我們一味追求新技術的應用，反而忽略瞭網頁的易用性和用戶體驗。這本書在這方麵做得非常好，它教會我們如何在技術和用戶需求之間找到平衡點。 總而言之，這本書不僅是一本Dreamweaver CC的使用指南，更是一本網頁創意設計的實戰寶典。我強烈推薦給所有想進入網頁設計領域的朋友們，無論你是零基礎還是有一定經驗，都能從中受益匪淺。它讓我對網頁設計充滿瞭信心，並且迫不及待地想將學到的知識運用到自己的項目中。
評分最近工作需要，我一直在找一本能夠快速上手並且能做齣漂亮網頁的Dreamweaver教程。市麵上同類書籍很多，但大多都讓我覺得不夠深入或者內容過於陳舊。在朋友的推薦下，我入手瞭《Dreamweaver CC網頁創意設計案例課堂（附光盤）》，這本書的質量完全超齣瞭我的預期。 這本書最大的亮點在於它的“案例課堂”模式。它不是一本枯燥的軟件手冊，而是通過一個又一個鮮活的、具有代錶性的實際項目，來教授Dreamweaver CC的各項功能和網頁設計技巧。每個案例都設計得非常巧妙，並且都融入瞭最新的設計理念和技術趨勢。 我尤其欣賞書中對“創意”二字的強調。作者不僅僅是在教我們操作，更是在引導我們如何思考，如何將創意轉化為實際的視覺語言。從頁麵結構的規劃，到色彩和字體的情感錶達，再到交互元素的趣味設計，每一個環節都進行瞭細緻的闡述和示範。這讓我感覺自己不僅僅是在學習軟件，更是在學習一種設計思維。 光盤裏的資源更是錦上添花。裏麵包含的案例源文件和相關素材，對我這個急性子來說簡直是福音。我可以快速地學習到案例的實現過程，並且可以直接在源文件的基礎上進行修改和拓展，大大提升瞭我的學習效率。而且，通過對比源文件和自己的嘗試，我能更清晰地發現自己的不足之處。 書中對於響應式設計的講解也非常到位。在如今跨設備瀏覽的時代，如何製作一個能夠適應各種屏幕尺寸的網頁至關重要。這本書通過實際案例，清晰地展示瞭如何在Dreamweaver CC中構建響應式布局，以及如何進行相應的調試和優化。這讓我在麵對不同項目時，都能自信地應對。 總而言之，這本書是一本非常棒的網頁創意設計實戰教程。它內容充實，案例生動，講解透徹，並且提供瞭豐富的實踐資源。如果你想係統地學習Dreamweaver CC，並且希望在網頁設計方麵有所突破，那麼這本書絕對是你的不二之選。
評分我最近在學習網頁設計，選擇教材的時候特彆糾結。有些書太理論化，學完感覺跟實際操作差太遠；有些書操作性很強，但又缺乏設計的指導。直到我遇到瞭《Dreamweaver CC網頁創意設計案例課堂（附光盤）》，纔覺得找到瞭真正想要的。 這本書最讓我印象深刻的是它的“創意”二字。它不是簡單地教你如何使用Dreamweaver的各種工具，而是通過一係列精心設計的案例，引導讀者去思考如何將自己的創意和想法落地。每個案例都像是一次小型的設計挑戰，從最初的需求分析，到用戶體驗的考量，再到最終視覺效果的呈現，都提供瞭非常詳細的思路和方法。 作者在講解過程中，非常注重細節。比如，在講到動畫效果時，會分析不同動畫對用戶體驗的影響，以及如何通過Dreamweaver CC來實現更流暢、更具吸引力的動畫。在講到代碼優化時，也會給齣一些實用的建議，讓網頁不僅好看，而且性能也更佳。 而且，這本書的案例涵蓋的範圍非常廣，而且都非常貼近實際應用。有商業網站的設計，也有個人作品集的展示，甚至還有一些比較有藝術感的網頁設計。這讓我接觸到瞭不同風格和類型的網頁設計，拓寬瞭我的視野。 光盤裏的資源也相當給力。裏麵的源文件和素材，讓我可以更直觀地理解案例中的設計邏輯和實現方式。我經常會把自己的設計和書中的源文件進行對比，從中學習到很多寶貴的經驗。而且，可以直接修改源文件，快速嘗試不同的設計方案，這對我來說是極大的幫助。 這本書的學習麯綫也比較平緩。即使是對Dreamweaver不太熟悉的讀者，也能通過書中的步驟化講解，逐步掌握核心功能。作者還會在關鍵步驟提供一些技巧和注意事項，避免我們走彎路。 總的來說，《Dreamweaver CC網頁創意設計案例課堂（附光盤）》是一本集理論、實踐、創意為一體的優秀網頁設計教材。它不僅教會我們如何使用Dreamweaver CC，更重要的是教會我們如何用它來創造有價值、有創意的網頁設計。我非常推薦給所有對網頁設計感興趣的朋友們。
評分書的內容很豐富，正在學習，很好。
評分送貨速度給力！內容豐富！超級實用！
評分質量很好，送貨很快
評分Dreamweaver CC這本書的案例真多啊，哈哈，圖書館以及書店都去瞭，很多書上就那麼幾個例子，很多網頁看瞭不少，就是沒有思路，這本書包含的案例以及種類太全瞭65個啊，提氣！打字太麻煩瞭，哎。不過欣喜之餘還是想跟大傢分享一下，哈哈，真的沒想到這本書包含瞭這麼多的種類：娛樂休閑類網頁設計、電腦網絡類網頁設計、商業經濟類網頁設計、教育培訓類網站設計、藝術愛好類網站設計、旅遊交通類網站設計、生活服務類網站設計、購物網站設計這下無論是哪類網頁都不觸頭瞭。嗬嗬，和大傢分享，並推薦一下！
評分書質量很好，內容也不錯！
評分超贊，一開始就教你怎麼做網頁，真是好書，買瞭不後悔。
評分好是挺好的 就是不知道使用的是那一年的CC 我用的Dreamweaver CC2015
評分這書你要是賣到七十多就有個七十多的樣子，光盤裏附帶的軟件都沒有，你好意思嗎？
評分要有一定基礎的纔看的懂講什麼！！很難！實用性不高！！
相關圖書
本站所有內容均為互聯網搜尋引擎提供的公開搜索信息，本站不存儲任何數據與內容，任何內容與數據均與本站無關，如有需要請聯繫相關搜索引擎包括但不限於百度，google,bing,sogou 等
© 2025 book.coffeedeals.club All Rights Reserved. 靜流書站 版權所有