5.14日(rì)音(yīn)訊,dw4.0常用(yòng)技(jì)"÷★巧和(hé)實用(yòng)知(zhī)識。dw就(jiù♠λφ)是(shì)網頁前台制(zhì)作(zuò)的(de)工(gōng)具，可π←(kě)以實現(xiàn)一(yī)般網頁的(de¥>∏δ)所有(yǒu)前台看(kàn)見(jiàn)的(de¶÷)內(nèi)容,這(zhè)也(yě)是(shì)網站(zhàn)制(z•'∏§hì)作(zuò)的(de)必經之路(lù)，網頁前♣γ®ε台的(de)制(zhì)作(zuò)時(shí)決定後台功能(né≤•♥≤ng)實現(xiàn)的(de)必須，隻有(yǒu)存在 €← 前台看(kàn)見(jiàn)的(de)頁面的(de)呈現(xiàn)，↕≠才能(néng)更好(hǎo)的(de)為(wèi)後台≥×✘&功能(néng)實現(xiàn)提供台階$∑£，所以前端工(gōng)程師(shī)隻有(yǒu)掌握了(le'")更熟悉的(de)知(zhī)識和(hé)技(jì)巧，才®≠≤能(néng)在工(gōng)作(zuò)中如(rú)✔★× 魚得(de)水(shuǐ)，使用(yòng)自(zì)如(rú♣)，下(xià)面就(jiù)由
邯鄲網站(zhàn)建設首創網絡來(lái)給大(dà)家(jiā)介紹一(yī)些(xiē)常& ↓用(yòng)的(de)知(zhī)識，希望能(néng)幫助大(dà)家Ω§✔₽(jiā)更好(hǎo)的(de)去(qù)學•§'∞習(xí)和(hé)應用(yòng)。
1.用(yòng)Dreamweaver4.0 ♥<•輕松設計(jì)會(huì)自(zì)動彈性調整的(de)網頁
首先需要(yào)保證的(de)是(shì)你(nǐ)的δ×®(de)頁面內(nèi)容采用(yòng)了(le)表✔ 格的(de)格式，然後打開(kāi)你(nǐ)要(yào)編輯的(dΩφe)頁面，按"Ctrl+F6"或者菜單&qu↑₹≥ot;View→TableView&rarr§®≠;Layout?View"轉換到(dào)布局視(shì)♠≠圖。這(zhè)時(shí)可(kě)以看(kà₹σ≥®n)到(dào)單元格的(de)列寬，在列寬數(shù)₩<≤®字的(de)旁邊還(hái)有(yǒu)一(yī)÷÷σ個(gè)小(xiǎo)小(xiǎo)的(de)下(xià)拉式箭α∏∑←頭，點擊你(nǐ)要(yào)設定彈性顯示的(de)列上(♠₩•↓shàng)方的(de)小(xiǎo)箭頭，接著(zhe)選擇"将列™£₩設為(wèi)彈性顯示"(MakeColumnAutostretc±$γh)。該列方框上(shàng)方就(jiù)會 ¥&(huì)出現(xiàn)一(yī)條波浪形的(∏π↑de)線，而不(bù)是(shì)剛才表示列寬的(de)數(shù€ )字。完成後你(nǐ)的(de)頁面就(jiù)變成了(le)一(yī)個(✘&∏gè)具有(yǒu)彈性的(de)頁面了(le)。此外(wài)，需±要(yào)注意頁面中不(bù)要(yào)有(yǒu)尺寸過大(δ✔→dà)的(de)圖片。
2.用(yòng)Dreamweaver£¶≈4.0制(zhì)作(zuò)有(yǒu) ≠∑閃動效果的(de)Flash按鈕
選擇菜單Insert→Interactive?Image&¥s→Flash?Button就(jiù)可(kě)看(kàn≈)到(dào)有(yǒu)哪些(xiē)內(nèi)嵌按鈕。在彈±β<出的(de)對(duì)話(huà)框裡(lǐ)，你(nǐ)可(kě)以在&λ↕quot;Style"列表裡(lǐ)選擇自(zì)己想∑♥ 要(yào)的(de)按鈕樣式，在預覽(Sample)窗↔•(chuāng)口裡(lǐ)可(kě)以看(kàn)到(dào)這(€&₽±zhè)種樣式的(de)效果如(rú)何。✔™$選擇好(hǎo)之後，在"Button?Text&qu₹¥♦ot;窗(chuāng)口輸入按鈕上(shàng)面的(de)文(wén↓™∞★)字，在"Font"窗(chuāng)口✔'☆選擇字體(tǐ)，在"Size"窗(chuāng)口∑<輸入文(wén)字的(de)大(dà)小(xiǎo)，在"£↕☆;Link"窗(chuāng)口輸入鏈接的(de)目标♦↑§'，在"Target"窗(chuāng)口選擇鏈接打開(k₹&Ωāi)的(de)方式，在"BgCol →or"選擇按鈕背景顔色，在&q ★uot;Save?As"窗(chuāng)口輸入保存的(de∞¥¶)文(wén)件(jiàn)名。完成這(α®↑&zhè)些(xiē)後，按下(xià)"₽₹Ω♥OK"按鈕，你(nǐ)就(ji≠♦✘ ù)完成了(le)一(yī)個(gè)Flash按鈕啦。這(zhè)個(gγ è)按鈕還(hái)會(huì)自(zì)動插入你(nǐ)的(de)網頁中，然γ↓≥•後在Dreamweaver編輯窗(chuāng)口選中你(nǐ)剛才制¶₽(zhì)作(zuò)的(de)按鈕，屬性窗(chuāng)口就©₹ (jiù)會(huì)顯示出這(zhè)個(gè)按鈕的(de&∑≈ )屬性，單擊上(shàng)面的(de)"Play"€&©β按鈕，你(nǐ)就(jiù)可(kě)直接在編輯窗(chuāng)口預覽這( α®±zhè)個(gè)按鈕的(de)閃動效果。需要(yào)注意的(de)是ε£♦÷(shì)Dreamweaver?4.0的( ±€de)這(zhè)個(gè)功能(néng)不(bù)支持中文©λ€×(wén)字體(tǐ)。
3.在Dreamweaver4.0中自(zì)定義鍵盤快(k♦™uài)捷鍵
選擇菜單"Edit→Keybo××✔ard?Shortcuts"，在對(dβ≥>uì)話(huà)框中會(huì)列出目前已經啓用(yòng)的•γ∞(de)以及可(kě)以更改的(de)快(kuài)捷鍵一♠→€(yī)覽表，你(nǐ)可(kě)以在這(zhè)裡(lǐ)把快(kuài)捷 →™鍵改成自(zì)己習(xí)慣用(yòng)的(de)。如(rΩוφú)果要(yào)更改快(kuài)捷鍵，首先要(yào)選取你♣¥<(nǐ)要(yào)更改的(de)命令，接著(zhe)選取目前的(<de)快(kuài)捷鍵，這(zhè)個(gè)快(kuài)捷鍵就≤→÷¥(jiù)會(huì)出現(xiàn)在&q ↔"uot;Shortcuts"列表中，然後在&quo₽• φt;PressKey"窗(chuāng)口輸入你(nǐ)想™Ω©Ω要(yào)使用(yòng)的(de)快(kuài)捷鍵φ ，然後點擊"Change"按鈕更改π≥★即可(kě)完畢。你(nǐ)還(hái)可(kě)以 ♠←利用(yòng)"+"、₽'∑ "-"按鈕增加或者删除當前的(de)快(®ε∞¶kuài)捷鍵。
4.讓Dreamweaver?4.0和(hé)Fireworks整¥•合
如(rú)果你(nǐ)的(de)電(diàn)腦(nǎo)裡 ÷≤(lǐ)同時(shí)安裝了(le)Dreamweaver/Fireworkε₩s，那(nà)麽你(nǐ)就(jiù)可(k ě)以使用(yòng)Dreamweaver?↑↕4.0提供的(de)整合Fireworks的(de)功能(néng)。利用(y>òng)這(zhè)個(gè)功能(néng)你(nǐ)可(kě)以把你↑✘(nǐ)的(de)GIF圖片修改得(de) β♦ 更加動人(rén)，輕松地(dì)實現(xiàn)動畫(huàδ≤)效果。在Dreamweaver編輯窗(chuān↕≈g)口選擇好(hǎo)你(nǐ)要(yào)修改的(de)GIF圖片，Ω₩↑★然後在圖片屬性窗(chuāng)口單擊"編輯(Edi☆¶§t)"按鈕，這(zhè)時(shí)系統會™∑(huì)自(zì)動啓動Fireworks軟件(jiàn)編輯這(zh∑∑è)個(gè)圖片。仔細看(kàn)，你(nǐ)會(hu©>ì)發現(xiàn)Fireworks的(de)圖片編輯∏'÷↕窗(chuāng)口已出現(xiàn)Editing?From?Dreamwe&αaver這(zhè)樣的(de)文(wén)字和(hé)圖樣，也(yě≈♦)就(jiù)是(shì)說(shuō)這(zhè)個(gè)圖片是(shì♦≤)為(wèi)Dreamweaver頁面進行(xín∑Ωg)圖片編輯的(de)。現(xiàn)在我們在Fireworks裡(lǐ)選♦•↔擇要(yào)編輯的(de)圖片，選擇菜單"Modify&rarr®σ ↓;Animate→Animate?Selection&qu≤>φot;。在彈出的(de)窗(chuāng)♠☆§↑口裡(lǐ)設置動畫(huà)的(de)屬性：選定動'Ω₩∑畫(huà)的(de)幀數(shù)、動畫(huà)移動的(d☆λ≠∞e)方向、透明(míng)度等等。然後把修改好(hǎo)的(de)文(wén)'件(jiàn)導出即可(kě)。這(zh₩✘è)樣，在Dreamweaver編輯窗(chuāng)口會(huì)自(z→δ∞ì)動更新剛才修改好(hǎo)的(de)文(wén)件(§±↓£jiàn)，使你(nǐ)的(de)頁面圖片動起來(lái)。
5.巧用(yòng)網站(zhàn)報(bào)告器(qì)
在Dreamweaver?4.0裡(lǐ)提§©供了(le)一(yī)個(gè)網站(zhàn)報(bào)告器(qì)≥★，利用(yòng)這(zhè)個(gè)網站(zhà✘∞☆n)報(bào)告器(qì)可(kě)以幫助你(nǐ)在你(nǐ)的(↔★≤ de)網站(zhàn)衆多(duō)文(wén)件(jiàn)中快(k €♥uài)速找到(dào)和(hé)修複錯(cuò)誤。單擊菜單&≠±quot;Site→Reports"即可(kě)啓動α♦☆•報(bào)告器(qì)，選擇你(nǐ)要(y™£♥ào)檢查的(de)項目，然後單擊"÷↔✔<Run"按鈕即可(kě)查出你(nǐ)網站(♦×™zhàn)上(shàng)的(de)一(yī)般問(wèn€☆ε)題。你(nǐ)也(yě)可(kě)以自(zì)己編寫報(b↔©₽ào)告器(qì)來(lái)查出網站(z×>φhàn)上(shàng)的(de)一(yī)些(xiē)特殊問(wèn)題(→≠₽₩一(yī)般問(wèn)題通(tōng)常是(shì)一(yī)些(xiē→÷Ω↑)文(wén)本丢失或文(wén)檔未命名)"✔。
6.快(kuài)速恢複多(duō)次操作(zuò)
在制(zhì)作(zuò)頁面時(shí)，我們↓&可(kě)能(néng)需要(yào)不(bù)停地(d☆÷ì)修改頁面，有(yǒu)時(shí)還(hái)要(yào$<)恢複過去(qù)的(de)操作(zuò)，我們可(kě)以使用'≥(yòng)"Edit"菜單裡(lǐ)的(de)">γ∏;Undo"命令，可(kě)是(shì)這(zhè)個(g×★✘×è)命令每次隻能(néng)恢複一(yī)∞π次，如(rú)果我們需要(yào)恢複多(duō)次操作(↓↑φzuò)，那(nà)就(jiù)要(yào)不(≠☆→ bù)停地(dì)"Undo"，實在太φ&煩。在Dreamweaver?4.0裡(l≥✔δǐ)提供了(le)一(yī)個(gè)History窗(chuāng)口，可π≈☆∞(kě)以讓我們輕松地(dì)恢複多(duō)次操作(zuò≠₹ ♦)。在"Windows"菜單裡(♣₹λlǐ)選擇"History"即可(kě)開(kα∞π♣āi)啓這(zhè)個(gè)曆史窗(chuāng)口。在'這(zhè)個(gè)窗(chuāng)口把你(nǐ)每一(yī)次的(d∏≈↕e)操作(zuò)都(dōu)保留下(xiλΩ§à)來(lái)了(le)，利用(yòng)窗(chuα>āng)口左邊那(nà)個(gè)滑動指₹ ¶針，就(jiù)可(kě)以不(bù)停地(dì)>αα恢複，還(hái)可(kě)以撤銷每一(yī)次操作(zuò)，包括已經>₹存盤的(de)。而且還(hái)可(kě)以把>↕±這(zhè)個(gè)曆史紀錄保存下(xià)來(lái)共享。
7.隐藏浮動面闆
打開(kāi)Dreamweaver，給人(rén)的(de)第一$€≈(yī)印象是(shì)一(yī)堆浮動面闆₽₽，往往弄得(de)你(nǐ)眼花(huā)≥∏ 缭亂，雖然它可(kě)以拖開(kāi)，但≤φ(dàn)畢竟占據著(zhe)本來(lái)就(jiù)很(hěn↔←&™)有(yǒu)限的(de)屏幕，若把它關閉了(le)，等一(yī©↕)下(xià)用(yòng)它時(shí§✘)又(yòu)要(yào)去(qù)打開(kāi)。其實你(nǐ)隻♠✔♣要(yào)按一(yī)下(xià)F4鍵×±&，所有(yǒu)浮動面闆都(dōu)不(bù)見(ji✔Ω←àn)，再按F4他(tā)們又(yòu)都(dōu"±☆')重現(xiàn)于屏幕上(shàng)了(le)。
8.快(kuài)速預覽網頁
初學Dreamweaver，往往找不(bù©¶β₩)到(dào)預覽菜單，不(bù)得(de)不(bù)另外(wài)啓動↓≥♠IE浏覽器(qì)來(lái)預覽網頁的(de)實>÷際效果。其實Dreamweaver的(de)預覽菜單放(fàng)到(dà∏ o)File菜單下(xià)了(le)，要(yào)預覽正在編δδ輯的(de)網頁，按F12鍵就(jiù)可(kěδ¥)以了(le)，方便得(de)很(hěn)π∑ 呢(ne)！而且還(hái)可(kě)設置在不(bù)同的(de•φ∑)浏覽器(qì)中預覽，在File菜單下φ (xià)的(de)PreviewinBrowser←₩中選擇EditBrowserList就(jiù)¶ ¥可(kě)選擇不(bù)同的(de)浏覽器(qì)進行(xíng)預覽。→★以測試你(nǐ)的(de)網頁對(duì)不☆↑↑(bù)同浏覽器(qì)的(de)适應性。
9.在HTML檢示窗(chuāng)中顯示行(xíβ₹ng)号和(hé)自(zì)動換行(xí"ng)
雖然Dreamweaver的(de₩π)Behaviors是(shì)一(yī)₽↑↕個(gè)JavaScript小(xiǎo)程序的(de)巨♠ ÷β集，許多(duō)實現(xiàn)特殊網頁φ"≈£效果的(de)JavaScript程序都(dōu)不(bù)用(yòng)動γ₩&手編程，但(dàn)有(yǒu)時(shí)需要(yào)編寫一∞σ★•(yī)點小(xiǎo)程序時(shí)，顯€↓示程序行(xíng)号顯得(de)尤為(wèi)必要(yào)，特别σα☆是(shì)在程序發生(shēng)錯(cuò)誤時(shí)，往往都(dōu∑≈)有(yǒu)是(shì)提示在"XX行(xíng)有(yǒu)錯↔♠(cuò)誤"，若一(yī)行(xíng)一(yī) ∞∑行(xíng)地(dì)去(qù)數(sh↓₩'λù)行(xíng)号不(bù)僅太累而且還(hái)容易數✔↑(shù)錯(cuò)，在FrontPage中老(lǎo)是(shì♥™"¥)為(wèi)數(shù)錯(cuò)行(xí£∑ng)号而煩惱。在Dreamweaver中$¶★'可(kě)方便了(le)，隻要(yào)在HTML源代→ 碼檢視(shì)器(qì)窗(chuāng)口中，選中&∞α Ωquot;LineNumbers"γ☆×;（行(xíng)号）複選框，則會(huì)在×Ω源代碼檢視(shì)器(qì)窗(chuāng)口中對(duì)每§←←₩條HTML語句自(zì)動顯示行(xíng)号，一(yī♦≠™≠)目了(le)然。同樣有(yǒu)時(shí)一(yī)行&± (xíng)代碼較長(cháng)，隻要(yào)在HTM•εL源代碼檢視(shì)器(qì)窗(chuāng) ε口中，選中"Warp"（自(zì)動✘✘換行(xíng)）複選框，則會(huì)激活窗(chuāng)口的(de) ©自(zì)動換行(xíng)特性，過長(chán<σ&g)的(de)代碼會(huì)自(zì)動 ™₹從(cóng)窗(chuāng)口的(de)邊緣繞回。
10.如(rú)何獲得(de)顔色的(de)十六進制(zhì)代碼
在設計(jì)網頁時(shí)，有(yǒu)時(shí)要(y β±ào)用(yòng)到(dào)16進制(zhì)₹β的(de)顔色代碼，以前經常為(wèi)這(zhè€↑•)事(shì)頭痛，在Dreamweaver中隻要(yà∏ →•o)按屬性面闆上(shàng)"bg&q ∞×σuot;邊上(shàng)小(xiǎo)方框右γ>δ下(xià)角的(de)小(xiǎo)三角形，在彈出的(de)顔色闆上(Ω≥♣✘shàng)，鼠标指到(dào)哪兒(ér)，∏ Ω馬上(shàng)就(jiù)能(néng)顯示出相(↕ φxiàng)應顔色的(de)16進制(zhì)代碼，真方便
11.制(zhì)作(zuò)背景音(yīn)樂(yuè)
在Dreamweaver中插入背景音(yīn)樂(yuè)ε₽↓σ是(shì)非常容易實現(xiàn)的(de)，這←'₽(zhè)裡(lǐ)介紹兩種方法，由大(dà)家(jiā)選擇。≤∏↓ε
（1）在頁面不(bù)顯眼的(de)地(dì)方插入一(y♣₽λī)空(kōng)層，并在層內(nèi)₽≥放(fàng)入一(yī)個(gè)ActivX對(duì)象，雙擊該¥♦<對(duì)象，在打開(kāi)的(de)對(duì)> β話(huà)框中選擇一(yī)個(gè)MIDI音(yīn)樂(yu✘φè)文(wén)件(jiàn)，然後在層對(duì)象屬性面 α₽↔闆中設定其可(kě)視(shì)性為(w γèi)"Hidden"，保存δ÷變動後按F12預覽網頁，聽(tīng)聽(tīn♥₩g)是(shì)否有(yǒu)音(yīn)樂(yuè)聲。
（2）另一(yī)種方法是(shì)利用(yòng)Dreamweave±→↔r的(de)"Behaviors"行(xí∞★δng)為(wèi)編輯器(qì)，單擊"＋"按鈕，♠≤§選擇其中"PlaySound"Ω→β ;選項，在彈出的(de)對(duì)話(huà•δ)框中選擇一(yī)個(gè)音(yīn)樂(yuè)文(wén)件(×βπ₹jiàn)即可(kě)。自(zì)己動手試一(yī)試吧(ba)！
12.讓背景圖不(bù)滾動
與FrontPage不(bù)同，Dreamwe₽δ™aver中插入的(de)背景圖是(shì)會(huì)随文(wé÷♦↕n)字滾動的(de)。有(yǒu)的(de)時$&(shí)候我們需要(yào)制(zhì)作(zuò)固λπ定的(de)背景圖，怎麽辦呢(ne)？先定義一(yī)張背景圖，按&↔$©quot;F10"打開(kāi)HTML源文(wén)件(jiàn→∑)，找到(dào)定義背景圖片的(de)語句，例如(rú)♣§background=″imaλ↑±©ges/background.JPG″，在它的£Ω(de)後面空(kōng)一(yī)格加上(shà≠∏ng)一(yī)句bgproperties♥&←=″fixed″™ ↕。預覽一(yī)下(xià)，是(shì)不(bùφΩ)是(shì)有(yǒu)點小(xiǎoφ±)小(xiǎo)的(de)成就(jiù)©≠≥感。
13.定義大(dà)小(xiǎo)β不(bù)變的(de)文(wén)字
為(wèi)什(shén)麽别人(rén)網頁上(shàng)&→€的(de)文(wén)字那(nà)麽漂亮(li∏×àng)，不(bù)管你(nǐ)怎麽按浏覽器(qì)字體∑♠∞©(tǐ)按鈕上(shàng)的(de)大(dà)小(x ↑iǎo)，他(tā)們的(de)字體(tǐ&✔)尺寸都(dōu)不(bù)會(huì)發生(sh≈∏☆←ēng)變化(huà)。其實他(tā)們使用(yòng)了(le)網頁中的(dβ✔γe)"CSS"樣式表技(jì)術(shαù)，在Dreamweaver中要(yào)實現(xiàn)✔β₩♦這(zhè)一(yī)功能(néng)是(¶♠×&shì)非常簡單的(de)。首先按"F7"或者選擇&qu↔↓€αot;窗(chuāng)口"菜單中的(de)&qu↔φ← ot;樣式表"選項打開(kāi)樣式表編輯器(qì)，在窗(chuāΩ ↕ng)口中單擊鼠标右鍵選擇"新建&qε®uot;，在彈出的(de)對(duì)話(huà)框中輸♣ ¥→入需要(yào)定義的(de)樣式表名稱，按"确定"，♠€然後在列表中選擇第一(yī)項"類型"，并給∏©π具體(tǐ)的(de)文(wén)字屬性定₽ε義參數(shù)（一(yī)般來(lái)說(shuō)文(wén)字的<↕"(de)大(dà)小(xiǎo)在800×600的(♠§✔de)屏幕中選擇10.5較為(wèi)适宜），按"确定"後↕★≈>，定義好(hǎo)的(de)樣式表就(jiù)出現(xiàn)了(l♦'↑e)。選擇網頁編輯窗(chuāng)中的(de)文(wén)≈♥δ₩本，單擊新的(de)樣式表名，可(kě)以看(kàn)•≠到(dào)選中的(de)文(wén)本發生(shēng)的(de)變♣∑化(huà)。預覽一(yī)下(xià)，試試定義的(✘∑de)文(wén)本字體(tǐ)尺寸還(hái)會(huì)不(γ$↓£bù)會(huì)随浏覽器(qì)的(de)選擇字體(tǐ)大(dà)↕←δ¥小(xiǎo)而改變。
14.插入Flash動畫(huà)
Macromedia公司的(de)Flash動畫(huà)因&其具有(yǒu)交互性、傳送速度快(kuài)✔€等特點，已逐漸成為(wèi)網頁制(zhì)作(zuò)的(dασe)一(yī)項新武器(qì)，如(rú)果你’(nǐ)在網站(zhàn)建設中的(de✘₹₩★)網頁上(shàng)能(néng)插入一(yī™ )段Flash動畫(huà)，那(nà)麽一(yī)定會(huì)使你(nǐ)δσβ的(de)作(zuò)品增色不(bù)少(shǎo)。λ∑'在Dreamweaver中插入Flash制(zhì)作(zuò)的(de)↕©↓SWF格式動畫(huà)十分(fēn)容易，單擊對(duì)象工• '£(gōng)具欄上(shàng)的(de)Flash徽标或≥✔>單擊的(de)"媒體(tǐ)" "★★下(xià)的(de)"Flash"，就(jλ✔®σiù)可(kě)以打開(kāi)選擇SWF動畫(huà)文(wén)件(jiδ>¶&àn)的(de)對(duì)話(huà)框了( le)，選好(hǎo)文(wén)件(jiàn)後可(kě)在♣♥其屬性面闆中設定播放(fàng)的(de)參數(shù)，即大(dà)功告∞成。
15.讓表格給網頁留白(bái)
在Dreamweaver的(de)新網頁上(sλ✔λhàng)輸入文(wén)字時(shí)，默認格式是(shì)頂天立地(dì↑✔δ)的(de)，十分(fēn)不(bù)美(měi)觀。要(yào)避¶←免這(zhè)一(yī)缺憾其實很(hěn)簡單，隻要(≥↔☆yào)大(dà)家(jiā)用(yòng)好(hǎo)表格工(gōng)具就 ♠(jiù)行(xíng)了(le)。具體(t&∑ ǐ)做(zuò)法是(shì)：在新頁面上(shàng)插入一≈←(yī)張居中對(duì)齊的(de)表格，為(wèi)¶£®₽了(le)能(néng)夠使表格方便控制(zhì)，最好(₹φhǎo)設定奇數(shù)列，并且數(shù)值不(bù)要αγγ(yào)太大(dà)。這(zhè)樣在單元格內(nèi)輸入的(de)δ¶₩¥文(wén)字就(jiù)被限制(zhì)在一(yī)個(☆↕♥gè)可(kě)以随意調整寬度的(de)區(qū)域內(nèi)，就(α→•jiù)不(bù)愁文(wén)字不(bù)聽(tīng)↔δ↑使喚了(le)。
16.改變狀态欄提示文(wén)字
一(yī)般情況下(xià)，當浏覽器(qì♠↓£)裝入一(yī)個(gè)頁面時(shí)，在其狀态欄上 ∑(shàng)顯示的(de)是(shì)該頁面的(de)地(dì)址σ©名稱，十分(fēn)呆闆。你(nǐ)有(yǒ★₹u)沒有(yǒu)想過給浏覽器(qì)的(de)™↑§¥狀态欄增加一(yī)點個(gè)性呢(ne)？如(rú)果有(yǒu)'δ<的(de)話(huà)，那(nà)麽請(qǐng)按照(zhào)以下(xià∞α)的(de)步驟，定制(zhì)自(zì)己喜歡的(♣₽φ de)文(wén)字吧(ba)！首先打開(kāi)"δ≠;Behaviors"行(xíng)為(wèi)編輯窗(ch€¥£γuāng)，單擊"＋"按鈕，選擇&q>∞uot;SetTextSet"下(xià)的(de)&←✘quot;TextOfStatusBar"選項，然後在方γ 框中輸入自(zì)己的(de)文(wén)字，例如(rú)∏≈"歡迎來(lái)到(dào)我的(φ"de)主頁"等，單擊"确≈₹¶£定"即可(kě)。
17.整合的(de)文(wén)本代碼編輯器(qìα<)
可(kě)視(shì)化(huà)網頁≤§>編輯軟件(jiàn)的(de)最大(dà)不(bù)便之處就(ji♣≥•×ù)是(shì)很(hěn)難對(duì)源代碼進行(xíngπ)編輯，更别說(shuō)JavaScript了(le)；不(bù)•←∏ε過Dreamweaver?将使你(nǐ)處理"☆(lǐ)代碼變得(de)異常輕松。這(zhè)個(gè)內 ÷₹↓(nèi)建的(de)文(wén)本代碼編輯器(qì)主要(yào)¶↓↓的(de)新功能(néng)是(shì)：自(zì)動縮★≈>排（可(kě)以一(yī)次選取多(duō)∞>σ行(xíng)進行(xíng)縮排），?還(hái)可(kě)以進行(xíng∑↕)符号的(de)檢測，如(rú)果在編寫代碼忘了(le)一₽&£(yī)個(gè)""，它将給出提示。在工(gō©®ng)具表中的(de)下(xià)拉菜單會(huì)列出當前網頁中所有(∑≠§≥yǒu)自(zì)定義JavaScript函數(shù)，可(kě)<↓§$讓你(nǐ)在網頁原代碼中自(zì)由跳(tiào)轉©∞，"原始碼導航工(gōng)具"可(kě)以讓ε&©專業(yè)人(rén)士方便地(dì)處理(lǐ)Jav↔λ♠™aScript函數(shù)，在文(wén)本代碼編λ♠×輯器(qì)中輸入JavaScript代碼，系統将用©λ÷(yòng)不(bù)同的(de)顔色來(lái)顯示。
18.在Dreamweaver中輸入多(duō)個(€✔gè)空(kōng)格
我們平時(shí)輸入的(de)空(kōng)格是£" (shì)半角字符，在Dreamweaver中隻能(α ±néng)輸入一(yī)個(gè)，要(y$φào)想輸入多(duō)個(gè)空(kōng)格隻要(yào)輸入全角空 ₩₽¥(kōng)格就(jiù)可(kě)以了(le)α♣"•。輸入全角空(kōng)格的(de)方法是(shì)>"：打開(kāi)中文(wén)輸入法，按Shift+Space切換到( ∞÷dào)全角狀态。這(zhè)時(shí)你(nǐ)輸入✔♦§'的(de)空(kōng)格就(jiù)是(shì)全角空(kōng)€格了(le)。
19.解決Dreamweaver的(de)BUG之一(yī)
在Dreamweaver3.0中行(xíng)為(wèi →☆≥)面闆（Behaviorinspector）中，"Evenβ₩♦'tsfor"下(xià)拉菜單↔™↕項無法打開(kāi)。這(zhè)樣一(yī)來(láδ₹↑i)，很(hěn)多(duō)特技(jì)效果形同虛± §設，根本沒法制(zhì)作(zuò)。其實這(zhè)應該算(suàn)Dre↕γ₩£amweaver3.0和(hé)中文(wén)Windowsσ™98不(bù)兼容的(de)一(yī)個(gè)地(dì)方吧(ba)Ωδ≥<，在英文(wén)Windows98中就(jiù)沒有(yǒu)這(zhè♥λ₽→)個(gè)問(wèn)題。而實際上(shàng)這≤<∏♠(zhè)個(gè)菜單還(hái)是(shì)可(kě)以打開©≠¥∞(kāi)的(de)，隻不(bù)過是(shì)不(bù)能(nénβg)正确顯示罷了(le)。在選中下(xià)拉菜單後，我們可(kě✔∞)以用(yòng)上(shàng)下(xià)鍵來(lái)™★→選擇我們想要(yào)用(yòng)的(d×βe)浏覽器(qì)。
20.用(yòng)Dreamweaver3.0的¥€π (de)模版制(zhì)作(zuò)網頁，設置行(xí∞÷☆>ng)為(wèi)（Behavior）
在使用(yòng)模闆（Template）做(<≠zuò)出淼耐頁中不(bù)能(néng)新增行(x™€☆íng)為(wèi)。這(zhè)是(shì)因為(wèi)新增行(xínπg)為(wèi)需要(yào)在HTML文(wén)件♣φ(jiàn)的(de)Head部分(fēn)之中插入J₹>♠avaScript，而使用(yòng)了(le)Template後，HTβ☆"ML文(wén)件(jiàn)的(de)Head部分$©£≈(fēn)會(huì)被"封鎖"←∏→♣住。如(rú)果要(yào)在使用(yòng)模闆生(shēng)成的(®≠✔de)網頁中應用(yòng)行(xíng≥σ)為(wèi)，你(nǐ)就(jiù)需要(yào)事(shì)先在模闆'÷↔ 中定義好(hǎo)行(xíng)為(wèi)，然後把它↓δ₹定義為(wèi)模闆的(de)可(kě)編輯區(qū)域。随後≠←ε♣，你(nǐ)就(jiù)可(kě)以在網頁中更改這∏≈₹ (zhè)個(gè)行(xíng)為(wèi)了(le)λ☆×。但(dàn)這(zhè)也(yě)隻限于更改行(xíng)為(wèi)的( ₹ de)觸發事(shì)件(jiàn)（ev←&ents）和(hé)動作(zuò)（actions）的(de)具體(tǐ)內©₽™♠(nèi)容，而不(bù)能(néng)更改動作(zuò)的(de)類型。λ↑
21.給文(wén)字施加行(xíng)為(wèi)（Behavio' r），制(zhì)作(zuò)動态文(wén)字特效
在Dreamweaver中普通(tōng)±≠↓φ的(de)文(wén)字是(shì)以字符為(wèi)單位的(de)，不(♠∞bù)能(néng)作(zuò)為(wèi)對(d♦€δuì)象，即一(yī)些(xiē)非常有(yǒu)用(yδ>òng)的(de)JavaScript事(shì)件(ji•₹×₹àn)不(bù)能(néng)賦予文(wén)字。因為(wèi)文(wén&∑)字不(bù)像圖片和(hé)其他(tā)控件(jiàn)有(yǒu)具♥λ體(tǐ)的(de)"标記&q←®uot;，所以文(wén)字與很(hěn)多(duō)♣ε特效失之交臂。為(wèi)了(le)給文(wén)字添加特↑∏效，隻有(yǒu)把文(wén)字做(zuò)成超鏈接來(lái)處理(lǐ ✔)。這(zhè)樣文(wén)字就(jiù)成為(wèεεi)了(le)對(duì)象，可(kě)以♦®π施加行(xíng)為(wèi)了(le)。但(dàn)是(<£γ&shì)這(zhè)樣又(yòu)帶來(lái)了(le)一($÷yī)些(xiē)不(bù)需要(yào)的(de)超鏈接屬性，比如(r₹♥≈"ú)下(xià)劃線，以及hover、visited等顔色變化(hπ©±uà)。要(yào)想單純為(wèi)文(wén)字添加特效，可(kě)以先把α×所想設置的(de)文(wén)字做(zuò)成超鏈&♣接，然後再在它的(de)上(shàng)面添加行(xíng)為(wèi)，最&∑←後我們再把超鏈接轉變為(wèi)普通(tō™φ→αng)文(wén)字。具體(tǐ)的(de)步驟如(r∑¥♣ú)下(xià)：
選中你(nǐ)想編輯的(de)文(β£wén)字，在鏈接目标框裡(lǐ)随便填入幾個(gè)字符。選<≥中這(zhè)個(gè)鏈接，單擊窗(c☆↔δhuāng)口（Windows）→行(xín¥≥g)為(wèi)（Behaviors），彈出行(σ₹₩$xíng)為(wèi)面闆。按下(xià)"+&qu•₹★πot;添加你(nǐ)想要(yào)的(de)行(xíngγ÷ ♠)為(wèi)，如(rú)playsound等。打£±♦開(kāi)Dreamweaver的(d σ×e)超文(wén)本編輯器(qì)，找到(dào)這(zhè)€¶<個(gè)鏈接，把改為(wèi)，把改為(w¶↔èi)。最後把"href=..."删掉。保存此頁。按Fπ←♦12預覽一(yī)下(xià)。效果還(hái)不(bù)錯(c ÷•uò)吧(ba)！
22.精确定位網頁中各個(gè)元素的(de)位置
精确定位網頁中各個(gè)元素的(de)位置有(yǒu♠δ¶)兩種方法：使用(yòng)表格或層。使用(yòng)表格是(shì)λπ ≈目前比較通(tōng)用(yòng)的(de$"δ)做(zuò)法，具體(tǐ)方法是(shì)：先在網頁中建↑↔$立一(yī)個(gè)表格，注意表格的(de)邊框寬度應為(wΩπèi)０。然後再把各個(gè)元素按照(zhào)你(nǐ)的(de)£₩£要(yào)求放(fàng)在各個(gè)表格單元之中。仔細調整表格≤δ€單元的(de)大(dà)小(xiǎo)以及表格邊框的(de)位置，這(zh≥✔è)時(shí)在表格單元中的(de)元素也(yě)£Ω會(huì)随之移動位置。這(zhè)樣你(nǐ)就(jiù)可(↕ ↔∑kě)以比較精确地(dì)定位網頁中各個(gè)元素的(de)位置了(le©≥≈)。使用(yòng)表格的(de)優點是(shì)通(tōng)用(yòng)'♣₽，幾乎各個(gè)版本的(de)浏覽器(qì)可(kě₹×≠)以緻支持表格。
它的(de)缺點是(shì)使用(yòng)起來(lái♦¶≥)比較麻煩，需要(yào)仔細進行(xí$≤♣ng)調整，而且定位不(bù)十分(fēn)精确。層在網頁中可(k♠™≥ě)以随意放(fàng)置，因此我們可(kě)以使用(yòng)層來(≥↔↑®lái)進行(xíng)精确定位。使用(yòng)¥≥方法是(shì)，在網頁中插入一(yī)個(×♥←gè)層，然後把你(nǐ)想要(yào)定位的(de)元素放(fàng)在層裡•"'(lǐ)，接著(zhe)我們就(jiù)可(kě)以把層放(f₩¥↕∑àng)到(dào)所想要(yào)任何位置了(≥☆™le)。此外(wài)，你(nǐ)還(hái)可(kě)以借助标尺和(h∏εΩεé)網格進行(xíng)精确的(de)定位。因為(wèi)層隻在最新的(¥£↑↑de)浏覽器(qì)中被支持，所以為(wèi)了(le"¥☆)兼容舊(jiù)的(de)浏覽器(qì)，我們可(kě)以把層轉變為(wèi✘)表格。方法是(shì)選擇"'₹•♥修改(Modify)→版面布局模≤β"←式(LayoutMode)→把∑₹σ™層轉化(huà)成表格(convertlayerstotable$γ)"即可(kě)。注意這(zhè)時(ε♣shí)的(de)層不(bù)能(néng)有(y✔σ∑ǒu)重疊，我們可(kě)以在插入層之前 λ☆≤選擇"查看(kàn)(view)→πε✔φ防止層交錯(cuò)(preventlayeroverlaps)&<₹↕quot;來(lái)避免層的(de)重疊。一(yī)般來©Ω↑☆(lái)說(shuō)轉換後的(de)頁面可(kě)能(néγ<ng)會(huì)有(yǒu)一(yī)些(xiē)變化(huàα∑)，還(hái)需要(yào)我們手工(gōng)進行(xíng)調整。最後有¶>♠ε(yǒu)一(yī)點要(yào)注意，在進行(xíng)表格和(hé)層的Ω±×(de)相(xiàng)互轉換時(shí)，最好(hǎo)不(bù)要(±★∞yào)在一(yī)個(gè)頁面中同時(shí)使用(y∑∏&★òng)層與表格，那(nà)樣可(kě)能(néng)會(huì)把₹γ↓≈你(nǐ)的(de)頁面弄得(de)一(yī)뱩團糟。
23.改變浏覽者的(de)鼠标形狀
這(zhè)是(shì)通(tōng)≥'←過編輯樣式表來(lái)實現(xiàn)的(de)。具體(tǐ)方法®↔₩λ是(shì)：選擇"文(wén)字（text₩ ）→定制(zhì)樣式（CSSStyle）&rar↓™∞©r;編輯樣式表（EditStyleSheet）"，彈出編輯樣式表窗(↓ ™chuāng)口，在其中選擇"新建（new）&q¥↑&uot;。接著(zhe)選擇"建立一(yī)個(gè)定制∑ε"(zhì)的(de)樣式（Makecustomstyle）"，給這♥φ•π(zhè)個(gè)樣式表起名，單擊确定∏£。編輯該樣式表，選擇擴展項(extension)，在右邊的(♦♣de)光(guāng)标項（Cursor）中選擇要(yào)出現(xiàn)♣↓λ¶的(de)指針效果即可(kě)。
24.去(qù)掉超鏈接文(wén)字之下(xià)的(de)下(x≠£δià)劃
這(zhè)一(yī)效果是(shì)通(tōn<∏g)過編輯樣式表來(lái)實現(xiàn)的(de)。具體(t→¶ǐ)方法是(shì)："點擊文(wén)字（text）&₹rarr;定制(zhì)樣式（CSSStyle）→編輯樣式表（Ed'σitStyleSheet）"，出現(xiàn)編輯樣式≠₩↕表窗(chuāng)口，選擇"新建（nαε←&ew）"。接著(zhe)選擇重定≈∞σ>義HTML标記（RedefineHTML≥¥♠≠Tag），并在下(xià)面的(de)标記(Tag)選單中選擇a。編輯該樣ε©↔式表，選擇類型(type)，在右邊的(de)裝飾（ ♠πdecoration）中選中無（none）♠✔¥¥即可(kě)。
25.制(zhì)作(zuò)一(yī)個(π<gè)跟著(zhe)頁面走的(de)圖像
這(zhè)一(yī)效果是(shì)通(tōng)過J•γ∑avaScript實現(xiàn)的(de)。一•≥≠↔(yī)般來(lái)說(shuō)完成這(zhè)樣一(yī)個(gè)"☆§效果需要(yào)一(yī)定的(de)編程£"能(néng)力，但(dàn)現(xiàn)在我↑→♠↕們可(kě)以通(tōng)過Dreamweaver的(de)插件<§×(jiàn)輕易地(dì)實現(xiàn)。插件(jiàn)的(de₩★☆α)安裝方法：解壓縮後拷貝到(dào)Dreamweδaver下(xià)的(de)文(wén)件(jiàn)夾Co" nfiguration\Objects內(nèi)&™✘的(de)一(yī)個(gè)新建文(wén)件(jiàn)'$↓∞夾裡(lǐ)面即可(kě)。重新啓動Drea∞ ₽mweaver之後，我們就(jiù)可(kě)以≥±✘在對(duì)象面闆之中找到(dào)新安裝的(d γe)插件(jiàn)了(le)。點擊插件♥(jiàn)的(de)圖标，在彈出的(de)∞↕₩對(duì)話(huà)框中填入圖像的(de)存¶§→ε放(fàng)地(dì)址以及圖像的(de)顯示位置就(jiù)可γ£λ(kě)以了(le)。
26.制(zhì)作(zuò)鼠标移上(shàng)去(qù)¥<後有(yǒu)變化(huà)的(de)動态菜↑£♦★單
所謂動态菜單其實是(shì)兩幅圖，一(yī)幅是(shì)鼠标不(b≈↑ù)放(fàng)在上(shàng)面所顯示的(de)，另一(yī)副≈™∑是(shì)鼠标移上(shàng)去(qù)所顯示的(de)。我們可(kě)♦↑以利用(yòng)Dreamweaver提★↓供的(de)行(xíng)為(wèi)之中的(dε✔₽↓e)swapimage來(lái)實現(xiàn)這♠♣<δ(zhè)個(gè)效果。首先插入一(yī)副圖片，用(yòng)鼠标單擊它₽¥，在屬性面版的(de)連接欄內(nèi)輸入要(yào)連接的(de)網頁。然♦®後打開(kāi)行(xíng)為(wèi)面™ 闆添，點擊"+"号，選擇©β♠swapimage。接著(zhe)出現(xiàn)一(yī)個(gè)窗♦§¶™(chuāng)口，要(yào)你(nǐ)選擇鼠标移上(shàng)去(qù≈ α)後所顯示的(de)圖片，在此選擇第二副圖片，點擊"确定&qu≠£↔ot;。好(hǎo)了(le)，效果完成了(le)，多(duō)↓↓φ$簡單。
27.用(yòng)Dreamweaver制(zhì)β≥作(zuò)出一(yī)個(gè)類似于下(xià)拉菜單的(d≈γe)效果
制(zhì)作(zuò)一(yī)個(gè ♦)類似于下(xià)拉菜單的(de)效果需要(yào)用(yòng)到(dà o)層的(de)隐藏和(hé)顯示特性。具≈★±"體(tǐ)的(de)方法是(shì)：在頁面中插入一(yī)個(gè✔∞≥φ)單行(xíng)多(duō)列的(de)表格，作(zu®≈ò)為(wèi)你(nǐ)的(de)菜單條。表格的(de)列數(shù)由菜單σ±←選項的(de)多(duō)少(shǎo)決定。插入♦÷一(yī)個(gè)層，在層中輸入第一(yī)個(gè)下(xià)拉菜單¥£的(de)內(nèi)容，并把這(zhè)個(gè)層移動到(dào÷±∏)表格第一(yī)列的(de)下(xià)★'♣面。同理(lǐ)，對(duì)其他(tā)菜單項也(yě)作(zuò)↑♥✘₩如(rú)上(shàng)的(de)操作(zu↕>±¥ò)，插入相(xiàng)應的(de)層。把所有(yǒu)層的(de)顯π±≈示屬性(vis)改為(wèi)隐藏（Hidden）。
選擇表格的(de)第一(yī)個(gè)單元，單擊窗(c₩≠≈huāng)口（Windows）→行(xíng)為(wèi)（£&Behaviors），彈出行(xíng)為(wèi)面闆。↕>按下(xià)"+"添加行(xíng≠σ≈)為(wèi)Show-Hidelayers，并将第一(yī)個(∏×gè)層（Layer1）屬性改為(wèi)顯示(Show∏$$)，其他(tā)層的(de)屬性改為(wèiπε↓)隐藏(Hide)。接著(zhe)在行(xíng)為≈λ∑(wèi)面闆中編輯這(zhè)個(gè)行(xíσ✔ng)為(wèi)，将它的(de)觸發事(shì)件(jiàα★♦n)(events)改為(wèi)onMouseover。這(zhè)樣，當鼠ε¥标移動到(dào)第一(yī)個(gè)表格單元之上(shàng)時(sδ≠hí)，第一(yī)個(gè)下(xià)拉菜單就(jiù)會(huì)"♥顯示出來(lái)。接著(zhe)再添加一(yī)個(gè)行(xíng)≈♦為(wèi)Show-Hidelayers，并将所有(yǒu)層的(α£de)屬性改為(wèi)隐藏。接著(zhe)在行(xí✘λ★ng)為(wèi)面闆中編輯這(zhè)個(gè)行(xínΩ§g)為(wèi)，将它的(de)觸發事(sβ≥hì)件(jiàn)(events)改為(wèi)onMous€eout。
這(zhè)樣當鼠标從(cóng)第一(yī)個(gè)表格單元之上(s★φ→hàng)移開(kāi)時(shí)，第一(yī)個(←₽©$gè)下(xià)拉菜單就(jiù)會(huì)隐藏起來(lái)。對(d•&≥→uì)其他(tā)的(de)菜單項重複上(shàng)述♥±操作(zuò)。但(dàn)要(yào)注意設置&✘€quot;菜單二"時(shí)，第二層顯示，其他(tā)層隐€±藏；設置"菜單三"時(shí) ↓₩ ，第三層顯示，其他(tā)層隐藏；依此類推下(x∞♠≈ià)去(qù)。好(hǎo)了(le)，®§做(zuò)好(hǎo)了(le)，按F12看(kàn)看( ✘kàn)吧(ba)。
當然，它的(de)技(jì)術(shù)不(bù)僅是(shì)以上(s★™£✔hàng)這(zhè)些(xiē)，這(zhè)隻是(shì)列一(<≈φyī)些(xiē)常用(yòng)的(de)知(zh¶™ ī)識，隻要(yào)我們掌握了(le)基₩♥礎，還(hái)有(yǒu)不(bù)斷的(de)實踐和(hé)加以練'÷習(xí)，我們就(jiù)能(néng)夠運用(yòng)自(®•★€zì)如(rú)，開(kāi)拓創新，也(¶→±yě)會(huì)使我們的(de)工(gōng)作(®≤≈zuò)中，事(shì)半功倍。
