我們以制作一個網(wǎng)站首頁文件的過程來體驗(yàn)Dreamweaver8的新功能。

一、建立站點(diǎn)

啟動Dreamweaver 8，執(zhí)行“站點(diǎn)/新建站點(diǎn)”菜單命令，在彈出的對話框中單擊“高級”選項(xiàng)卡，在本地信息中設(shè)置站點(diǎn)名稱和本地根文件夾，然后設(shè)置遠(yuǎn)程信息，如圖1所示。這些功能和Dreamweaver 2004相比基本沒有太大變化，只是其中多了一個“維護(hù)同步信息”的選項(xiàng)，當(dāng)我們制作完成網(wǎng)頁以后，會同步更新到服務(wù)器上，這樣可以確保網(wǎng)站上的內(nèi)容總是最新的。服務(wù)器的信息一定要設(shè)置正確，否則在后面登陸更新服務(wù)器的時候會出現(xiàn)錯誤。

圖1

二、設(shè)計(jì)首頁

站點(diǎn)建立完畢以后，就可以設(shè)計(jì)首頁了。如圖2所示為軟件的啟動對話框，在創(chuàng)建新項(xiàng)目里多了XML/XSLT兩個選項(xiàng)。

圖2

關(guān)于XML，大家可能都比較熟悉了，而XSLT則是XML家族的另一種語言，它類似HTML中的CSS，但是比CSS功能要強(qiáng)大的多。它更偏向是一種程序語言，但沒有常見程序語言復(fù)雜，甚至比js等腳本語言還簡單。將XML轉(zhuǎn)換為HTML，是目前XSLT最主要的功能。選擇創(chuàng)建XSLT（整頁）新項(xiàng)目以后，彈出對話框詢問如何定位XML源，可以選擇“附加我的計(jì)算機(jī)或局域網(wǎng)上的本地文件”或“附加互聯(lián)網(wǎng)上的遠(yuǎn)端文件”，如圖3所示。

圖3

在Dreamweaver8中還提供了一個新的創(chuàng)建范例集“Starter Pages”，我們可以從中選擇自己需要設(shè)計(jì)的風(fēng)格類型，如圖4所示。

圖4

1.輔助線的使用

我們選擇基本頁的HTML文檔，單擊創(chuàng)建按鈕，進(jìn)入空白文檔的編輯頁面，如圖5所示。首先你會發(fā)現(xiàn)在文檔周圍默認(rèn)有標(biāo)尺出現(xiàn)，在Dreamweaver 2004中雖然也有標(biāo)尺功能，但是在使用的過程中實(shí)際用途并不大，現(xiàn)在結(jié)合Dreamweaver8新提供的輔助線（圖中綠線所示）可以更方便地確定網(wǎng)頁元素的位置或大小了。

圖5

執(zhí)行“查看/輔助線”菜單命令，你會看到如圖6所示的輔助線控制菜單。

圖6

確定已經(jīng)勾選了“顯示輔助線”選項(xiàng)，然后在文檔的標(biāo)尺上縱向或橫向拖動鼠標(biāo)就會顯示出默認(rèn)的綠色輔助線。當(dāng)然你還可以選擇菜單中的“640×480，默認(rèn)”等選項(xiàng)，以生成適合相應(yīng)頁面大小的輔助線，如圖7所示。

圖7

將鼠標(biāo)指針移動到輔助線分割的方格中，然后按“Ctrl”鍵，可以顯示此方格的高度和寬度，如圖8所示。

圖8

如果要鎖定輔助線，可以執(zhí)行“查看/輔助線/鎖定輔助線”菜單命令。如果選中“靠齊輔助線”選項(xiàng)，在網(wǎng)頁中插入元素時，會自動貼近輔助線。如果選中“輔助線靠近元素”，則拖動輔助線時會自動貼近網(wǎng)頁中的元素。要刪除一條輔助線，可以拖動它到網(wǎng)頁的頂部或左側(cè)就會自動消失；而要刪除所有輔助線，可以執(zhí)行“查看/輔助線/清除輔助線”菜單命令。
執(zhí)行“查看/輔助線/編輯輔助線”菜單命令，彈出“輔助線”對話框，如圖9所示。我們可以在這里設(shè)置輔助線的顏色，距離的顏色等等屬性。

圖9

2.背景設(shè)置的新功能

我們再來看看設(shè)置文檔背景帶來了哪些新改變？執(zhí)行“修改/頁面屬性”（快捷鍵Ctrl＋J）菜單命令，彈出“頁面屬性”對話框，在“外觀”分類中會發(fā)現(xiàn)背景圖像的下方多了一個Repeat選項(xiàng)，可以選擇no-repeat、repeat、repeat-x、repeat-y，如圖10所示。

圖10

單擊“背景圖像”后的瀏覽按鈕，找到一幅圖片作為網(wǎng)頁的背景，然后來看看四種不同選項(xiàng)所帶來的不同背景圖像。首先選擇“no-repeat”選項(xiàng)，它的含義是背景圖片不重復(fù)顯示，只顯示圖像的原始大小，而且只顯示一次，如圖11所示。在以前版本中，只要設(shè)置了網(wǎng)頁背景圖像，它就會平鋪顯示在網(wǎng)頁中，現(xiàn)在我們對背景圖像的可控性更強(qiáng)了。

圖11

如果選中“repeat”選項(xiàng)，則會在x和y方向重復(fù)顯示背景圖像，就和以前的老版本中一樣，如圖12所示。

圖12

如果選中“repeat-x”選項(xiàng)，則會在x軸方向重復(fù)顯示背景圖像，如圖13所示。

圖13

如果選中“repeat-y”選項(xiàng)，則會在y軸方向重復(fù)顯示背景圖像，如圖14所示。

圖14

設(shè)置標(biāo)題文字，然后選擇一種合適的圖片作為背景圖像，如圖15所示。

圖15

3.放大功能的使用

插入一個符合要求的表格，然后分別在單元格中插入在圖像處理軟件處理好的相應(yīng)圖像，如圖16所示。

圖16

在下方的工具欄上有三個按鈕，分別為箭頭選擇工具、抓手移動工具和縮放工具。使用縮放工具可以讓我們更方便地對齊圖像、選擇較小的對象以及查看較小的文本，如圖17所示。

圖17

也可以直接在縮放工具后面的選框中選擇合適的放大或縮小比例，另外還可以選擇“復(fù)合所選”“符合全部”“符合寬度”，如圖18所示。

?
圖18