☆☆☆☆☆
簡體網頁||繁體網頁



點擊這裡下載

類似圖書 點擊查看全場最低價

---

編輯推薦

　　清華大學齣版社“案例課堂”大係
　　叢書以案例的形式講解軟件的內容，讀者可以在實踐中熟練掌握軟件的使用方法。
　　每一個案例都精挑細選，同時配有全程語音講解的視頻文件，方便讀者學習。
　　案例的選材廣泛，涉及到軟件應用的各個領域、各個行業，學習無死角。
　　“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 完成操作後的效果

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

評分☆☆☆☆☆

好書，很棒，對我幫助非常大！

評分☆☆☆☆☆

質量很好，送貨很快

評分☆☆☆☆☆

方便快捷質量好價格低

評分☆☆☆☆☆

有視頻 素材 案例，很詳細，買對瞭

評分☆☆☆☆☆

真會還不錯，內容比較實用

評分☆☆☆☆☆

內容還可以，就是難度有點低並且目錄做的不是很清晰，要找一些東西還要一個案例一個案例翻著看

評分☆☆☆☆☆

圖文燕茂，學習起來方便

評分☆☆☆☆☆

評分☆☆☆☆☆

送貨速度給力！內容豐富！超級實用！

類似圖書 點擊查看全場最低價