這篇文章主要講解了“DreamWeaver操作技巧大全”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“DreamWeaver操作技巧大全”吧！

創(chuàng)新互聯(lián)專(zhuān)業(yè)為企業(yè)提供攸縣網(wǎng)站建設(shè)、攸縣做網(wǎng)站、攸縣網(wǎng)站設(shè)計(jì)、攸縣網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、攸縣企業(yè)網(wǎng)站模板建站服務(wù)，十余年攸縣做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

1. 用Dreamweaver 4.0輕松設(shè)計(jì)會(huì)自動(dòng)彈性調(diào)整的網(wǎng)頁(yè)

首先需要保證的是你的頁(yè)面內(nèi)容采用了表格的格式，然后打開(kāi)你要編輯的頁(yè)面，按“Ctrl+F6”或者菜單“View→TableView→Layout?View”轉(zhuǎn)換到布局視圖。這時(shí)可以看到單元格的列寬，在列寬數(shù)字的旁邊還有一個(gè)小小的下拉式箭頭，點(diǎn)擊你要設(shè)定彈性顯示的列上方的小箭頭，接著選擇“將列設(shè)為彈性顯示”(Make Column Autostretch)。該列方框上方就會(huì)出現(xiàn)一條波浪形的線(xiàn)，而不是剛才表示列寬的數(shù)字。完成后你的頁(yè)面就變成了一個(gè)具有彈性的頁(yè)面了。此外，需要注意頁(yè)面中不要有尺寸過(guò)大的圖片。

2. 用Dreamweaver 4.0制作有閃動(dòng)效果的Flash按鈕

選擇菜單Insert→Interactive?Images→Flash?Button就可看到有哪些內(nèi)嵌按鈕。在彈出的對(duì)話(huà)框里，你可以在“Style”列表里選擇自己想要的按鈕樣式，在預(yù)覽(Sample)窗口里可以看到這種樣式的效果如何。選擇好之后，在“Button?Text”窗口輸入按鈕上面的文字，在“Font”窗口選擇字體，在“Size”窗口輸入文字的大小，在“Link”窗口輸入鏈接的目標(biāo)，在“Target”窗口選擇鏈接打開(kāi)的方式，在“BgColor”選擇按鈕背景顏色，在“Save?As”窗口輸入保存的文件名。完成這些后，按下“OK”按鈕，你就完成了一個(gè)Flash按鈕啦。這個(gè)按鈕還會(huì)自動(dòng)插入你的網(wǎng)頁(yè)中，然后在Dreamweaver編輯窗口選中你剛才制作的按鈕，屬性窗口就會(huì)顯示出這個(gè)按鈕的屬性，單擊上面的“Play”按鈕，你就可直接在編輯窗口預(yù)覽這個(gè)按鈕的閃動(dòng)效果。需要注意的是Dreamweaver?4.0的這個(gè)功能不支持中文字體。

3. 在Dreamweaver 4.0中自定義鍵盤(pán)快捷鍵

選擇菜單“Edit→Keyboard?Shortcuts”，在對(duì)話(huà)框中會(huì)列出目前已經(jīng)啟用的以及可以更改的快捷鍵一覽表，你可以在這里把快捷鍵改成自己習(xí)慣用的。如果要更改快捷鍵，首先要選取你要更改的命令，接著選取目前的快捷鍵，這個(gè)快捷鍵就會(huì)出現(xiàn)在“Shortcuts”列表中，然后在“Press Key”窗口輸入你想要使用的快捷鍵，然后點(diǎn)擊“Change”按鈕更改即可完畢。你還可以利用“+”、“-”按鈕增加或者刪除當(dāng)前的快捷鍵。

4. 讓Dreamweaver?4.0和Fireworks整合

如果你的電腦里同時(shí)安裝了Dreamweaver/Fireworks，那么你就可以使用Dreamweaver?4.0提供的整合Fireworks的功能。利用這個(gè)功能你可以把你的GIF圖片修改得更加動(dòng)人，輕松地實(shí)現(xiàn)動(dòng)畫(huà)效果。在Dreamweaver編輯窗口選擇好你要修改的GIF圖片，然后在圖片屬性窗口單擊“編輯(Edit)”按鈕，這時(shí)系統(tǒng)會(huì)自動(dòng)啟動(dòng)Fireworks軟件編輯這個(gè)圖片。仔細(xì)看，你會(huì)發(fā)現(xiàn)Fireworks的圖片編輯窗口已出現(xiàn)Editing?From?Dreamweaver這樣的文字和圖樣，也就是說(shuō)這個(gè)圖片是為Dreamweaver頁(yè)面進(jìn)行圖片編輯的。現(xiàn)在我們?cè)贔ireworks里選擇要編輯的圖片，選擇菜單“Modify→Animate→Animate?Selection”。在彈出的窗口里設(shè)置動(dòng)畫(huà)的屬性：選定動(dòng)畫(huà)的幀數(shù)、動(dòng)畫(huà)移動(dòng)的方向、透明度等等。然后把修改好的文件導(dǎo)出即可。這樣，在Dreamweaver編輯窗口會(huì)自動(dòng)更新剛才修改好的文件，使你的頁(yè)面圖片動(dòng)起來(lái)。

5. 巧用網(wǎng)站報(bào)告器

在Dreamweaver?4.0里提供了一個(gè)網(wǎng)站報(bào)告器，利用這個(gè)網(wǎng)站報(bào)告器可以幫助你在你的網(wǎng)站眾多文件中快速找到和修復(fù)錯(cuò)誤。單擊菜單“Site→Reports”即可啟動(dòng)報(bào)告器，選擇你要檢查的項(xiàng)目，然后單擊“Run”按鈕即可查出你網(wǎng)站上的一般問(wèn)題。你也可以自己編寫(xiě)報(bào)告器來(lái)查出網(wǎng)站上的一些特殊問(wèn)題 (一般問(wèn)題通常是一些文本丟失或文檔未命名) 。

6. 快速恢復(fù)多次操作

在制作頁(yè)面時(shí)，我們可能需要不停地修改頁(yè)面，有時(shí)還要恢復(fù)過(guò)去的操作，我們可以使用“Edit”菜單里的“Undo”命令，可是這個(gè)命令每次只能恢復(fù)一次，如果我們需要恢復(fù)多次操作，那就要不停地“Undo”，實(shí)在太煩。在Dreamweaver?4.0里提供了一個(gè)History窗口，可以讓我們輕松地恢復(fù)多次操作。在“Windows”菜單里選擇“History”即可開(kāi)啟這個(gè)歷史窗口。在這個(gè)窗口把你每一次的操作都保留下來(lái)了，利用窗口左邊那個(gè)滑動(dòng)指針，就可以不停地恢復(fù)，還可以撤銷(xiāo)每一次操作，包括已經(jīng)存盤(pán)的。而且還可以把這個(gè)歷史紀(jì)錄保存下來(lái)共享。

7. 隱藏浮動(dòng)面板

打開(kāi)Dreamweaver，給人的第一印象是一堆浮動(dòng)面板，往往弄得你眼花繚亂，雖然它可以拖開(kāi)，但畢竟占據(jù)著本來(lái)就很有限的屏幕，若把它關(guān)閉了，等一下用它時(shí)又要去打開(kāi)。其實(shí)你只要按一下F4鍵，所有浮動(dòng)面板都不見(jiàn)，再按F4他們又都重現(xiàn)于屏幕上了。

8. 快速預(yù)覽網(wǎng)頁(yè)

初學(xué)Dreamweaver，往往找不到預(yù)覽菜單，不得不另外啟動(dòng)IE瀏覽器來(lái)預(yù)覽網(wǎng)頁(yè)的實(shí)際效果。其實(shí)Dreamweaver的預(yù)覽菜單放到File菜單下了，要預(yù)覽正在編輯的網(wǎng)頁(yè)，按F12鍵就可以了，方便得很呢!而且還可設(shè)置在不同的瀏覽器中預(yù)覽，在File菜單下的Preview in Browser中選擇Edit Browser List就可選擇不同的瀏覽器進(jìn)行預(yù)覽。以測(cè)試你的網(wǎng)頁(yè)對(duì)不同瀏覽器的適應(yīng)性。

9. 在HTML檢示窗中顯示行號(hào)和自動(dòng)換行

雖然Dreamweaver的Behaviors是一個(gè)javascript小程序的巨集，許多實(shí)現(xiàn)特殊網(wǎng)頁(yè)效果的javascript程序都不用動(dòng)手編程，但有時(shí)需要編寫(xiě)一點(diǎn)小程序時(shí)，顯示程序行號(hào)顯得尤為必要，特別是在程序發(fā)生錯(cuò)誤時(shí)，往往都有是提示在“XX行有錯(cuò)誤”，若一行一行地去數(shù)行號(hào)不僅太累而且還容易數(shù)錯(cuò)，在FrontPage中老是為數(shù)錯(cuò)行號(hào)而煩惱。在Dreamweaver中可方便了，只要在HTML源代碼檢視器窗口中，選中“Line Numbers”(行號(hào))復(fù)選框，則會(huì)在源代碼檢視器窗口中對(duì)每條HTML語(yǔ)句自動(dòng)顯示行號(hào)，一目了然。同樣有時(shí)一行代碼較長(zhǎng)，只要在HTML源代碼檢視器窗口中，選中“Warp”(自動(dòng)換行)復(fù)選框，則會(huì)激活窗口的自動(dòng)換行特性，過(guò)長(zhǎng)的代碼會(huì)自動(dòng)從窗口的邊緣繞回。

10. 如何獲得顏色的十六進(jìn)制代碼

在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，有時(shí)要用到16進(jìn)制的顏色代碼，以前經(jīng)常為這事頭痛，在Dreamweaver中只要按屬性面板上“bg”邊上小方框右下角的小三角形，在彈出的顏色板上，鼠標(biāo)指到哪兒，馬上就能顯示出相應(yīng)顏色的16進(jìn)制代碼，真方便。

11. 制作背景音樂(lè)

在Dreamweaver中插入背景音樂(lè)是非常容易實(shí)現(xiàn)的，這里介紹兩種方法，由大家選擇。

(1)在頁(yè)面不顯眼的地方插入一空層 ，并在層內(nèi)放入一個(gè)ActivX對(duì)象 ，雙擊該對(duì)象，在打開(kāi)的對(duì)話(huà)框中選擇一個(gè)MIDI音樂(lè)文件，然后在層對(duì)象屬性面板中設(shè)定其可視性為“Hidden”，保存變動(dòng)后按F12預(yù)覽網(wǎng)頁(yè)，聽(tīng)聽(tīng)是否有音樂(lè)聲。

(2)另一種方法是利用Dreamweaver的“Behaviors”行為編輯器 ，單擊“+”按鈕，選擇其中“Play Sound”選項(xiàng)，在彈出的對(duì)話(huà)框中選擇一個(gè)音樂(lè)文件即可。自己動(dòng)手試一試吧!

12. 讓背景圖不滾動(dòng)

與FrontPage不同，Dreamweaver中插入的背景圖是會(huì)隨文字滾動(dòng)的。有的時(shí)候我們需要制作固定的背景圖，怎么辦呢?先定義一張背景圖，按“F10”打開(kāi)HTML源文件，找到定義背景圖片的語(yǔ)句，例如background=″images/background.JPG″，在它的后面空一格加上一句bgproperties=″fixed″。預(yù)覽一下，是不是有點(diǎn)小小的成就感。

13. 定義大小不變的文字

為什么別人網(wǎng)頁(yè)上的文字那么漂亮，不管你怎么按瀏覽器字體按鈕上的大小，他們的字體尺寸都不會(huì)發(fā)生變化。其實(shí)他們使用了網(wǎng)頁(yè)中的“CSS”樣式表技術(shù)，在Dreamweaver中要實(shí)現(xiàn)這一功能是非常簡(jiǎn)單的。首先按“F7”或者選擇“窗口”菜單中的“樣式表”選項(xiàng)打開(kāi)樣式表編輯器，在窗口中單擊鼠標(biāo)右鍵選擇“新建”，在彈出的對(duì)話(huà)框中輸入需要定義的樣式表名稱(chēng)，按“確定”，然后在列表中選擇第一項(xiàng)“類(lèi)型”，并給具體的文字屬性定義參數(shù)(一般來(lái)說(shuō)文字的大小在800×600的屏幕中選擇10.5較為適宜)，按“確定”后，定義好的樣式表就出現(xiàn)了。選擇網(wǎng)頁(yè)編輯窗中的文本，單擊新的樣式表名，可以看到選中的文本發(fā)生的變化。預(yù)覽一下，試試定義的文本字體尺寸還會(huì)不會(huì)隨瀏覽器的選擇字體大小而改變。

14. 插入Flash動(dòng)畫(huà)

Macromedia公司的Flash動(dòng)畫(huà)因其具有交互性、傳送速度快等特點(diǎn)，已逐漸成為網(wǎng)頁(yè)制作的一項(xiàng)新武器，如果你的網(wǎng)頁(yè)上能插入一段Flash動(dòng)畫(huà)，那么一定會(huì)使你的作品增色不少。在Dreamweaver中插入Flash制作的SWF格式動(dòng)畫(huà)十分容易，單擊對(duì)象工具欄上的Flash徽標(biāo)或單擊的“媒體”下的“Flash”，就可以打開(kāi)選擇SWF動(dòng)畫(huà)文件的對(duì)話(huà)框了，選好文件后可在其屬性面板中設(shè)定播放的參數(shù)，即大功告成。

15. 讓表格給網(wǎng)頁(yè)留白

在Dreamweaver的新網(wǎng)頁(yè)上輸入文字時(shí)，默認(rèn)格式是頂天立地的，十分不美觀。要避免這一缺憾其實(shí)很簡(jiǎn)單，只要大家用好表格工具就行了。具體做法是：在新頁(yè)面上插入一張居中對(duì)齊的表格，為了能夠使表格方便控制，好設(shè)定奇數(shù)列，并且數(shù)值不要太大。這樣在單元格內(nèi)輸入的文字就被限制在一個(gè)可以隨意調(diào)整寬度的區(qū)域內(nèi)，就不愁文字不聽(tīng)使喚了。

16. 改變狀態(tài)欄提示文字

一般情況下，當(dāng)瀏覽器裝入一個(gè)頁(yè)面時(shí)，在其狀態(tài)欄上顯示的是該頁(yè)面的地址名稱(chēng)，十分呆板。你有沒(méi)有想過(guò)給瀏覽器的狀態(tài)欄增加一點(diǎn)個(gè)性呢?如果有的話(huà)，那么請(qǐng)按照以下的步驟，定制自己喜歡的文字吧!首先打開(kāi)“Behaviors”行為編輯窗，單擊“+”按鈕，選擇“Set Text Set”下的“Text Of Status Bar”選項(xiàng)，然后在方框中輸入自己的文字，例如“歡迎來(lái)到我的主頁(yè)”等，單擊“確定”即可。

感謝各位的閱讀，以上就是“DreamWeaver操作技巧大全”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)DreamWeaver操作技巧大全這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

文章標(biāo)題：DreamWeaver操作技巧大全-創(chuàng)新互聯(lián)
當(dāng)前鏈接：http://vcdvsql.cn/article12/dshpdc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、響應(yīng)式網(wǎng)站、動(dòng)態(tài)網(wǎng)站、面包屑導(dǎo)航、建站公司、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)