三十三個Dreamweaver使用技巧

1、三個 Dreamweaver 使用技巧1、在 Dreamweaver 3 中輸入空格1）能用中文的全角狀態(tài)下按空格鍵，強(qiáng)烈推薦2）插入一個透明的圖3）用pre標(biāo)簽里寫你的內(nèi)容4）object 里的 invisiables 里的 none-breaking space 點一下5）instert 菜單下的 none-breaking space6）CTRL+SHIFT+空格鍵加入7）CTRL+T 去掉尖括號，鍵入  ； （注后面四個是的實質(zhì)都是相同的）2、實現(xiàn)瀏覽器狀態(tài)欄中的滾動字幕按下F8鍵，在Behaviors窗口中選取Behaviors，單擊“ + ”號，再選取Set TextSet

2、 Text of Status Bar”，最后在彈出的對話框中寫上你想在狀態(tài)欄出現(xiàn)的文字就能了。3、制作鼠標(biāo)移動上去會有變化的動態(tài)鏈接圖像首先準(zhǔn)備兩幅圖，第一幅是原始圖像，另一幅是鼠標(biāo)移動上去后的圖像。用鼠標(biāo)單擊第 一幅圖，在屬性面板中的鏈接欄中填上要鏈接的文件，然后按F8,在Behaviors窗口中點擊 “ + ”號，選擇“Swap Image”，在出現(xiàn)的窗口中選擇第二幅圖，點擊確定，就成功了。4、將 Dreamweaver 集成到 IE 瀏覽器Dreamweaver安裝程式會在上下文選單增加一個“Edit with Dreamweaver”命令。還能 修改 視窗系統(tǒng) 的注冊表，就象 MS

3、Word 、Frontpage 和 Notepad 相同，通過 IE 工具欄 的編輯按鈕來調(diào)用 Dreamweaver 打開當(dāng)前網(wǎng)頁。將下面文本的最后一行要改為你自己的 Dreamweaver 安裝路徑，把他們保存為一個 *.reg 文件，雙擊他將信息添加到注冊表即可。REGEDIT4HKEY_CLASSES_ROOT .htm OpenWithList Dreamweaver HKEY_CLASSES_ROOT .htm OpenWithList Dreamweaver shell HKEY_CLASSES_ROOT .htm OpenWithList Dreamweaver shell e

4、dit HKEY_CLASSES_ROOT .htm OpenWithList Dreamweaver shell edit command = D: Macromedia Dreamweaver 3 dreamweaver.exe %1 如果要設(shè)置為IE缺省的編輯器，打開IE的“Internet選項”在程式標(biāo)簽指定。5、怎么避免點擊空鏈接的對象時會跳到頁面的頂端的現(xiàn)象瀏覽器以為鏈接到同一頁，可他又未找到定義的書簽（anchor），于是停留在頁面的頂 端。用“javascript:void（null）”替換空鏈接的“#”，解決這個問題，或加多幾個#號。6、怎么解決使用 CSS 、層時，在不同瀏

5、覽器的效果不相同，有時甚至出現(xiàn)錯位的現(xiàn)象?不要混合使用層和表格排版（如果是父子關(guān)系，如層中表格，不在此原則范圍內(nèi)） 內(nèi)聯(lián)式的 CSS 在 Netscape Navigator 中經(jīng)常會出現(xiàn)問題，使用鏈?zhǔn)交騼?nèi)嵌式； 有時需要在空層插入表格或透明圖片，以確保在 Netscape Navigator 里的效果。對于只 有幾個像素寬度或高度的層，改用圖片來實現(xiàn)；避免使用 W3C 組織不推薦的排版屬性，用 CSS 代替。7、怎么在網(wǎng)頁中加入注釋代碼：8、怎么在網(wǎng)頁中加入EMAIL鏈接并顯示預(yù)定的主題代碼：Send Mailv /a9、怎么制作電子郵件表單在vFORM中輸入 Action= “yourem

6、ailXXX.XXX” 提交采用 POST 方法。10、怎么避免別人將你的網(wǎng)頁放入他的框架（FRAME）中在原始碼中的之間加入如下代碼:cvri!-p-t”if （self!=top）top.location=self.location;-v /script11、怎么自動加入最后修改日期在原始碼中的之間加入如下代碼:12、怎么讓背景圖象不滾動代碼：vBODY Background= “bg.gif” Bgproperties= “fixed” 在 Dreamweaver 中用Text-Custom Style J -Edit Style Sheet J -New-Redefine HTML T

7、ag 中選擇 Body，然后在 Background 中的 Attachment 里選 fixed13、怎么將網(wǎng)頁定時關(guān)閉在原始碼中的后面加入如下代碼： 在代碼中的 60000 表示 1 分鐘，他是以毫秒為單位的。14、怎么定義網(wǎng)頁的關(guān)鍵字(KeyWords)格式如下：content中的即為關(guān)鍵字，用逗號隔開，在Dreamweaver中用Insert-Head-KeyWords 命令15、怎么設(shè)置命令來關(guān)閉打開的窗口在原始碼中加入如下代碼：關(guān)閉窗口16、怎么在網(wǎng)頁中加入書簽，在頁面內(nèi)任意跳轉(zhuǎn)在原始碼中需要插入書簽的地方輸入，在調(diào)用的地方輸入Top，其中的top是你設(shè)定的 書簽名字。在Dream

8、weaver中用菜單的Insert-Name Anchor命令插入書簽，調(diào)用時, 在Link中輸入#top， top為書簽名。如果要在多個頁面之間任意跳轉(zhuǎn)，方法和上面類似，不過做鏈接時要在書簽名前加上網(wǎng) 頁文件名，如：other.htm#top，這樣一來就會跳轉(zhuǎn)到other.htm頁面中的top書簽處。17、怎么為不支持框架的瀏覽器指定內(nèi)容在原始碼中加入下面代碼：BODYvnoframes本網(wǎng)頁有框架結(jié)構(gòu)，請下載新的瀏覽器觀看 /noframesx/ BODY18、怎么使表格（TABLE）沒有邊框線將表格的邊框?qū)傩裕篵order= “0”19、怎么隱藏狀態(tài)欄里出現(xiàn)的 LINK 信息請使用如下代

9、碼：a href= HYPERLINK onMouseOver=window.status= none ;return true品味人 生20、怎么定時載入另一個網(wǎng)頁內(nèi)容在原始碼中的v /HEAD加入如下代碼：40秒后將自動載入所在的網(wǎng)頁21、怎么為網(wǎng)頁設(shè)置背景音樂代碼： src：音樂文件的路徑及文件名；autostart： true為音樂文件上傳完后自動開始播放，默認(rèn)為false（否） loop： true 為無限次重播， false 為不重播，某一具體值（整數(shù)）為重播多少次 volume:取值范圍為“0-100”，設(shè)置音量，默認(rèn)為系統(tǒng)本身的音量starttime： “分：秒”，設(shè)置歌曲開始

10、播放的時間，如，starttime= “00:10”，從第10開始播放 endtime：“分：秒”，設(shè)置歌曲結(jié)束播放的時間width:控制面板的寬height:控制面板的高controls :控制面板的外觀 controls=“console/smallconsole/playbutton/pausebutton/stopbutton/volumelever”?console :正常大小的面板?smallconsole :較小的面板 ?playbutton：顯示播放按鈕?pausebutton：顯示暫停按鈕?stopbutton:顯示停止按鈕 ?volumelever：顯示音量調(diào)節(jié)按鈕hidd

11、en :為true時能隱藏面板22、怎么去掉鏈接的下劃線在原始碼中的 y/HEAD之間輸入如下代碼： 在 Dreamweaver 中用Text-Custom Style J -Edit Style Sheet J -New-Redefine HTML Tag中選擇a,然后在decoration中選中none23、timeline 中的 layer 走曲線要使得timeline中的layer走曲線，得先讓他走出直線來，然后在最后一 frame和第一 frame 中間的所有一 frame 上點右鍵,能看到有個 add keyframe ,點一下,然后把你的 layer 移動到你要的位置，DW會自動

12、生成曲線24、怎么隱藏不必要的標(biāo)簽當(dāng)用戶在網(wǎng)頁中插入了不可見的元素時,Dreamweaver會自動在頁面上添加一個和之相 應(yīng)的元素標(biāo)簽，以便于用戶選擇不可見元素。但這并不全是件好事，比如你在一個有非常多 層的頁面中的第一行便插入一個表格，就會發(fā)現(xiàn)由于首行排列了太多的層元素標(biāo)簽而使得表 格自動退到了頁面的第二行，雖然在瀏覽時并不影響效果，但這確確實實會阻礙你的工作。 所以當(dāng)你覺得某個元素標(biāo)簽礙手礙腳時，就索性將之屏蔽掉。方法是按“ Ctrl+U ”打開“Preferences”面板，在“Category”中選中“Invisibel Elements”，在面板的右邊將會出現(xiàn) 所有的元素標(biāo)簽。只要將

13、討你厭的元素標(biāo)簽前的勾去掉，以后他就確保不會再出現(xiàn)了。25、怎么調(diào)用“Style”而不致使網(wǎng)頁原代碼混亂不堪調(diào)用“Style”的方法非常多，你能單擊右鍵選擇“Custon Style”來調(diào)用“Style”規(guī)范， 也能在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用“Style”。雖然不同的方法達(dá)到的效果看似相 同，但實際上產(chǎn)生的HTML代碼則完全不同。比如用“CustonStyle”來調(diào)用“Style”規(guī)范， 在網(wǎng)頁代碼中就生成一個span標(biāo)簽，這樣的標(biāo)簽一多就會使文件十分臃腫而且影響瀏覽 器的解析速度，所以我建議盡量使用狀態(tài)欄中的元素列表來調(diào)用“Style”。更有一個小技巧， 如果你要使用一個“Styl

14、e”定義某表格單元中的所有文字，只要在td標(biāo)簽中調(diào)用“Style” 就行了，而不必在一個個定義p標(biāo)簽。注意這個方法不使用和table標(biāo)簽，因為在table 標(biāo)簽中用“Style”定義的文字格式會被Netscape忽略。26、怎么改動瀏覽者的鼠標(biāo)形狀這是通過編輯樣式表來實現(xiàn)的。具體方法是：選擇“文字(text)-制定樣式(CSS Style) -編輯樣式表(Edit Style Sheet)”，彈出編輯樣式表窗口，在其中選擇“新建bew)”。接著 選擇“建立一個制定的樣式(Make custom style)，給這個樣式表起名，單擊確定。編輯該樣式 表，選擇擴(kuò)展項(extension)，在右邊的

15、光標(biāo)項(Cursor)中選擇要出現(xiàn)的指針效果即可。27、怎么安排布置 Dreamweaver 各種各樣的工具面板一個800X600分辯率的屏幕對于Dreamweaver來說確實小了些，不過即便是1024X768, 也放不下所有的面板。關(guān)閉那些在編輯中暫時用不到的面板，把常用的面板放在一起，節(jié)省屏幕空間； 除非目前要用，否則關(guān)閉“HTML Source Inspector”，他除開占用屏幕空間，還占用相 當(dāng)?shù)南到y(tǒng)資源；按 F4 隱藏所有打開的面板，一覽文件的全貌，再按一下，顯示面板；在“視窗系統(tǒng)”選單有個“Arrange Floating Palettes”命令，使用這個命令將所有打開 的面板放

16、在窗口四周，并互不重疊。多用快捷鍵并熟練掌控是非常好的提高工作效率的方法。當(dāng)添加不可見的對象時，Dreamweaver會在文件窗口的頁面頂部加上相應(yīng)的圖標(biāo)，如果 圖標(biāo)太多，可能妨礙編輯。能按“Ctrl+Shift+I”(主選單ViewlInvisible Elements)來隱藏和 顯示他們。也能設(shè)定不出現(xiàn)這些圖標(biāo)，不過不建議這樣作，因為他們能幫助選擇對象，便于 編輯。28、改動狀態(tài)欄提示文字一般情況下，當(dāng)瀏覽器裝入一個頁面時，在其狀態(tài)欄上顯示的是該頁面的地址名稱，十 分呆板。你有沒有想過給瀏覽器的狀態(tài)欄增加一點個性呢？如果有的話，那么請按照以下的 步驟，制定自己喜歡的文字吧！首先打開“ Be

17、haviors”行為編輯窗，單擊“ + ”按鈕，選 擇“Set Text Set”下的“Text Of Status Bar”選項，然后在方框中輸入自己的文字，例如“歡 迎來到我的主頁”等，單擊確定即可。29、在 DW 中設(shè)置水平標(biāo)尺的顏色由于在NC中不支持vhr的COLOR屬性，所以在DW中沒有此項設(shè)置，你只能在HTML 中加入代碼：color= “顏色代碼”30、怎么精確的定位網(wǎng)頁中各個元素的位置精確定位網(wǎng)頁中各個元素的位置有兩種方法：使用表格或?qū)?。使用表格是目前比較通用的做法，具體方法是：先在網(wǎng)頁中建立一個表格，注意表格的 邊框?qū)挾葢?yīng)為0。然后再把各個元素按照你的需求放在各個表格單元之中

18、。仔細(xì)調(diào)整表格單 元的大小及表格邊框的位置，這時在表格單元中的元素也會隨之移動位置。這樣你就能比較 精確的定位網(wǎng)頁中各個元素的位置了。使用表格的好處是通用，幾乎各個版本的瀏覽器能致 支持表格。他的缺點是使用起來比較麻煩，需要仔細(xì)進(jìn)行調(diào)整，而且定位不十分精確。層在網(wǎng)頁中能隨意放置，因此我們能使用層來進(jìn)行精確定位。使用方法是，在網(wǎng)頁中插 入一個層，然后把你想要定位的元素放在層里，接著我們就能把層放到所想要所有位置了 此外，你還能借助標(biāo)尺和網(wǎng)格進(jìn)行精確的定位。 因為層只在最新的瀏覽器中被支持， 所以為了兼容舊的瀏覽器，我們能把層轉(zhuǎn)變?yōu)楸砀?。方法是選擇“修改(Modify)-版面布局 模式(Layou

19、t Mode)-把層轉(zhuǎn)化成表格(convert layers to table) ”即可。注意這時的層不能有重 疊，我們能在插入層之前選擇“查看(view)-防止層交錯(prevent layer overlaps)”來避免層 的重疊。一般來說轉(zhuǎn)換后的頁面可能會有一些變化，還需要我們手工進(jìn)行調(diào)整。最后有一點要注意，在進(jìn)行表格和層的相互轉(zhuǎn)換時，最佳不要在一個頁面中同時使用層 和表格，那樣可能會把你的頁面弄的一團(tuán)糟。31、怎么制作一個類似于下拉菜單的效果制作一個類似于下拉菜單的效果需要用到層的隱藏和顯示特性。具體的方法是：在頁面中插入一個單行多列的表格，作為你的菜單條。表格的列數(shù)由菜單選項的多少決

20、 定。插入一個層，在層中輸入第一個下拉菜單的內(nèi)容，并把這個層移動到表格第一列的下面。同理，對其他的菜單項也作如上的操作，插入相應(yīng)的層。把所有層的顯示屬性(vis)改為 隱藏(Hidden)。選擇表格的第一個單元，單擊窗口(視窗系統(tǒng))-行為(Behaviors),彈出 行為面板。按下“ + ”添加行為Show-Hide layers，并將第一個層(Layerl)屬性改為顯示(Show), 其他層的屬性改為隱藏(Hide)。接著在行為面板中編輯這個行為，將他的觸發(fā)事件(events) 改為onMouseover。這樣，當(dāng)鼠標(biāo)移動到第一個表格單元之上時，第一個下拉菜單就會顯示 出來。接著再添加一個行

21、為Show-Hide layers，并將所有層的屬性改為隱藏。接著在行為面 板中編輯這個行為，將他的觸發(fā)事件(events)改為onMouseout。這樣當(dāng)鼠標(biāo)從第一個表格單 元之上移開時，第一個下拉菜單就會隱藏起來。對其他的菜單項重復(fù)e、f操作。但要注意設(shè)置“菜單二”時，第二層顯示，其他層隱 藏；設(shè)置“菜單三”時，第三層顯示，其他層隱藏；依此類推下去。32、用TracingImage幫助定位網(wǎng)頁中各元素的位置TracingImage是Dreamweaver2新增的一個非常有效的功能，他允許用 戶在網(wǎng)頁中將原 來的圖案設(shè)計搞作為輔助的背景。這么一來，擁護(hù)就能 非常方便地定位文字、圖象、表格、 層等網(wǎng)頁元素在該頁面中的位置了。Tracingimage的具體使用是這樣的：首先使用各種繪圖 軟件作出一個想象中網(wǎng)頁排版格局圖，然后將此圖保存為網(wǎng)絡(luò)圖象格式（包括 gif,jpg,jpeg 和png）。用Dreamweaver打開你所編輯的網(wǎng)頁，在頁面的空白區(qū)單擊右鍵，選擇“ Page Properties.”，然后在彈出的對話框