5.14日(rì)音(yīn)訊,dw4.0常用(yòng)技(jì)γ¶φ∑巧和(hé)實用(yòng)知(zhī)'↔<識

　　5.14日(rì)音(yīn)訊,dw ÷∑α4.0常用(yòng)技(jì)巧和(hé)實用(yòng)知(zhī)識。&β∏♠dw就(jiù)是(shì)網頁前台制(zhì)作(zuò)的(↕₩§±de)工(gōng)具，可(kě)以實現(xiàn)一(yī)般網頁的(d ©e)所有(yǒu)前台看(kàn)見(jiàn)的(de)內(nèi)容,這(€♣★zhè)也(yě)是(shì)網站(zhàn↑®♥)制(zhì)作(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)Dreamwea©'ver4.0輕松設計(jì)會(huì)自(zì)•£動彈性調整的(de)網頁

　　首先需要(yào)保證的(de)是(shì)你(nǐ)的(∏γ♠de)頁面內(nèi)容采用(yòng)了(le)表格的(de)格式，然後打₹$開(kāi)你(nǐ)要(yào)編輯的(de)頁面，按"Ctrl‍φ+F6"或者菜單"View→Tab‍&∏leView→Layout?V≠₩β™iew"轉換到(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)彈性顯示"(MakeColumnAutostretch)。該列方框↔÷上(shàng)方就(jiù)會(huì)出現(x→✘  ià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)Fl$↓¶ash按鈕

　　選擇菜單Insert→Interactive?Imaφ₽¶ges→Flash?Button就(j•®iù)可(kě)看(kàn)到(dào)有σ↑(yǒu)哪些(xiē)內(nèi)嵌按鈕。在彈出的(de)對(duì>∑)話(huà)框裡(lǐ)，你(nǐ)可(kě)以φ×在"Style"列表裡(lǐ)選擇自(zì)己想要(yào)的(de)按鈕樣式©∏，在預覽(Sample)窗(chuāng)口裡(lǐ)可(kě)以看™×β(kàn)到(dào)這(zhè)種樣式的(de)效果如(rú)何。選☆<•擇好(hǎo)之後，在"Button?Text"窗(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)方式，在"BgColor"選擇按鈕背景顔✘©♥色，在"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ì)Dreamwea䥶ver?4.0的(de)這(zhè)個(g∞π☆"è)功能(néng)不(bù)支持中文(wén)字體(tǐ)。

　　3.在Dreamweaver4.0中自(zì)定義鍵盤快π (kuài)捷鍵

　　選擇菜單"Edit→Keyboard?Sho>★<rtcuts"，在對(duì)話(huà)框中會(h ↑uì)列出目前已經啓用(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)捷鍵，這(z✔₹hè)個(gè)快(kuài)捷鍵就(jiù)會(huì)出現(xi∑¶àn)在"Shortcuts"列表中，然後在"PressKe♦±y"窗(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é)Firewor€≈¶∑ks整合

　　如(rú)果你(nǐ)的(de)電(diàn ♦♦γ)腦(nǎo)裡(lǐ)同時(shí)安裝了(le)Dreaπλmweaver/Fireworks，那(nà)麽你(nǐ)就(φ₩$jiù)可(kě)以使用(yòng)Dreamπ↑÷®weaver?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à)效果。在Dreamweave¶¥≠≈r編輯窗(chuāng)口選擇好(hǎo)你(nǐ)要(yào)修改的(£δ±αde)GIF圖片，然後在圖片屬性窗(chuāng)口單擊"編 ↕輯(Edit)"按鈕，這(zhè)時(shí)系統會(huì)自(z★↔↑♣ì)動啓動Fireworks軟件(jiàn)&α λ編輯這(zhè)個(gè)圖片。仔細看(kàn)，你→≈α(nǐ)會(huì)發現(xiàn)Fireworks的(de)₽×↔♦圖片編輯窗(chuāng)口已出現(xiàn)Editing?¶ ₹From?Dreamweaver這(zhè)樣的(de)文(wén€¥)字和(hé)圖樣，也(yě)就(jiù)是(shì)說(shuō)這(™λ≈zhè)個(gè)圖片是(shì)為(wèi)Dreamδ≥×weaver頁面進行(xíng)圖片編輯的(de)。‌<→✘現(xiàn)在我們在Fireworks裡(♦✘£φlǐ)選擇要(yào)編輯的(de)圖片，選擇菜ε¥單"Modify→Animate&rδε>arr;Animate?Selection"。在彈出的(de)窗(chuānΩ♦★g)口裡(lǐ)設置動畫(huà)的(de)屬性：選♦‌‍♦定動畫(huà)的(de)幀數(shù)、動畫(huà)移動的(de)方向$ ‍×、透明(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)中快(kuài)速找到(dλσ₽σào)和(hé)修複錯(cuò)誤。單擊菜單"Site→Rπ₹φ→eports"即可(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)查出網站(zhà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ù)的(d§‍e)操作(zuò)，我們可(kě)以使用(yòng)"Ediφ Ωt"菜單裡(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)于屏幕上(s÷♦€hà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)呢(n↔♥e)！而且還(hái)可(kě)設置在不(bù)同的•≈₩π(de)浏覽器(qì)中預覽，在File"δ‍​菜單下(xià)的(de)PreviewinBrowser中選擇Edi♦>©πtBrowserList就(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è)Jav★ aScript小(xiǎo)程序的(de)巨集，許多(duō)實現∞γ>¶(xiàn)特殊網頁效果的(de)JavaScri‌ €δpt程序都(dōu)不(bù)用(yòn→λg)動手編程，但(dàn)有(yǒu)時(shí)需要(yào)編寫一(yī)♦₽₩點小(xiǎo)程序時(shí)，顯示程序行(xíασ∏ng)号顯得(de)尤為(wèi)必要(yào←∞λ)，特别是(shì)在程序發生(shēnδ'g)錯(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)口中，選中"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)在HTML源代碼檢視(shì)器(qì)窗(chuāng)口中，選↕ $中"Warp"（自(zì)動換行(xíng)）複選框，則會(h★&✘‍uì)激活窗(chuāng)口的(de)自(zì)動換行(xí∏γng)特性，過長(cháng)的(de)代碼會(h€≠‍σuì)自(zì)動從(cóng)窗(chuāng)口的(de)邊緣β♥繞回。

　　10.如(rú)何獲得(de)顔色的(×←δ±de)十六進制(zhì)代碼

　　在設計(jì)網頁時(shí)，有(yǒu)時(s™€hí)要(yào)用(yòng)到(dào)16進制(©©↔zhì)的(de)顔色代碼，以前經常為(wèi)這(zhè)事(s£β÷hì)頭痛，在Dreamweaver中隻要( $×yào)按屬性面闆上(shàng)"bg"邊上(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)對(d®Ωuì)話(huà)框中選擇一(yī)個(gè)M♣≥★IDI音(yīn)樂(yuè)文(wén)件(jiàn)，然後βδ™在層對(duì)象屬性面闆中設定其可(kě)視(shì)性為(wèi)"Hi σα↔dden"，保存變動後按F12預覽網頁，聽(tīn☆∞∏ g)聽(tīng)是(shì)否有(yǒu)音(y∏Ωδīn)樂(yuè)聲。

　　（2）另一(yī)種方法是(shì)利用(yòng)Dreamw≠♦eaver的(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ù)同，D₩☆→↑reamweaver中插入的(de)背景圖是(shì)會(huì)随文(wéγ≈↑n)字滾動的(de)。有(yǒu)的(dφ•e)時(shí)候我們需要(yào)制(zhì)作≤♣♠(zuò)固定的(de)背景圖，怎麽辦呢♣δ(ne)？先定義一(yī)張背景圖，按"F10"∞↕→​打開(kāi)HTML源文(wén)件(jiàn)，§ λ♣找到(dào)定義背景圖片的(de)語句，例如(rú)background"↕=″images/background.JPG&Pφ‌↕∞rime;，在它的(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à)小(xiǎo)，他(tā)們的(d∏¥'e)字體(tǐ)尺寸都(dōu)不(bù)會(huì)☆↕發生(shēng)變化(huà)。其實他(tā)們★σ使用(yòng)了(le)網頁中的(de)"♣ CSS"樣式表技(jì)術(shù)，在Dreamweaver中要(yào¶∏)實現(xiàn)這(zhè)一(yī)↑↔∑✔功能(néng)是(shì)非常簡單的(de)。首先按‌≈"F7"或者選擇"窗(chuāng)口" ¶菜單中的(de)"樣式表"選項打開(kāi♦♥"∞)樣式表編輯器(qì)，在窗(chuāng)≤₽↓∞口中單擊鼠标右鍵選擇"新建"，在彈出的(de)對(duì)↔¥≠↕話(huà)框中輸入需要(yào)定義的(de)樣式表名稱，按"确定"，然後在€≈♣列表中選擇第一(yī)項"類型"，并給具體(tǐ)的(de)文(w≈γπén)字屬性定義參數(shù)（一(yī)般來(lái)&π∏♥說(shuō)文(wén)字的(de)大(dà)小(xiǎo)在800&ti ★mes;600的(de)屏幕中選擇10.5較為(w×'¥èi)适宜），按"确定"後，定義好(hǎo)的(<₩de)樣式表就(jiù)出現(xiàn)了(le)。選擇網頁編♠<¥輯窗(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ò)的(de)一(yī)項新武器(qìσ¶")，如(rú)果你(nǐ)在網站(zhàn)建設中的(de)網頁上(shàn"π×☆g)能(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)Flδ≤ash徽标或單擊的(de)"媒體(tǐ)"下(xià)的(de)"Flas₽ ≠h"，就(jiù)可(kě)以打開(kāi)選擇S€δ★WF動畫(huà)文(wén)件(jiàn)的(de)對(d★≥‍uì)話(huà)框了(le)，選好(hǎo)文(wén)¶®件(jiàn)後可(kě)在其屬性面闆中設定播放(fàn®♥'∞g)的(de)參數(shù)，即大(dà)功告∏‌成。

　　15.讓表格給網頁留白(bái)

　　在Dreamweaver的(de)新網頁上(shà★®™∑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)編輯窗(chuāng)，單擊"↕γ＋"按鈕，選擇"SetTextSet"下(xià)γ≈§π的(de)"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ō)JavaScri↔&pt了(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ǐ♠÷ε&)JavaScript函數(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)輸入法，按S÷€§≤hift+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）中，£&• "Eventsfor"下(xià)拉菜單項無法打開(kāi)。這(zhè)樣一±≈<(yī)來(lái)，很(hěn)多(duō)特技(jì)效果形同虛設，↓εσ根本沒法制(zhì)作(zuò)。其實這(zhè)應該算(s¶÷uàn)Dreamweaver3.0和(hé)中文(wén)Win€ αdows98不(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éng)正确↑≈顯示罷了(le)。在選中下(xià)拉菜★∑≠單後，我們可(kě)以用(yòng)上(sh×→àng)下(xià)鍵來(lái)選擇我們想要(yào)用(♦≤yòng)的(de)浏覽器(qì)。

　　20.用(yòng)Dreamwea™→π'ver3.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íng)為(wèi)需要(yào)在H∞§₩←TML文(wén)件(jiàn)的(de)Head部分(fēn)之中插入ε↓​JavaScript，而使用(yòng)了(le)Templa'€★te後，HTML文(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)（events）和(↓©βhé)動作(zuò)（actions）的(de)具體(tǐ)內(nèi)λ'₽容，而不(bù)能(néng)更改動作(zuò)的(de)類>σ©型。

　　21.給文(wén)字施加行(xí♣γng)為(wèi)（Behavior），制(zhì)≠ ≤作(zuò)動态文(wén)字特效

　　在Dreamweaver中普通(tōng£↓×&)的(de)文(wén)字是(shì)以字符為(wèi)單位的σ≥(de)，不(bù)能(néng)作(zuò)為(wèi)對( '∑"duì)象，即一(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)"标記"，所以₽♥≤文(wén)字與很(hěn)多(duō)♦∑₹©特效失之交臂。為(wèi)了(le)給文(wén)字添加特效，隻有(yǒ¶‍Ω÷u)把文(wén)字做(zuò)成超鏈接來™←(lái)處理(lǐ)。這(zhè)樣文(wén)字就(j$✘♦iù)成為(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、viλ♥sited等顔色變化(huà)。要(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è)鏈接，單擊窗(&​chuāng)口（Windows）→行(xíng)為(wèi)（¥£Behaviors），彈出行(xíng)為(wèi)面闆。按下(xià)"+♦♥™"添加你(nǐ)想要(yào)的(de)行(xíng)為(wèi)，如(r"♦ú)playsound等。打開(kāi)Dreamwea©↓↓ver的(de)超文(wén)本編輯器(qì)，找到♦Ω€→(dào)這(zhè)個(gè)鏈接，把₹>✘改為(wèi)，把改為(wèi)。最後把"href=..."删掉∑≠↑。保存此頁。按F12預覽一(yī)下(xià)。效果還‍©•§(hái)不(bù)錯(cuò)吧(ba)！

　　22.精确定位網頁中各個(gè)元素的(de)位置

　　精确定位網頁中各個(gè)元素的(de)位置有>♦(yǒu)兩種方法：使用(yòng)表格或層。使用(yòng)∞©表格是(shì)目前比較通(tōng)用(yònλ‌g)的(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è)時(s≠πhí)在表格單元中的(de)元素也(yě)會(huì)随ε £之移動位置。這(zhè)樣你(nǐ)就(jiù)可(k≥γε♦ě)以比較精确地(dì)定位網頁中各個(gè)元素的(de)位置了(leφε₹)。使用(yòng)表格的(de)優點是(shì)通(t αōng)用(yòng)，幾乎各個(gè)版本的(dα→¥e)浏覽器(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ò)(preventlaye↔ε↔roverlaps)"來(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)實現(x®¶↕γiàn)的(de)。具體(tǐ)方法是(shì)：選擇"文(<​↔wén)字（text）→定制(zhì)樣式（CSSSλ$σ≤tyle）→編輯樣式表（EditS<₩‍tyleSheet）"，彈出編輯樣式表窗γβ∏γ(chuāng)口，在其中選擇"新建（new）"。接著(zhe)選擇"'‍‌建立一(yī)個(gè)定制(zhì)的(d¶← e)樣式（Makecustomstyle）"，給這(zhè)個∑§(gè)樣式表起名，單擊确定。編輯該樣式表，選擇擴展項(extγ<"ension)，在右邊的(de)光(guāng)标項（Cursor↕↑✔σ）中選擇要(yào)出現(xiàn)的(de)指針效果即可→★(kě)。

　　24.去(qù)掉超鏈接文(wén)字之下(xià¶πλ÷)的(de)下(xià)劃

　　這(zhè)一(yī)效果是(shì)通(tōnσ g)過編輯樣式表來(lái)實現(xiàn)的‌∑(de)。具體(tǐ)方法是(shì)："點擊​β↓文(wén)字（text）→定制(↓★✔©zhì)樣式（CSSStyle）→編輯樣式表（EditStyleS×σheet）"，出現(xiàn)編輯樣式表窗(chuāng)口，選擇"新建（n ¥π∏ew）"。接著(zhe)選擇重定義HTM£© ¥L标記（RedefineHTMLTag），并在下(xià)面的(de)×α标記(Tag)選單中選擇a。編輯該樣式表，選擇類型(typ$↑<e)，在右邊的(de)裝飾（decoration）中選中無（none）即可(​¶β$kě)。

　　25.制(zhì)作(zuò)一(yī)個(gè)跟著(zhe)頁面走∞♦♠±的(de)圖像

　　這(zhè)一(yī)效果是(shì)通(t✘≠♥•ōng)過JavaScript實現(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)Dreamweaver下(xià)的(de)文÷$<(wén)件(jiàn)夾Configuratio₽λ☆λnObjects內(nèi)的(de)一(yī)個(gè)新建文(wé♥™n)件(jiàn)夾裡(lǐ)面即可(kě)Ω ☆。重新啓動Dreamweaver之後，我們就(jiù)可(kě)以在α±✘對(duì)象面闆之中找到(dào)新安裝的(d €e)插件(jiàn)了(le)。點擊插件(jiàn)的(de)‌£圖标，在彈出的(de)對(duì)話(h∞¥≠&uà)框中填入圖像的(de)存放(fàng)地(dì)址以及圖像的(dε$e)顯示位置就(jiù)可(kě)以了(le)。

　　26.制(zhì)作(zuò)鼠标移上(shàng)去(qù)後有(yǒ←∑u)變化(huà)的(de)動态菜單

　　所謂動态菜單其實是(shì)兩幅圖，一(yī≤★✔✔)幅是(shì)鼠标不(bù)放(fàng)在上(shàn>±λg)面所顯示的(de)，另一(yī)副是(shì' ✘)鼠标移上(shàng)去(qù)所顯示的(de)。我們可<‌∏(kě)以利用(yòng)Dreamweaver提供的(de)行(xíφ≠ng)為(wèi)之中的(de)swapimage來(lái)實現('£÷Ωxiàn)這(zhè)個(gè)效果。首先插入一(yī)副圖片，¶<Ω用(yòng)鼠标單擊它，在屬性面版的(de)連接欄內(nè≈¶ i)輸入要(yào)連接的(de)網頁。然後打開(kāi)行(xíng)為(" wèi)面闆添，點擊"+"号，選擇swapimage。接著(z↕®÷he)出現(xiàn)一(yī)個(gè)窗(chuāng∑‍≤)口，要(yào)你(nǐ)選擇鼠标移上(shàng)去(q↔₽§ù)後所顯示的(de)圖片，在此選擇第二副圖片，點擊"确定"。好(hǎo)了​∏∏(le)，效果完成了(le)，多(duō)簡單₽"€₹。

　　27.用(yòng)Dreamweaver制(zhì)作(zuò)出一©↓÷'(yī)個(gè)類似于下(xià)拉菜單的(de)效果

　　制(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è♦£)單元，單擊窗(chuāng)口（Windows）&rarβ∞r;行(xíng)為(wèi)（Behaviors"✔），彈出行(xíng)為(wèi)面闆。按下(xià)"+"添加行(xín☆≠₩g)為(wèi)Show-Hidelayers‌∑，并将第一(yī)個(gè)層（Layeα±♥®r1）屬性改為(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)時(shí)，第一(yī)個(gè)下(xià)拉菜單就(§δ₽★jiù)會(huì)顯示出來(lái)。接著(zhe)再添加一(y∑φ‌↔ī)個(gè)行(xíng)為(wèi)Show-Hide‍><layers，并将所有(yǒu)層的(de)屬性改為(wèi∞©↔)隐藏。接著(zhe)在行(xíng)為(wèi)面闆中編輯這(zhè)個(g× ‌λè)行(xíng)為(wèi)，将它的(de)觸發事(shì)件(jiàn)©÷α(events)改為(wèi)onMouseout。

　　這(zhè)樣當鼠标從(cóng)第一(yī)個λ€(gè)表格單元之上(shàng)移開(kāi)時(s₽±✘hí)，第一(yī)個(gè)下(xià)拉菜÷σ★單就(jiù)會(huì)隐藏起來(lái)。對(duì)其他(t♣φ€ā)的(de)菜單項重複上(shàng)述‍★¶$操作(zuò)。但(dàn)要(yào)注意設置✘ε<"菜單二"時(shí)，第二層顯示，其他(tā)層隐藏；設置"菜單三♥♥♦♦"時(shí)，第三層顯示，其他(tā)層隐藏；§"§↓依此類推下(xià)去(qù)。好(hǎo)了(le)，做(zuò)好∑♦₩₹(hǎo)了(le)，按F12看(kàn)看∏ ™(kàn)吧(ba)。

　　當然，它的(de)技(jì)術(shù)不(bù)僅是(sh₹↑ì)以上(shàng)這(zhè)些(xε≥iē)，這(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ì)半功倍。