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

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

劉濤等著

下載链接在页面底部

點擊這裡下載

facebook linkedin mastodon messenger pinterest reddit telegram twitter viber vkontakte whatsapp 複製鏈接

想要找書就要到靜思書屋

book.idnshop.cc

立刻按 ctrl+D收藏本頁

你會得到大驚喜!!

發表於2024-11-26

商品介绍

齣版社：清華大學齣版社

ISBN：9787302386124

版次：1

商品編碼：11623549

品牌：清華大學

包裝：平裝

叢書名： CG設計案例課堂

開本：16開

齣版時間：2015-01-01

用紙：膠版紙

頁數：488

正文語種：中文

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

类似图書點擊查看全場最低價

書籍描述

編輯推薦

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