Dreamweaver軟件介紹教學(xué)文案課件

網(wǎng)頁設(shè)計LOGODreamweaver軟件介紹目錄頁CONTENTSPAGE04軟件安裝系統(tǒng)要求01什么是DW02軟件工作界面介紹03軟件功能介紹05

軟件的基本使用No.1什么是Dreamweaver1.什么是Dreamweaver？AdobeDreamweaver，簡稱“DW”，中文名稱“夢想編織者”，是一款集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，DW是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。左側(cè)是“DW”軟件圖標(biāo)

您記住這款軟件了嗎？1）大家都很困惑，DW是什么AdobeDreamweaverNo.1什么是Dreamweaver1.什么是Dreamweaver？2）DW有哪些版本？右側(cè)為DW軟件的歷史版本，此軟件分為Macromedia時代、Adobe時代以及現(xiàn)在的CC版本時代。每一個時代的軟件都有其特色，每一個新版本的發(fā)布都比上一個版本有了更大的進(jìn)步。No.2界面介紹2.DW軟件界面介紹1）啟動版面安裝后，每一次打開打開軟件，它會自動跳出此版面。在該版面可以打開軟件最近使用的文件類目或者新建不同類型的網(wǎng)頁編輯窗口，也可以打開軟件預(yù)設(shè)網(wǎng)頁編輯模板。No.2界面介紹2.DW軟件界面介紹2）屬性面板介紹屬性面板會隨著編輯的內(nèi)容而變化，屬性面板包含編輯的文字的所有內(nèi)容，包括字體，顏色，大小等。單擊向下拉菜單屬性面板，。展開后，用戶只要選擇要編輯的對象，就可以對其屬性進(jìn)行編輯。用戶對所有由啟動面板彈出來的浮動面板在被打開后可以重新組合右側(cè)圖二為頁面屬性單擊后的界面，可編輯5個類目圖一圖二No.2文化知識概述2.DW軟件界面介紹3）編輯窗口界面介紹浮動編輯欄目分為代碼欄、設(shè)計欄，實時代碼欄可以預(yù)覽代碼效果。點擊拆分可以將視口分為代碼預(yù)覽和網(wǎng)頁預(yù)覽。網(wǎng)頁預(yù)覽快捷鍵為F12，網(wǎng)頁預(yù)覽是默認(rèn)的windows瀏覽器。各個版本的瀏覽器網(wǎng)頁預(yù)覽情況不一樣。建議軟件外選擇IE瀏覽器預(yù)覽。浮動窗口上為工具欄菜單，用戶可以根據(jù)需求進(jìn)行工具欄的拖拽，方便用戶使用。No.2界面介紹2.DW軟件界面介紹4）參數(shù)設(shè)置界面介紹工作環(huán)境參數(shù)設(shè)置

利用“首選參數(shù)”對話框可以修改Dreamweaver的系統(tǒng)參數(shù)。選擇菜單欄中的“編輯”>“首選參數(shù)”菜單或按快捷鍵【Ctrl+U】可打開該對話框，如圖所示可對多個界面參數(shù)進(jìn)行設(shè)置，css樣式也可以直接在界面設(shè)置相應(yīng)內(nèi)容。設(shè)置完后直接單擊確定即可。No.3

功能介紹3.DW軟件功能介紹1）自適應(yīng)網(wǎng)格自適應(yīng)網(wǎng)格版面，來創(chuàng)建跨平臺和跨瀏覽器的兼容網(wǎng)頁設(shè)計。直觀地創(chuàng)建復(fù)雜網(wǎng)頁設(shè)計和頁面版面，無需忙于編寫代碼。2）改善FTP性能利用重新改良的多線程FTP傳輸工具節(jié)省上傳大型文件的時間。更快速高效地上傳網(wǎng)站文件，縮短制作時間。3）更新的實時視圖使用更新的“實時視圖”功能在發(fā)布前測試頁面?！皩崟r視圖”現(xiàn)已使用最新版的WebKit轉(zhuǎn)換引擎，能夠提供絕佳的HTML5支持。4）每一個版本都有對應(yīng)功能的更新與優(yōu)化No.4

安裝要求4.DW軟件安裝系統(tǒng)要求軟件安裝對電腦系統(tǒng)及硬件都有一定要求以DreamweaverCC為例Windows①Intel或AMD處理器②Windows7、Windows8、Windows10③512MB內(nèi)存④1GB可用硬盤空間用于安裝；安裝過程中需要額外的可用空間（無法安裝在可移動閃存設(shè)備上）⑤1024x768屏幕，16位顯卡⑥D(zhuǎn)VD-ROM驅(qū)動器MacOS①Intel多核處理器②MacOSX10.5.8或10.6版③512MB內(nèi)存④1.8GB可用硬盤空間用于安裝；安裝過程中需要額外的可用空間（無法安裝在使用區(qū)分大小寫的文件系統(tǒng)的卷或可移動閃存設(shè)備上）⑤1280x800屏幕，16位顯卡DVD-ROM驅(qū)動器No.5軟件的基本使用5.DW的基本使用1）新建網(wǎng)頁文件新建文件點擊菜單欄的文件-->新建，會出來一個新建文件窗口，選擇新建文件的類型，系統(tǒng)默認(rèn)是HTML文檔，最后點擊創(chuàng)建，就會出來一個HTML文檔根據(jù)用戶需求創(chuàng)建相應(yīng)類型的網(wǎng)頁文件，還可以對新建的網(wǎng)頁文件進(jìn)行格式限定，如左右側(cè)欄目的改改變，標(biāo)題固定。No.5軟件的基本使用5.DW基本使用2）站點文件的保存保存、重命名創(chuàng)建一個html標(biāo)準(zhǔn)格式的文件頁面，默認(rèn)的文件名是untitled1.html，點擊文件-->另存為，會彈出一個保存位置的窗口，文件名改為test.html，保存類型為AllDocuments（*.html;*.html;*.shtm;*）類型。點擊保存按鈕即可站點文件的命名不建議用中文，中文名字在使用ftp軟件上傳在網(wǎng)上容易出錯。站點文件夾不建議存在桌面。No.5

軟件的基本使用5.DW的基本使用3）網(wǎng)頁內(nèi)容的編寫點擊代碼欄，在Body與Body之間為網(wǎng)頁內(nèi)容，Title與Title之間為網(wǎng)頁標(biāo)題.設(shè)計界面為網(wǎng)頁預(yù)覽界面。<div><h1>Thisisaheading</h1><h2>Thisisaheading</h2><h3>Thisisaheading</h3></div>輸出的內(nèi)容就為：Thisisaheading</h1></h2></h3>均為控制字體大小的雙標(biāo)記具體文字大小可在頁面屬性及CSS格式中調(diào)整。No.5軟件的基本使用5.DW的基本使用4）網(wǎng)頁內(nèi)容的預(yù)覽按F12鍵進(jìn)行網(wǎng)站內(nèi)容預(yù)覽，也可以點擊預(yù)覽按鈕進(jìn)行預(yù)覽瀏覽器