3、將光標置于第一行，插入一張灰度的圖片。

4、在屬性面板中“鏈接”一欄里輸入需要鏈接的地址，并給圖片加上名稱，如tu1.

5、點擊行為窗口上的“+”按鈕，從彈出菜單中選擇“交換圖像”。

6、此時在“圖像”一欄中已顯示要交換的圖像，然后在“廟宇原始檔為”一欄里選擇好交換后的那張圖。

7、下面有兩個參數(shù)，“預先載入圖像”和“鼠標滑開時恢復圖像”，都要選中。

8、同樣方法創(chuàng)建另外兩個動態(tài)按鈕。

十九、用框架布局頁面

框架由兩個主要部分組成——框架集和單個框架。

1、 點擊插入中的框架，即顯示出已定義的13種框架的樣式。我們上—中—下結構為例。

2、 點擊“上—中—下”框架結構的圖標，此時在頁上插入上下兩個框架，將整個頁面分割成了3部分。我們分別在上面輸入“上”，在中間輸入“中”，在下面輸入“下”。

3、 先保存一下。點擊菜單中的文件/保存全部。這時首先保存框架集文件，可以自己修改名字，如kuangjia.htm。然后將分別保存框架集中的其他頁面。在保存對應的頁面的時候，該部分會以虛線框起來，這樣可將上面部分保存為shang.htm。下面部分保存為xia.htm。中間部分保存為zhong.htm。

4、 至此，我們保存了四個頁面，分別是框架集，和組成框架集的上、中、下三個頁面。所以，其實這個框架是由四個頁面組成的，所以用框架會降低一點用戶瀏覽的速度。

5、 點擊窗口/其他/框架，打開框架的面板。在這里單擊某個框架，即可選中該框架。當框架被選中時，編輯窗口中對應的框架出現(xiàn)虛線。

6、 如：選中上面topframe,此時屬性面板上顯示的是上面這個框架的屬性。同樣選中中間框架和下面框架，也可以分別設置它們的屬性。

7、 在編輯窗口中，將鼠標放在兩框架之間的邊框上，光標將變成上下箭頭形，此時點擊邊框，選中的是整個框架集。

8、 此時屬性面板上出現(xiàn)的是整個框架組的屬性。可以在此設置框架集是否有邊框、寬度及顏色等。不過最為重要的是可以在這里設置框架集中各個框架的大小。

9、 在屬性面板的右面的圖示上選中上面框架，設置它的行為80像素，邊框為0。

10、選中下面框架，設置行高為30像素，邊框為0。

11、選中中間框架，設置行高為1，單位為相對。（相對的意思是：當前行相對于其他行所占的比例。設為1就是指占據(jù)除上和下以后的所有瀏覽窗口剩余空間。

12、舉例：將光標置于上面框架topFrame上，右鍵選頁面屬性，設置背景色為#FF6600。然后插入/表格，插入一個1行2列，邊框邊距都為0的表格。設置第1個單元格的寬度為116像素，然后插入一張圖片。將第2個單元格設置為水平對齊方式為居中，垂直排列方式為底部，然后依次輸入“獅子座”、“魔蝎座”、“雙子座”字樣。

13、將光標置于中部框架mainFrame中，右鍵選頁面屬性，設置背景色為#FFFFCC。然后插入一張大圖像。

14、將光標置于下面框架bottomFrame中，右鍵選頁面屬性，設置一個背景圖像。

15、另外做好三個頁面，作為“獅子座”、“魔蝎座”、“雙子座”所要鏈接的頁面。

16、選中“獅子座”，在屬性中為它設置好要鏈接的頁面，然后在“目標”里選“mainframe”，即該內(nèi)容在中間那個框架中顯示。

17、同樣設置“魔蝎座”、“雙子座”的鏈接。

二十、跳轉菜單

1、 點擊主菜單中的插入/表單對象/跳轉菜單，也可以用插入/表單，中的跳轉菜單圖標，來調出跳轉菜單設置窗口。

2、 首先在“文本”一欄里輸入“請選擇相關網(wǎng)站”字樣。然后點擊窗口上的“+”號按鈕。這時菜單里多了一個選項，這個選項沒有鏈接，僅作為跳轉菜單的說明文字。

3、 在文一欄里輸入需要的網(wǎng)站，如“新浪”，然后在“選擇時，前往URL”一欄里輸入網(wǎng)站鏈接地址http://www.sina.com.cn，此時，菜單項一欄里又多了一個選項，這個選項對應一個網(wǎng)的鏈接地址。

4、 使用同樣方法，在菜單中添加其他一些選項及對應的鏈接。還可以用“上”“下”的按鈕，來調整它們的順序。

5、 設置窗口的“菜單之后插入前往按鈕”一項先不要選擇。選中“更改URL后選擇第一個項目”一項，這樣當使用跳轉菜單到某個頁面后，如果返回到跳轉菜單頁面，此時頁面中的跳轉菜單默認顯示的依舊是第1項內(nèi)容。

6、 設置完畢后點擊“確定”即可。

****因為跳轉菜單是一個表單，所以其實是先插入了表單（紅色虛線區(qū)域），然后在表單中再插入了下拉菜單。

7、 想修改選項，可以選中頁面上的下攔菜單，此時點擊屬性面板中的“列表值”，即可修改各項內(nèi)容了。

8、 當選中跳轉菜單時，行為窗口中也出現(xiàn)行為。雙擊該行為，也可以進入設置窗口，可以重新對其進行設置。

9、 如果“菜單項”里的第一項就是鏈接，而不是上面所說的一句提示的話，那么就要選中“選項“中的“菜單之后插入前往按鈕”。添加一個“前往”按鈕。

二十一、運用插件（Dreamweaver功能擴展）

1、 首先下載好需要的插件，此處舉例用的是Animate Browser Window。這是一個動態(tài)改變窗口的大小的插件。打開Dreamweaver Extension Manager，安裝下載好的插件。

2、 啟動Dreamweaver，在做好的頁面上，右擊左下角〈body>，然后點擊行為窗口中的“+”號按鈕，在其中選擇“Animate Browser Window”，然后在其中做相應的設置。這里設置窗口打開之前高寬均為0，打開后為填滿屏幕。觸發(fā)條件為onLoad。

二十二、滾動字幕

1、把光標插入點放在需要插入滾動字幕的地方。

2、點擊插入面板的“標簽選擇器 ”。

3、選擇 marquee標簽，點擊“插入”按鈕。然后關閉“標簽選擇器 ”。

4、轉換到代碼視圖。把光標插入點放在 兩個marquee標簽之間。

5、選擇“窗口”/“標簽檢查器”?？梢栽?ldquo;標簽檢查器”中設置標簽的各種用法。

6、點擊behavior設置項右邊的下拉箭頭，選擇滾動字幕內(nèi)容的運動方式。其中三個選項意思分別是：Alternate：內(nèi)容在相反兩個方向滾來滾去。Scroll：內(nèi)容向同一個方向滾動。Slide：內(nèi)容接觸到字幕邊框就停止?jié)L動。

7、direction屬性設置字幕內(nèi)容的滾動方向。四個選項意思為：down：向下運動。Left：向左運動。Right：向右運動。Up：向上運動。

8、scrollamount屬性設置字幕滾動的速度。一般設為1。

9、scrolldelay屬性設置字幕內(nèi)容滾動時停頓的時間，單位為毫秒。如果要讓滾動看起來流暢，數(shù)值應該盡量小。實例中設置為1毫秒。

10、width屬性設置滾動字幕的寬度。這個任意，比如設置為300。

11、onMouseOver事件設置鼠標移動到滾動字幕時的動作，常設置為停止?jié)L動。onMouseOut事件設置鼠標離開滾動字幕時的動作，常設置為開始滾動。這個兩項不能選，只能手工輸入。在onMouseOver后面輸入“this.stop();” 在onMouseOut后面輸入“this.start();”

12、style屬性設置字幕內(nèi)容的樣式。實例中設置字幕文字大小，也要手工輸入“font:12px;”。

13、loop屬性設置字幕內(nèi)容滾動次數(shù)，默認值為無限。“-1”也為無限。

14、全部代碼：<marquee behavior="scroll" direction="left" width="300" loop="-1" scrollamount="1" scrolldelay="1" style="font:12px;" onMouseOver="this.stop();" onMouseOut="this.start();">滾動字幕內(nèi)容</marquee>

二十三、創(chuàng)建CSS樣式表

1、在網(wǎng)頁上輸入一些文字。

2、打開“CSS樣式”面板，也可以用“窗口/CSS樣式”打開。

3、面板下方有四個按鈕，分別是附加樣式、新建樣式、編輯樣式、刪除樣式。

4、點擊“新建樣式”，打開對話框。輸入名稱，注意名稱前有一個點號。如取名為.zi(中文名不行)。類型：創(chuàng)建自定義樣式，定義在：僅對該文檔。

5、此時再打開一個對話框，在左邊的分類里選擇“類型”，然后在右面設置字體為宋體，大小為14像素，顏色任意。然后確定。

6、選中頁面上的文字，然后點擊窗口里的樣式.zi。此時這段文字就應用了CSS樣式。

7、如要對剛才定義的CSS樣式進行修改，可以點中它，然后點下面的編輯樣式按鈕。

二十四、創(chuàng)建動態(tài)鏈接樣式表

1、點擊“新建CSS樣式”對話框，在“定義在”一欄選擇“僅對該文檔”，在“類型”一欄里選擇“使用CSS選擇器”。

2、當樣式表類型選擇“使用CSS選擇器”時，下拉菜單的名字變成了“選擇器”，表示輸入內(nèi)容為CSS選擇符，單擊下拉按鈕，可以看到動態(tài)鏈接的4種狀態(tài)。

a:link——超級鏈接的正常狀態(tài)； a:visited——訪問過的超級鏈接狀態(tài)。

a:hover——光標移至超級鏈接上時的狀態(tài)； a:active——選中超級鏈接的狀態(tài)。

3、 接下來對這幾種狀態(tài)分別設定，首先從下拉菜單中選擇a:link，點擊“確定”按鈕后彈出樣式表設置窗口，設定該樣式無下劃線，顏色為#FF6600（橙色）。

4、 用同樣方法設定a:visited，設定其為無下劃線，顏色為#FFFF00（黃色）。

5、 接下來設定a:hover，設定其為有劃線，顏色為#FF6600（橙色）。

6、 a:active不用設置，它會自動依照a:hover而定。

7、 在網(wǎng)頁上輸入一句話，在屬性面板中設定它的鏈接為“#”。即可。

****注意：必須按照這樣a:link、 a:visited 、a:hover 、a:active的順序來設置，否則不會出現(xiàn)預期的效果。

如果我們需要一個頁面上有兩個或更多的鏈接效果，可以用以下方法：

1、 點擊新建樣式按鈕，樣式類型選“使用CSS選擇器”，在“選擇器”一欄里，直接輸入a.link2:link，接著設置a.link2:link為紅色無下劃線。

2、 繼續(xù)定義下面兩個樣式。名稱都直接輸入，分別設定它們?yōu)閍.link2:visited，紫色無下劃線。 a.link2:hover，藍色有下劃線。

3、 此時在“CSS樣式”選項下多了一個名稱為link2的自定義樣式。

4、 在頁面中輸入一段話，為它添加一個#鏈接，選中這個鏈接，然后點擊樣式表窗口中的樣式link2，將此樣式應用在該鏈接上。

5、 同樣方法可以制作同一頁面上的不同鏈接格式。

****為保持一種風格，同一頁面上不宜建立過多的鏈接樣式。

二十五、外部樣式表

***在不同的頁面中應用相同的樣式表。

1、 新建樣式表，取名，然后類型選“創(chuàng)建自定義樣式”，定義在選“新建樣式表文件”。

2、 確定后，打開保存外部樣式表的窗口。然后把它保存到本地站點中即可。

3、 此時，可以看到樣式表窗口中新增了一個樣式表文件，文件的后綴名為css

4、 如果當前頁面中的一個內(nèi)部樣式表要導出為外部樣式表文件，以便供其他頁面使用，可以點擊樣式表窗口右上角的灰色的圖標，選“導出樣式表”，此時可以為樣式取名和保存為一個外部文件。

5、 當其他頁面需要使用外部樣式表時，可以點樣式表窗口中的第一個按鈕“附加樣式表”，打開窗口，然后選擇外部樣式表文件，在添加為里選“鏈接”，確定即可。

二十六、其他CSS

****CSS里的背景，是設置文字背景、表格背景圖等。

****CSS里的區(qū)塊，是指設置文本的文字間距、對齊方式、下標、上標、排列方式等。

****CSS里的盒子，是指設置圖片和文本內(nèi)容之間的空白距離，以及圖文混排的方法。

****CSS里的邊框，是指設置表格文本區(qū)、按鈕等的美化。

****CSS里的列表，是指設置列表項樣式。即那種提綱式的一段話。

****CSS里的定位，是指設置頁面中圖片的相對和絕對定位。

****CSS里的擴展，其中的光標，可以設置光標的樣式，可以設置為hand（手型）、crosshair（十字型）、text（“I”型）、wait（等待型）、default（默認型）、help（幫助型），還有各種方向的箭頭型。

****CSS里的擴展，其中的過濾器，可以用來做CSS濾鏡特效，即用來加工圖片的透明、發(fā)光等。但效果不太明顯，還是用專門加工圖片的軟件來完成比較好。

二十七、創(chuàng)建網(wǎng)上相冊

1、 首先要安裝好FireworksMX軟件。

2、 加工好所需要放在網(wǎng)上的照片，把它們加工成一樣大小，放在一個文件夾里。

3、 點擊菜單中的命令/創(chuàng)建網(wǎng)站相冊，打開設置窗口。

4、 輸入相冊標題，副標信息，其他信息（以后也可再修改）。“源圖像文件夾”，選擇剛才保存照片的文件夾。

5、 “目標文件夾”，單擊“瀏覽”按鈕選擇當前站點目錄。（即將照片全部保存到站點里來）

6、 “縮略圖大小”一項，可以根據(jù)需要選擇，“顯示文件名稱”一項，選中會在生成的相冊中顯示每個圖片的文件名。

7、 “列”一格是每一行顯示的圖片數(shù)，默認為5，可以自己改動。

8、 下面兩個“格式”一般都選“品質較高”。

9、 選中“為每張圖片建立導覽頁面”一項。確定即可。

二十八、定制網(wǎng)頁過渡功能

*****網(wǎng)頁過渡是指當瀏覽者進入或離開網(wǎng)頁時，頁面呈現(xiàn)的不同的刷新效果，比如卷動、百葉窗等。網(wǎng)頁看起來會更具有動感，不過也要注意適可而止，否則太花哨的變化也容易引起瀏覽者的反感。步驟：

1、 打開一個頁面，單擊菜單中的插入/文件頭標簽/Meta，會彈出Meta對話框?！?/p>

2、 在對話框中的屬性選項的下拉列表中選HTTP-equivalent選項，在值一格中鍵入Page-Enter，表示進入網(wǎng)頁時有網(wǎng)頁過渡效果。

3、在內(nèi)容一格中鍵入 Revealtrans(Duration=4,Transition=2),Duration=4 表示網(wǎng)頁過渡效果的延續(xù)時間為4秒，Transition表示過渡效果方式，值為2時表示圓形收縮。

4、輸入完后單擊確定，存盤。這樣當我們點擊一個超鏈接進入這個頁面時就可以看到效果了。

5、另外還有二十多種效供你選擇，只要將Transition的值改為相應的效果的代號即可，具體效果和設置如下表所示

效果 Transition 效果 Transition

盒狀收縮 0 溶解 12

盒狀展開 1 左右向中部收縮 13

圓形收縮 2 中部向左右展開 14

圓形展開 3 上下向中部收縮 15

向上擦除 4 中部向上下展開 16

向下擦除 5 階梯狀向左下展開 17

向左擦除 6 階梯狀向左上展開 18

向右擦除 7 階梯狀向右下展開 19

垂直百葉窗 8 階梯狀向右上展開 20

水平百葉窗 9 隨機水平線 21

橫向棋盤式 10 隨機垂直線 22

縱向棋盤式 11 隨機 23

二十九、庫的應用

****網(wǎng)站中有些內(nèi)容需要反復使用，比如自己制作的一個網(wǎng)站圖標等，此時將這個組件存為在庫里，可以隨時調用。

1、 打開一個頁面，選擇需要保存的組件，比如一個圖標。

2、 點擊菜單窗口/資源，打開資源窗口。然后在其中選最下面一本書樣的按鈕，打開庫面板。

3、 點擊下面的新建按鈕，就將剛才選中的圖標保存到庫里了，此時還可以給它取名。

4、 在一個新頁面上要應用庫里的內(nèi)容時，打開庫面板，選中需要用的圖標，然后點擊下面的“插入”即可。

三十、用模板迅速完成站點（首頁或內(nèi)部某一頁）

1、 首先規(guī)劃好自己想要制作的網(wǎng)站，要把它的各項鏈接的內(nèi)容都設計好。如我的網(wǎng)站：

首頁上的鏈接有：網(wǎng)頁版、動畫版、請留言、關于我、聯(lián)系我、許愿瓶

網(wǎng)頁版上的鏈接有：站長簡介| |教研論文| |課堂尋真| |原創(chuàng)課件| |心海擷貝| |留影人生| |給我來信| |雁過留聲|

動畫版上的鏈接與網(wǎng)頁版相同。

以下再鏈接到各種文章或課件的頁面。如“課堂尋真”鏈接到全是教案標題的頁面，然后由每一個教案標題，再鏈接到放這個教案的頁面。其他同理。

2、下載好比較適合自己規(guī)劃的、所喜歡的網(wǎng)頁模板，（模板網(wǎng)站比較好的如：http://www.mbsky.com ）一般它都包括兩個文件：一個是index.htm，另一個一般是命名為images的文件夾，即我們所說的用來放置圖片的。

3、定義好站點，然后將這兩個文件（夾）復制到站點文件夾下。

4、雙擊index.htm文件，即進入首頁的編輯狀態(tài)。然后就可以修改這個頁面讓它符合自己的需要。這樣即可完成首頁。

三十一、將已有的網(wǎng)頁保存為模板

****用于在一個網(wǎng)站中有大量重復出現(xiàn)的頁面時。（在新建和使用模板之前一定要定義好站點）

1、 選擇某一頁，點擊文件/另存為模板，將當前頁面保存為一個模板。此時打開了“另存模板”窗口，為該模板取名，然后保存。

2、 此時可以發(fā)現(xiàn)在站點中自動創(chuàng)建了一個名為Templates的文件夾，在該目錄中存有我們保存的模板。其擴展名為.dwt

3、 這個模板目前在被運用時，是無法修改的。所以要設定模板的可編輯區(qū)域。

4、 比如，在當前模板頁面中，需要讓頁面中間部分可編輯，這樣使用模板時就可以在其中添加內(nèi)容了。選中頁面中間部分的表格單元格（按住CTRL鍵在單元格里單擊），點擊主菜單中的插入/模板對象/可編輯區(qū)域。此時會打開對話框，在其中為模板取名，然后確定。

5、 此時所定義的可編輯區(qū)域被淺藍色線條框起來，并且左上角還有該區(qū)域的名稱。將模板文件保存并關閉。

6、 點擊主菜單中的文件/新建，在新建頁面窗口中點擊上方的“模板”選項。

7、 此時在“模板用于”一欄中列出了當前定義的站點，選中某個站點，在窗口中間一欄中顯示的是該站點擁有的模板文件。選中某個模板，在“預覽”一欄中可以預覽該模板。然后點“創(chuàng)建”按鈕，就新建了一個頁面。

8、 在出現(xiàn)的新頁中，除可編輯區(qū)域外，其他部分是不能進行修改的。

三十二、上傳自己的網(wǎng)站

1、 申請網(wǎng)站空間，然后將它上傳到網(wǎng)上。目前基本上沒有免費空間，免費空間也都需要放置廣告，或是申請一個收費空間，它都會提供十天左右的試用期，可以作為網(wǎng)站測試來用一下。

2、 在點擊申請后，會出現(xiàn)要求注冊的表格，一般包括用戶名、密碼、郵箱、聯(lián)系電話、省份、主頁的名稱、主頁的類別、主頁的簡介等。

3、 全部填完之后，即可得到以下幾項：①用戶名（剛才填寫）②密碼（剛才填寫）③FTP上傳地址 ④主頁地址（有時是將以上幾項發(fā)送到所填寫的郵箱）

4、 下載并安裝FTP上傳軟件，可以用CuteFtp（昆山視窗/軟件 可以下載，免費）

5、 打開CuteFtp軟件，點擊主菜單中的文件/站點管理器。

6、 在打開的對話框中填寫好FTP上傳地址、FTP站點用戶名稱、FTP站點密碼，然后點擊連接，就可以連接到站點服務器。（第二次打開就自動連接，不用再填寫了）

7、 連接好以后，在頁面上出現(xiàn)框架，左邊為本地計算機上的文件，右邊為遠程計算機，只要將左邊的文件（即做好的網(wǎng)站文件）一個個拖動到右邊，即完成了上傳。

三十三、宣傳自己的網(wǎng)站

如何讓網(wǎng)站地址讓別人知道，方法有二：

1、 用專門的軟件，可以將網(wǎng)站登錄到各大搜索引擎。

2、 手工登錄。如打開百度（www.baidu.com）,在下面有個鏈接“網(wǎng)站登錄”，點擊后會被要求填寫網(wǎng)站地址、名稱、內(nèi)容等，然后就被收入百度的搜索引擎了，這樣別人就可以搜索到你的網(wǎng)站了。其他網(wǎng)站登錄同理。

 Dreamweaver網(wǎng)站設計軟件下載地址：http://chabaoo.cn/softs/77167.html

最新評論