Dreamweaver使用技巧集錦
發(fā)布時(shí)間：2008-08-11 閱讀數(shù)： 次 來源：網(wǎng)樂原科技
1、在Dreamweaver 3中輸入空格
1)可以用中文的全角狀態(tài)下按空格鍵，強(qiáng)烈推薦
2)插入一個(gè)透明的圖
3)用pre標(biāo)簽里寫你的內(nèi)容
4)object 里的invisiables 里的 none-breaking space 點(diǎn)一下
5)instert 菜單下的 none-breaking space
6)CTRL+SHIFT+空格鍵加入
7)CTRL+T 去掉尖括號(hào)，鍵入  ；
?。ㄗ⒑竺嫠膫€(gè)是的實(shí)質(zhì)都是一樣的）
2、實(shí)現(xiàn)瀏覽器狀態(tài)欄中的滾動(dòng)字幕
按下F8鍵，在Behaviors窗口中選取Behaviors，單擊“＋”號(hào)，再選取“Set Text→Set Text of Status Bar”，最后在彈出的對(duì)話框中寫上你想在狀態(tài)欄出現(xiàn)的文字就可以了。
3、制作鼠標(biāo)移動(dòng)上去會(huì)有變化的動(dòng)態(tài)鏈接圖像
首先準(zhǔn)備兩幅圖，第一幅是原始圖像，另一幅是鼠標(biāo)移動(dòng)上去后的圖像。用鼠標(biāo)單擊第一幅圖，在屬性面板中的鏈接欄中填上要鏈接的文件，然后按F8，在Behaviors窗口中點(diǎn)擊“＋”號(hào)，選擇“Swap Image”，在出現(xiàn)的窗口中選擇第二幅圖，點(diǎn)擊確定，就成功了。
4、將 Dreamweaver 集成到 IE 瀏覽器
Dreamweaver 安裝程序會(huì)在上下文選單增加一個(gè)“Edit with Dreamweaver”命令。還可以修改 Windows 的注冊(cè)表，就象 MS Word 、Frontpage 和 Notepad 一樣，通過 IE 工具欄的編輯按鈕來調(diào)用 Dreamweaver 打開當(dāng)前網(wǎng)頁。
將下面文本的最后一行要改為你自己的 Dreamweaver 安裝路徑，把它們保存為一個(gè) *.reg 文件，雙擊它將信息添加到注冊(cè)表即可。
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
@="\"D:\\Macromedia\\Dreamweaver 3\\dreamweaver.exe\" \"%1\""
如果要設(shè)置為 IE 缺省的編輯器，打開 IE 的“Internet 選項(xiàng)”，在程序標(biāo)簽指定。
5、如何避免點(diǎn)擊空鏈接的對(duì)象時(shí)會(huì)跳到頁面的頂端的現(xiàn)象
瀏覽器以為鏈接到同一頁，可它又找不到定義的書簽（anchor），于是停留在頁面的頂端。用“javascript:void(null)”替換空鏈接的“#”，解決這個(gè)問題。
6、如何解決使用 CSS 、層時(shí)，在不同瀏覽器的效果不一樣，有時(shí)甚至出現(xiàn)錯(cuò)位的現(xiàn)象
不要混合使用層和表格排版(如果是父子關(guān)系，如層中表格，不在此原則范圍內(nèi))
內(nèi)聯(lián)式的 CSS 在 Netscape Navigator 中經(jīng)常會(huì)出現(xiàn)問題，使用鏈?zhǔn)交騼?nèi)嵌式；
有時(shí)需要在空層插入表格或者透明圖片，以保證在 Netscape Navigator 里的效果。對(duì)于只有幾個(gè)像素寬度或高度的層，改用圖片來實(shí)現(xiàn)；
避免使用 W3C 組織不推薦的排版屬性，用 CSS 代替。
7、如何在網(wǎng)頁中加入注釋
代碼：< !-- 這是注釋 -->
8、如何在網(wǎng)頁中加入EMAIL鏈接并顯示預(yù)定的主題
代碼：< a href=“mailto:yourmail@xxx.xxx?Subject=你好”>Send Mail< /a>
9、如何制作電子郵件表單
在<FORM>中輸入Action=“youremail@XXX.XXX”，提交采用POST方法。
10、如何避免別人將你的網(wǎng)頁放入他的框架（FRAME）中
在源代碼中的<HEAD>…< /HEAD>之間加入如下代碼：
<script language=“javascript”><!--
if (self!=top){top.location=self.location;}
-->< /script>
11、如何自動(dòng)加入最后修改日期
在源代碼中的<BODY>…< /BODY>之間加入如下代碼：
< Script Language=“JavaScript”><!--
document.write(“Last Updated:”+document.lastModified);
-->< /Script>
12、如何讓背景圖象不滾動(dòng)
代碼：<BODY Background=“bg.gif”Bgproperties=“fixed”>
在Dreamweaver中用「Text」-「Custom Style」-「Edit Style Sheet」-「New」-Redefine HTML Tag中選擇Body，然后在Background中的Attachment里選fixed
13、如何將網(wǎng)頁定時(shí)關(guān)閉
在源代碼中的<BODY>后面加入如下代碼：
< script LANGUAGE=“JavaScript”> <!--
setTimeout(''window.close();'', 60000);
--> < /script>
在代碼中的60000表示1分鐘，它是以毫秒為單位的。
14、如何定義網(wǎng)頁的關(guān)鍵字（KeyWords）
格式如下：
< meta name=“keywords”content=“dreamweaver,flash,fireworks”>
content中的即為關(guān)鍵字，用逗號(hào)隔開,在Dreamweaver中用「Insert」-「Head」-KeyWords命令
15、如何設(shè)置命令來關(guān)閉打開的窗口
在源代碼中加入如下代碼：
< a href=“/”onclick=“javascript:window.close(); return false;”>關(guān)閉窗口< /a>
16、如何在網(wǎng)頁中加入書簽，在頁面內(nèi)任意跳轉(zhuǎn)
在源代碼中需要插入書簽的地方輸入，在調(diào)用的地方輸入Top，其中的top是你設(shè)定的書簽名字。在Dreamweaver中用菜單的「Insert」-「Name Anchor」命令插入書簽，調(diào)用時(shí)，在Link中輸入#top，top為書簽名。
如果要在多個(gè)頁面之間任意跳轉(zhuǎn)，方法與上面類似，不過做鏈接時(shí)要在書簽名前加上網(wǎng)頁文件名，如：other.htm#top，這樣一來就會(huì)跳轉(zhuǎn)到other.htm頁面中的top書簽處。
17、如何為不支持框架的瀏覽器指定內(nèi)容
在源代碼中加入下面代碼：
< BODY><noframes>本網(wǎng)頁有框架結(jié)構(gòu)，請(qǐng)下載新的瀏覽器觀看< /noframes></ BODY>
18、如何使表格（TABLE）沒有邊框線
將表格的邊框?qū)傩裕篵order=“0”
19、如何隱藏狀態(tài)欄里出現(xiàn)的LINK信息
請(qǐng)使用如下代碼：
< a href="http://www.pyinfo.ha.cn" onMouseOver="window.status=''none'';return true">夢(mèng)想天空< /a>
20、如何定時(shí)載入另一個(gè)網(wǎng)頁內(nèi)容
在源代碼中的<HEAD>…< /HEAD> 加入如下代碼：
< meta http-equiv=“refresh”content=“40;URL=http://www.goEway.com ”>
40秒后將自動(dòng)載入http://www.goEway.com所在的網(wǎng)頁
21、如何為網(wǎng)頁設(shè)置背景音樂
代碼：< EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”>
src：音樂文件的路徑及文件名；
autostart：true為音樂文件上傳完后自動(dòng)開始播放，默認(rèn)為false（否）
loop：true為無限次重播，false為不重播，某一具體值（整數(shù)）為重播多少次
volume：取值范圍為“0-100”，設(shè)置音量，默認(rèn)為系統(tǒng)本身的音量
starttime：“分：秒”，設(shè)置歌曲開始播放的時(shí)間，如，starttime=“00:10”，從第10開始播放
endtime： “分：秒”，設(shè)置歌曲結(jié)束播放的時(shí)間
width：控制面板的寬
height：控制面板的高
controls：控制面板的外觀
controls=“console/smallconsole/playbutton/pausebutton/stopbutton/volumelever”
·console：正常大小的面板
·smallconsole：較小的面板
·playbutton：顯示播放按鈕
·pausebutton：顯示暫停按鈕
·stopbutton：顯示停止按鈕
·volumelever：顯示音量調(diào)節(jié)按鈕
hidden：為true時(shí)可以隱藏面板
22、如何去掉鏈接的下劃線
在源代碼中的<HEAD>…</HEAD>之間輸入如下代碼：
<style type=“text/css”> <!--
a { text-decoration: none}
--> < /style>
在Dreamweaver中用「Text」-「Custom Style」-「Edit Style Sheet」-「New」-Redefine HTML Tag中選擇a，然后在decoration中選中none
23、timeline中的layer走曲線
要使得timeline中的layer走曲線，得先讓他走出直線來，然后在最后一frame和第一frame中間的任何一frame上點(diǎn)右鍵，可以看到有個(gè) add keyframe ，點(diǎn)一下，然后把你的layer移動(dòng)到你要的位置，DW會(huì)自動(dòng)生成曲線
24、如何隱藏不必要的標(biāo)簽
當(dāng)用戶在網(wǎng)頁中插入了不可見的元素時(shí)，Dreamweaver會(huì)自動(dòng)在頁面上添加一個(gè)與之相應(yīng)的元素標(biāo)簽，以便于用戶選擇不可見元素。但這并不全是件好事，比如你在一個(gè)有很多層的頁面中的第一行便插入一個(gè)表格，就會(huì)發(fā)現(xiàn)由于首行排列了太多的層元素標(biāo)簽而使得表格自動(dòng)退到了頁面的第二行，雖然在瀏覽時(shí)并不影響效果，但這確確實(shí)實(shí)會(huì)阻礙你的工作。所以當(dāng)你覺得某個(gè)元素標(biāo)簽礙手礙腳時(shí)，就索性將之屏蔽掉。方法是按“Ctrl＋U”打開“Preferences”面板，在“Category”中選中“Invisibel Elements”，在面板的右邊將會(huì)出現(xiàn)所有的元素標(biāo)簽。只要將討你厭的元素標(biāo)簽前的勾去掉，以后它就保證不會(huì)再出現(xiàn)了。
25、如何調(diào)用“Style”而不致使網(wǎng)頁原代碼混亂不堪
調(diào)用“Style”的方法很多，你可以單擊右鍵選擇“Custon Style”來調(diào)用“Style”規(guī)范，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用“Style”。雖然不同的方法達(dá)到的效果看似一樣，但實(shí)際上產(chǎn)生的HTML代碼則完全不同。比如用“CustonStyle”來調(diào)用“Style”規(guī)范，在網(wǎng)頁代碼中就生成一個(gè)〈span〉標(biāo)簽，這樣的標(biāo)簽一多就會(huì)使文件十分臃腫而且影響瀏覽器的解析速度，所以我建議盡量使用狀態(tài)欄中的元素列表來調(diào)用“Style”。還有一個(gè)小技巧，如果你要使用一個(gè)“Style”定義某表格單元中的所有文字，只要在〈td〉標(biāo)簽中調(diào)用“Style”就行了，而不需要在一個(gè)個(gè)定義〈p〉標(biāo)簽。注意這個(gè)方法不使用與〈table〉標(biāo)簽，因?yàn)樵凇磘able〉標(biāo)簽中用“Style”定義的文字格式會(huì)被Netscape忽略。
26、如何改變?yōu)g覽者的鼠標(biāo)形狀
這是通過編輯樣式表來實(shí)現(xiàn)的。具體方法是：選擇“文字（text）->定制樣式（CSS Style）->編輯樣式表（Edit Style Sheet）”，彈出編輯樣式表窗口，在其中選擇“新建（new）”。接著選擇“建立一個(gè)定制的樣式（Make custom style),給這個(gè)樣式表起名,單擊確定。編輯該樣式表,選擇擴(kuò)展項(xiàng)(extension)，在右邊的光標(biāo)項(xiàng)（Cursor)中選擇要出現(xiàn)的指針效果即可。
27、如何安排布置Dreamweaver各種各樣的工具面板
一個(gè)800X600分辯率的屏幕對(duì)于Dreamweaver來說確實(shí)小了些，不過即便是1024X768，也放不下所有的面板。
關(guān)閉那些在編輯中暫時(shí)用不到的面板，把常用的面板放在一起，節(jié)省屏幕空間；
除非現(xiàn)在要用，否則關(guān)閉“HTML Source Inspector”，它除開占用屏幕空間，還占用相當(dāng)?shù)南到y(tǒng)資源；
按 F4 隱藏所有打開的面板，一覽文檔的全貌，再按一下，顯示面板；
在“Windows”選單有個(gè)“Arrange Floating Palettes”命令，使用這個(gè)命令將所有打開的面板放在窗口四周，并互不重疊。
多用快捷鍵并熟練掌握是很好的提高工作效率的方法。
當(dāng)添加不可見的對(duì)象時(shí)，Dreamweaver會(huì)在文檔窗口的頁面頂部加上相應(yīng)的圖標(biāo)，如果圖標(biāo)太多，可能妨礙編輯。可以按“Ctrl+Shift+I”（主選單View|Invisible Elements）來隱藏和顯示它們。也可以設(shè)定不出現(xiàn)這些圖標(biāo)，不過不建議這樣作，因?yàn)樗鼈兡軒椭x擇對(duì)象，便于編輯。
28、改變狀態(tài)欄提示文字
一般情況下，當(dāng)瀏覽器裝入一個(gè)頁面時(shí)，在其狀態(tài)欄上顯示的是該頁面的地址名稱，十分呆板。你有沒有想過給瀏覽器的狀態(tài)欄增加一點(diǎn)個(gè)性呢？如果有的話，那么請(qǐng)按照以下的步驟，定制自己喜歡的文字吧！首先打開“Behaviors”行為編輯窗，單擊“＋”按鈕，選擇“Set Text Set”下的“Text Of Status Bar”選項(xiàng)，然后在方框中輸入自己的文字，例如“歡迎來到我的主頁”等，單擊[確定]即可。
29、在DW中設(shè)置水平標(biāo)尺的顏色
由于在NC中不支持<hr>的COLOR屬性，所以在DW中沒有此項(xiàng)設(shè)置，你只能在HTML中加入代碼： color=“顏色代碼”
30、如何精確的定位網(wǎng)頁中各個(gè)元素的位置
精確定位網(wǎng)頁中各個(gè)元素的位置有兩種方法：使用表格或?qū)印?br>
使用表格是目前比較通用的做法，具體方法是：先在網(wǎng)頁中建立一個(gè)表格，注意表格的邊框?qū)挾葢?yīng)為０。然后再把各個(gè)元素按照你的要求放在各個(gè)表格單元之中。仔細(xì)調(diào)整表格單元的大小以及表格邊框的位置，這時(shí)在表格單元中的元素也會(huì)隨之移動(dòng)位置。這樣你就可以比較精確的定位網(wǎng)頁中各個(gè)元素的位置了。使用表格的優(yōu)點(diǎn)是通用，幾乎各個(gè)版本的瀏覽器可以致支持表格。它的缺點(diǎn)是使用起來比較麻煩，需要仔細(xì)進(jìn)行調(diào)整，而且定位不十分精確。
層在網(wǎng)頁中可以隨意放置，因此我們可以使用層來進(jìn)行精確定位。使用方法是，在網(wǎng)頁中插入一個(gè)層，然后把你想要定位的元素放在層里，接著我們就可以把層放到所想要任何位置了。此外，你還可以借助標(biāo)尺和網(wǎng)格進(jìn)行精確的定位。 因?yàn)閷又辉谧钚碌臑g覽器中被支持，所以為了兼容舊的瀏覽器，我們可以把層轉(zhuǎn)變?yōu)楸砀?。方法?選擇“修改(Modify)->版面布局模式(Layout Mode)->把層轉(zhuǎn)化成表格(convert layers to table)”即可。注意這時(shí)的層不能有重疊，我們可以在插入層之前選擇“查看(view)->防止層交錯(cuò)(prevent layer overlaps)”來避免層的重疊。一般來說轉(zhuǎn)換后的頁面可能會(huì)有一些變化，還需要我們手工進(jìn)行調(diào)整。
最后有一點(diǎn)要注意，在進(jìn)行表格和層的相互轉(zhuǎn)換時(shí)，最好不要在一個(gè)頁面中同時(shí)使用層與表格，那樣可能會(huì)把你的頁面弄的一團(tuán)糟。
31、如何制作一個(gè)類似于下拉菜單的效果
制作一個(gè)類似于下拉菜單的效果需要用到層的隱藏和顯示特性。具體的方法是：
在頁面中插入一個(gè)單行多列的表格，作為你的菜單條。表格的列數(shù)由菜單選項(xiàng)的多少?zèng)Q定。插入一個(gè)層，在層中輸入第一個(gè)下拉菜單的內(nèi)容，并把這個(gè)層移動(dòng)到表格第一列的下面。
同理，對(duì)其它的菜單項(xiàng)也作如上的操作,插入相應(yīng)的層。把所有層的顯示屬性(vis)改為隱藏（Hidden)。選擇表格的第一個(gè)單元，單擊窗口（Windows)->行為（Behaviors），彈出行為面板。按下“+”添加行為Show-Hide layers，并將第一個(gè)層（Layer1)屬性改為顯示(Show),其它層的屬性改為隱藏(Hide)。接著在行為面板中編輯這個(gè)行為，將它的觸發(fā)事件(events)改為onMouseover。這樣，當(dāng)鼠標(biāo)移動(dòng)到第一個(gè)表格單元之上時(shí)，第一個(gè)下拉菜單就會(huì)顯示出來。接著再添加一個(gè)行為Show-Hide layers，并將所有層的屬性改為隱藏。接著在行為面板中編輯這個(gè)行為，將它的觸發(fā)事件(events)改為onMouseout。這樣當(dāng)鼠標(biāo)從第一個(gè)表格單元之上移開時(shí)，第一個(gè)下拉菜單就會(huì)隱藏起來。
對(duì)其它的菜單項(xiàng)重復(fù)e、f操作。但要注意設(shè)置“菜單二”時(shí)，第二層顯示，其它層隱藏；設(shè)置“菜單三”時(shí)，第三層顯示，其它層隱藏；依此類推下去。
32、用TracingImage幫助定位網(wǎng)頁中各元素的位置
TracingImage是Dreamweaver2新增的一個(gè)非常有效的功能，它允許用 戶在網(wǎng)頁中將原來的圖案設(shè)計(jì)搞作為輔助的背景。這么一來，擁護(hù)就可以 非常方便地定位文字、圖象、表格、層等網(wǎng)頁元素在該頁面中的位置了。TracingImage的具體使用是這樣的：首先使用各種繪圖軟件作出一個(gè)想象中網(wǎng)頁排版格局圖，然后將此圖保存為網(wǎng)絡(luò)圖象格式（包括gif,jpg,jpeg和png）。用Dreamweaver打開你所編輯的網(wǎng)頁，在頁面的空白區(qū)單擊右鍵，選擇“Page Properties...”，然后在彈出的對(duì)話框中的Tracing Image項(xiàng)中輸入剛才創(chuàng)建的網(wǎng)頁排版格局圖所在位置。再在Image Transparen中設(shè)定TracingImage的透明度，OK。這樣你就可以在當(dāng)前網(wǎng)頁中方便地定位各個(gè)網(wǎng)頁元素的位置了。使用了TracingImage的網(wǎng)頁在用Dreamweaver編輯時(shí)不會(huì)再顯示背景圖案，但當(dāng)使用瀏覽器瀏覽時(shí)正好相反TracingImage不見了，所見的就是經(jīng)過編輯的網(wǎng)頁（當(dāng)然能夠 顯示背景圖案）。
33、關(guān)于“Convert Table widths to Pixels”和“Convert Table widths to Percent”
“Convert Table widths to Pixels”和“Convert Table widths to Percent”是Dreamweaver2新增的兩個(gè)設(shè)置表格寬度的重要功能。當(dāng)你打開一個(gè)帶有表格的網(wǎng)頁時(shí)，在狀態(tài)欄中點(diǎn)中〈table〉標(biāo)簽，在隨后顯示出的表格屬性 工具面板中就能看到這兩個(gè)按鈕了。顧名思義“Convert Table widths to Pixels”就是將表格中所有單元的寬度以象素表示，而“Convert Table widths to Percent”是將表格中所有單元的寬度以百分比表示。仔細(xì)想想他們的 作用，如果將一個(gè)表格的寬度全以象素表示，但瀏覽窗口被放大時(shí)，表格 就不會(huì)隨之放大單元格的寬度。而使用了“Convert Table widths to Percent”后能夠使你在640*480分辨率下建立100%寬的表格在更高的分辨率下依舊保 持100%的寬度。所以活用這兩個(gè)功能可以是網(wǎng)頁排版事半功倍。
桂公網(wǎng)安備45010502000253號(hào)
電子營(yíng)業(yè)執(zhí)照
