Dreamweaver CC網頁創意設計案例課堂(附光盤) epub pdf mobi txt 電子書 下載 2024
發表於2024-11-10
Dreamweaver CC網頁創意設計案例課堂(附光盤) epub pdf mobi txt 電子書 下載 2024
《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網頁創意設計案例課堂(附光盤) epub pdf mobi txt 電子書 下載 2024
Dreamweaver CC網頁創意設計案例課堂(附光盤) 下載 epub mobi pdf txt 電子書Dreamweaver CC網頁創意設計案例課堂(附光盤) mobi pdf epub txt 電子書 下載 2024
Dreamweaver CC網頁創意設計案例課堂(附光盤) epub pdf mobi txt 電子書 下載很不錯
評分商品是否給力?快分享你的購買心得吧~
評分幫彆人買的,看起來還行!
評分贊贊贊贊贊贊贊贊贊贊贊贊贊
評分還挺使用的,內容清楚。
評分發貨速度很好書內容講解很易懂還有視頻講解
評分開心買,暢情閱。
評分不是我想的那樣是代碼的,全是利用其他工具做齣來的,唉~算我買錯瞭吧
評分商品是否給力?快分享你的購買心得吧~
Dreamweaver CC網頁創意設計案例課堂(附光盤) epub pdf mobi txt 電子書 下載 2024