網(wǎng)站建設(shè)是指使用標(biāo)識(shí)語言（markup language)，通過一系列設(shè)計(jì)、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網(wǎng)頁設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使超文件標(biāo)示語言、可擴(kuò)展超文本標(biāo)記語言等標(biāo)示語言放置到網(wǎng)站頁面上。

    11. 制作背景音樂

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

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

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

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

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

　　13. 定義大小不變的文字

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

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

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

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

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

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

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

　　17. 整合的文本代碼編輯器

　　可視化網(wǎng)頁編輯軟件的最大不便之處就是很難對(duì)源代碼進(jìn)行編輯，更別說JavaScript了；不過Dreamweaver?將使你處理代碼變得異常輕松。這個(gè)內(nèi)建的文本代碼編輯器主要的新功能是：自動(dòng)縮排（可以一次選取多行進(jìn)行縮排），?還可以進(jìn)行符號(hào)的檢測，如果在編寫代碼忘了一個(gè)“”，它將給出提示。在工具表中的下拉菜單會(huì)列出當(dāng)前網(wǎng)頁中所有自定義JavaScript函數(shù)，可讓你在網(wǎng)頁原代碼中自由跳轉(zhuǎn)，“原始碼導(dǎo)航工具”可以讓專業(yè)人士方便地處理JavaScript函數(shù)，在文本代碼編輯器中輸入JavaScript代碼，系統(tǒng)將用不同的顏色來顯示。

　　18. 在Dreamweaver中輸入多個(gè)空格

　　我們平時(shí)輸入的空格是半角字符，在Dreamweaver中只能輸入一個(gè)，要想輸入多個(gè)空格只要輸入全角空格就可以了。輸入全角空格的方法是：打開中文輸入法，按Shift+Space切換到全角狀態(tài)。這時(shí)你輸入的空格就是全角空格了。

　　19. 解決Dreamweaver的BUG之一

　　在Dreamweaver 3.0中行為面板（Behavior inspector）中，“Events for”下拉菜單項(xiàng)無法打開。這樣一來，很多特技效果形同虛設(shè)，根本沒法制作。其實(shí)這應(yīng)該算Dreamweaver 3.0和中文Windows98不兼容的一個(gè)地方吧，在英文Windows98中就沒有這個(gè)問題。而實(shí)際上這個(gè)菜單還是可以打開的，只不過是不能正確顯示罷了。在選中下拉菜單后，我們可以用上下鍵來選擇我們想要用的瀏覽器。

　　20. 用Dreamweaver 3.0的模版制作網(wǎng)頁，設(shè)置行為（Behavior）

　　在使用模板（Template）做出 淼耐 頁中不能新增行為。這是因?yàn)樾略鲂袨樾枰�在HTML文件的Head部分之中插入JavaScript，而使用了Template后，HTML文件的Head部分會(huì)被“封鎖”住。如果要在使用模板生成的網(wǎng)頁中應(yīng)用行為，你就需要事先在模板中定義好行為，然后把它定義為模板的可編輯區(qū)域。隨后，你就可以在網(wǎng)頁中更改這個(gè)行為了。但這也只限于更改行為的觸發(fā)事件（events）和動(dòng)作（actions）的具體內(nèi)容，而不能更改動(dòng)作的類型。

    21. 給文字施加行為（Behavior），制作動(dòng)態(tài)文字特效

    在Dreamweaver中普通的文字是以字符為單位的，不能作為對(duì)象，即一些非常有用的JavaScript事件不能賦予文字。因?yàn)槲淖植幌駡D片和其他控件有具體的“標(biāo)記”，所以文字與很多特效失之交臂。為了給文字添加特效，只有把文字做成超鏈接來處理。這樣文字就成為了對(duì)象，可以施加行為了。但是這樣又帶來了一些不需要的超鏈接屬性，比如下劃線，以及hover、visited等顏色變化。 要想單純?yōu)槲淖痔砑犹匦�，可以先把所想設(shè)置的文字做成超鏈接，然后再在它的上面添加行為，最后我們再把超鏈接轉(zhuǎn)變?yōu)槠胀ㄎ淖�。具體的步驟如下：

　　選中你想編輯的文字，在鏈接目標(biāo)框里隨便填入幾個(gè)字符。選中這個(gè)鏈接，單擊窗口（Windows）→行為（Behaviors），彈出行為面板。按下“+”添加你想要的行為，如play sound等。打開Dreamweaver的超文本編輯器，找到這個(gè)鏈接，把改為，把改為。最后把“href=...”刪掉。保存此頁。按F12預(yù)覽一下。效果還不錯(cuò)吧！

　　22. 精確定位網(wǎng)頁中各個(gè)元素的位置

　　精確定位網(wǎng)頁中各個(gè)元素的位置有兩種方法：使用表格或?qū)�。使用表格是目前比較通用的做法，具體方法是：先在網(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)糟。

　　23. 改變?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)的指針效果即可。

　　24. 去掉超鏈接文字之下的下劃線 　　

　　這一效果是通過編輯樣式表來實(shí)現(xiàn)的。具體方法是：“點(diǎn)擊文字（text）→定制樣式（CSS Style）→編輯樣式表（Edit Style Sheet）”，出現(xiàn)編輯樣式表窗口，選擇“新建（new）”。接著選擇重定義HTML標(biāo)記（Redefine HTML Tag），并在下面的標(biāo)記(Tag)選單中選擇a。編輯該樣式表，選擇類型(type)，在右邊的裝飾（decoration）中選中無（none ）即可。

　　25. 制作一個(gè)跟著頁面走的圖像

　　這一效果是通過JavaScript實(shí)現(xiàn)的。一般來說完成這樣一個(gè)效果需要一定的編程能力，但現(xiàn)在我們可以通過Dreamweaver的插件輕易地實(shí)現(xiàn)。插件的安裝方法：解壓縮后拷貝到Dreamweaver下的文件夾Configuration\Objects內(nèi)的一個(gè)新建文件夾里面即可。重新啟動(dòng)Dreamweaver之后，我們就可以在對(duì)象面板之中找到新安裝的插件了。點(diǎn)擊插件的圖標(biāo)，在彈出的對(duì)話框中填入圖像的存放地址以及圖像的顯示位置就可以了。