2.打開Dreamweaver，選擇“站點-新建站點”打開對話框。在Site Name中輸入網站名稱(中文),並在本地根文件夾中選擇剛剛創建的文件夾(E:web)。那就確認壹下。
註意:當您再次打開Dreamweaver時，會自動找到您剛剛設置的站點。如果有多個站點，您可以在菜單“站點-打開站點”中選擇它們。
其次，創建壹個頁面
1.在本地文件夾E:\MyWeb下的空白處，點擊右鍵，選擇“新建文件”，這樣就建立了壹個頁面，默認文件名是untitled.htm。Htm意味著這個網頁文件是壹個靜態的HTML文件。重新命名為index.htm。網站首頁的名字通常是index.htm或index.html。妳可以自己選擇其他頁面的名稱。
2.雙擊index.htm進入該頁面的編輯狀態。在標題區輸入網頁名稱，右鍵選擇頁面屬性，打開頁面屬性窗口。在這裏，您可以設置網站的標題、背景色或背景圖像、超鏈接的顏色(壹般是默認的)，其他都保持默認。
3.此時光標位於左上角，可以輸入壹句話，比如“歡迎來到我的主頁”。選擇文本，用菜單“窗口/屬性”打開屬性面板，選擇文本大小為6，然後將文本居中，然後在文本前使用幾個回車使其在頁面上居中。
4.如果要選擇字體，請選擇字體中的最後壹項:編輯字體列表。然後在對話框中選擇+號，然後在“可用字體”欄中選擇需要添加到字體列表中的字體，點擊中間的按鈕即可加入。
宋體是網頁上最常用的。不要在列表中添加特殊字體，因為在別人的電腦上沒有特殊字體是看不到的。如果需要使用，使用前要先做個圖。在網頁上鍵入空格的方法是將輸入法設置為全角。在網頁上換行的方法是:shift+Enter。只需按回車鍵即可更改區段。
第三，在頁面上添加圖片
1.在本地文件夾E:\MyWeb下面的空白處，右鍵選擇“新建文件夾”，這樣就創建了壹個放圖片的文件夾，可以重命名為tu或者pic或者images。
2.使用菜單窗口/對象打開對象面板，單擊插入圖像，並在對話框中選擇要插入的圖像。如果出現壹個對話框:“是否要將此文件復制到根文件夾？”，您必須選擇“是”,然後將其保存在您剛剛創建的文件夾中。
3.選擇圖片並打開屬性面板，您可以在其中命名圖片，重置圖片的高度和寬度，並拖動圖片角上的點來更改大小。按住shift鍵，然後拖動角上的點，使圖片按其寬度和高度的比例拉伸。要恢復原始大小，請單擊右下角的“重置大小”按鈕。
4."鏈接"可以直接在這裏輸入地址。“替代”是對圖片的描述，即鼠標指向圖片中顯示的文字；“邊框”是圖片邊框的寬度，“對齊”是對齊方式。
第四，添加超鏈接
1.向文本添加鏈接。
例如，在頁面上輸入“我的文章”，然後選擇它，打開屬性面板，並在“鏈接”框中選擇它要鏈接到的頁面。在後壹種“目標”中，我們通常使用self，即打開的新窗口替換現有窗口；或者選擇空白打開壹個新窗口。
2.給圖片添加鏈接
與上述文本的鏈接壹樣，插入壹張圖片，然後在屬性面板的鏈接框中選中它。圖片可以創建不同的多個鏈接。方法如下:屬性面板中的“地圖”項下有壹些圖形。比如點擊正方形，光標會變成十字，並在圖片上畫壹個藍色的矩形熱點。此時可以在屬性面板上設置這個熱點的鏈接地址，鼠標就會顯示出來。同樣，通過用圓圈設置熱點，可以為圖片設置其他鏈接。
3.添加電子郵件鏈接
選擇要添加電子郵件鏈接的文本或圖片，打開屬性面板，並在“鏈接”框中輸入電子郵件地址。格式如下:mailto:郵件地址。註意中間沒有空格。
4.如果鏈接到瀏覽器打不開的文件，比如exe、Zip等。，那麽瀏覽器點擊這個鏈接，就會實現文件下載或者在線播放的功能。
動詞 （verb的縮寫）表格的使用
1.單擊“插入/表單”打開表單面板進行設置。行數、列數、寬度、邊框等。，“單元格填充”是單元格內部與內容之間的距離；“單元格間距”是單元格之間的距離，單位是像素。
2.插入表格後，單擊表格的邊框以選擇整個表格。然後，您可以在下面的屬性面板中進行各種設置。
3.將光標移動到其中壹個單元格上，此時看到的屬性面板就是該單元格的屬性面板。您還可以對單元格執行各種操作。如背景顏色、背景圖像、邊框、合並、拆分等。
六、關於表格的其他操作
(壹)制作細線表的原則:
1.選擇整個表格，將其背景設置為黑色(顏色為表格線條的顏色)。
2.選擇所有單元格，並將其背景設置為白色。
(2)自動格式化表單
1.首先制作壹個表格，然後選擇它。
2.從菜單中選擇命令/表格格式。即可以選擇壹些預置的表格樣式。
(3)像素分隔條
1.插入壹個1行1列的表格，寬度為200像素，邊框邊距為0。
2.選擇表格，將表格的高度設置為1像素，並設置背景顏色(即所需的線條顏色)。
3.切換到“代碼和設計”窗口，刪除代碼。
七、利用表格構建完整的頁面。
(1)網頁的頂部(壹般包括圖標、廣告和導航菜單)
1.創建壹個1行2列的表格，寬度為760像素，邊框和邊距為0。
2.選擇表格，設置排列方式為居中對齊，背景色為#3366CC。
3.將光標放在左邊的單元格中，將其水平排列設置為左對齊，將垂直排列設置為上對齊，然後插入圖像。壹般網站的logo都插在這裏。
4.將光標放在右邊的單元格中，將其寬度設置為500，水平居中對齊，垂直居中對齊，然後插入壹張圖片，通常是網頁廣告，也就是banner。
5.將光標放在剛剛完成的表格之後，插入/table創建壹個1行1列的表格，寬度為760像素，邊框和邊距為0。
6.選擇新創建的表格，設置排列方式為居中，背景顏色為#005173。
7.將多個圖像作為導航欄菜單依次插入到表格中。
(2)網頁的中間部分(左邊是欄目列表，中間網站是新聞，右邊是欄目列表)
1.在導航欄表格後，插入/table以創建壹個1行3列的表格，寬度為760像素，邊框和邊距為0。並將排列模式設置為居中對齊，將背景色設置為#FFFFFFF。
2.將光標放在左邊的單元格中，將其寬度設置為18%，將其水平居中對齊，垂直向上對齊，然後插入壹個圖像和壹個導航欄。
3.將光標放在剛剛插入的圖片上後，插入/table，插入壹個12行1列，寬度為90%的表格。將單元格間距設置為1，背景顏色設置為#CCCCCC。
4.將光標放在表格的第壹個單元格中，將其高度設置為20，背景顏色設置為#FFFFFF。插入/圖像，在導航文本前插入壹個點。還要設置其他11單元格，這樣左邊的列分類列表就完成了。
5.將光標放在主表格的中間單元格，將其寬度設置為66%，水平居中對齊，垂直向上對齊，然後插入/image並插入導航欄。
6.將光標放在圖像上後，插入/table，並插入壹個4行1列、寬度為95%的表格。將單元格間距設置為1，背景顏色設置為#CCCCCC。
7.將光標放在表格的第壹個單元格中，拖動鼠標，並選擇所有四個單元格。設置高度為60，背景色為#FFFFFF。
8.將光標放在主表格右側的單元格中，將其寬度設置為16%，水平居中對齊，垂直向上對齊，插入/圖像，插入導航欄。
9.將光標放在圖像上後，插入/table，並插入壹個7行1列、寬度為90%的表格。設置間距為1，背景顏色為#CCCCCC。
10，按住Ctrl鍵，點擊剛剛插入的表格的1、3、5、7單元格，然後將它們的高度設置為55，背景色設置為#FFFFFF。
11.選擇第二、第四和第六個單元格，設置它們的高度為6，背景顏色為#FFFFFF。
12.切換到源代碼窗口，刪除單元格2、4和6中的空格符號“”。
(3)網頁底部(壹般包括版權信息等相關內容)
1.將光標放在主表格中後，插入/table創建壹個2行2列、760像素寬、0個邊框和邊距的表格。
2.選擇表格，設置排列方式為居中對齊，背景色為#3366CC。
3.將光標放在表格第1行左側單元格，將其寬度設置為50%，將水平排列設置為默認，將垂直排列設置為基線，將背景色設置為#FFFFFF，然後輸入版權信息，內容顏色任意。
4.將光標放在表格第1行的右邊單元格，插入/image，插入壹個圓角圖像，在其後面輸入單詞Email，將其大小和顏色設置為1和#FFFFFF。
5.插入/形成對象/文本字段。插入任意寬度的文本字段。
6.插入/圖像，插入GO的圖像。
7.設置頁面屬性。單擊菜單“修改/頁面屬性”，在“標題”列中輸入標題，選擇背景圖像，並將頂部邊框設置為0。
把整個網頁放在不同的表格裏，也可以加快瀏覽器的閱讀時間。因為瀏覽器只顯示讀完整張表後的內容，所以最好不要框在整張表中。
第八，使用布局表建立壹個完整的頁面。
1.點擊插入/布局，裏面的布局視圖按鈕會切換到布局視圖狀態(默認為標準視圖)。也可以使用菜單中的視圖/表格視圖/布局視圖進入。
2.先點擊“繪制布局表格”按鈕，然後在頁面中創建壹個類似繪圖的布局表格。
3.就像上壹個例子壹樣，在頁面的頂部、中間和底部畫壹個大表格。
4.再次單擊繪制布局單元格按鈕，然後在已經繪制的布局表格中繪制布局單元格。
5.回到標準視圖，在分割表中插入壹個嵌套的小表格，對頁面進行細化，就可以完成整個頁面的設計了。
註意把整個頁面放在壹個大的布局表格裏，因為這樣的網頁瀏覽起來會很慢。妳要根據頁面的布局和內容劃分幾個布局表格，然後分別在裏面插入布局單元格。
九、圖層的使用
1，單擊插入/圖層。您也可以單擊圖標並拖動鼠標來創建層。
3.選擇創建的層並查看屬性面板。使用“圖層編號”和“標簽”的默認值。編程需要“層號”，我們現在壹般不用。“上”是距頁面上邊界的距離；“左”是距左邊界的距離。“Z軸”是層的順序，較大的數字疊加在較小的數字上。如果沒有設置顏色，則該層是透明的。
4.點擊中間層左上角的小方框，隨意拖動圖層，大小也可以調整。
5.在“溢出”欄中，當文本大於層大小時，可見(超出部分仍顯示)、隱藏(超出部分隱藏)、滾動(無論是否超出都顯示滾動條)和自動(只有超出時才顯示滾動條)。
6.單擊菜單窗口/其他/圖層打開圖層管理窗口。您可以修改層的名稱和z軸值，或者單擊眼睛圖標使層可見或不可見。還有壹個選項可以防止重疊。
7.層的對齊。按住shift鍵，同時選擇幾個層。然後使用修改/對齊，並使用此處的選項。
8.嵌套層。(1)首先，在文檔中插入壹個圖層。⑵將光標放在該層，然後繼續插入壹層，得到嵌套層。(3)裏面叫子層，外面叫母層。它們的z軸順序是相同的。拖動父層時，子層也會相對移動。移動子層時，父層不會隨之移動。
十、理解時間線。
1.單擊菜單中的“插入/層”以插入層。
2.在圖層中插入圖片，如飛機圖片。(這裏的圖片也可以是小動畫。gif圖片。)
3.點擊菜單中的窗口/其他/時間線，打開時間線窗口。
4.選擇頁面上創建的圖層，用鼠標按住圖層左上角的小方框圖標，將圖層拖放到時間軸的1幀。這時，壹條長度為15幀的時間軸被自動創建。
5.選擇時間軸上的1幀，將頁面中的圖層拖拽到頁面的左上角，也就是動畫開始的位置。
6.選擇時間軸上的第15幀，可以拖動幀到任意長度，比如30幀。
7.選擇第30幀，並將層拖到頁面的右下角。此時，窗口中將顯示該層從1幀到第30幀的移動軌跡。(此時，運動是直線)
8.可以點擊15框架，右鍵“添加關鍵幀”，選中15框架，將圖層拖到頁面底部。
9.選中“自動播放”項。
XI。制作滾動公告板
1.在頁面上插入壹個圖層，然後將該圖層的背景設置為公告欄的框架。
2.然後將嵌套層插入到創建的層中，並將嵌套層移動到父層下方。
3.在嵌套層中輸入文本，並將其排列在中間。
4.打開時間軸面板，並將子層作為對象添加到面板中。
5.為子層創建壹個向上移動的路徑，並將其移動到父層之上。
6.拖動最後壹個關鍵幀增加動畫時間，然後勾選“自動播放”和“循環”。
7.選擇父層，並在其屬性面板中將“溢出”屬性設置為“隱藏”。
十二、在頁面中使用flash動畫。
1.單擊“插入Flash”按鈕為頁面插入動畫。您也可以選擇菜單插入/媒體/閃存來完成此步驟。
2.選擇插入的動畫並查看屬性面板。妳可以在這裏設置它的寬度和高度，也可以拖動它來改變它的大小。
3.單擊此處的“播放”預覽動畫。
十三。使插入的flash動畫透明。
1.當網頁上已經有背景，或者妳想在圖片上插入flash動畫，而flash動畫本身就有背景色，所以會影響外觀。這時候就要把它做成透明的動畫。
2.例如，在頁面上插入圖像。
3.在圖像上插入壹個圖層，並在圖層中插入所需的flash動畫。
4.選擇flash動畫，然後單擊屬性面板中的“參數”按鈕。
5.在“參數”左側輸入“wmode”。在右邊的“值”框中輸入“透明”。
十四、在頁面中播放聲音
1.如果妳想在完成整個頁面後給頁面添加背景音樂，請註意背景音樂壹般是a *。midi文件，很小很容易快速下載，其他格式不適合做背景音樂。
2.除了頁面中的所有表格，(註意此時編輯窗口左下方的選項卡選擇欄中只顯示此項，或者點擊左下角以確保將此行為添加到整個頁面中)。單擊行為窗口上的“+”按鈕，(或使用菜單窗口/行為打開行為窗口。)
3.從彈出式菜單中選擇“播放聲音”。打開壹個對話框。
4.使用此對話框中的“瀏覽”選擇要播放的聲音並確認。
5.此時，事件是onload，動作是playing sound。點擊這壹行，中間會出現壹個按鈕。單擊按鈕設置播放該聲音的事件。您可以選擇顯示事件/"IE5.0。
6、我們常用的如Onload(頁面加載時)、OnClick(單擊鼠標)、OnMouseOver(鼠標滑過對象)、OnUnload(頁面關閉時)等等。
7.此行為也可以在圖片或文本鏈接上設置。在文本鏈接上播放聲音之前，給文本添加壹個空鏈接，即選中文本，在鏈接框中輸入壹個“#”符號。
十五。彈出窗口
1.首先，制作壹個要在小窗口中顯示的頁面(比如a.htm)。因為這個彈窗不能太大，所以內容要少。
2.打開壹個已完成的頁面，將光標移到頁面中所有我的表單之外，單擊行為窗口上的+按鈕，並從彈出菜單中選擇“打開瀏覽器窗口”項。
3.在對話框中輸入相應的設置。要顯示的URL是a.htm。窗口的寬度和高度由妳自己決定，單位是像素。如有必要，檢查屬性中的每個參數。
4.設置完成後，點擊確定。此時行為窗口中會顯示打開瀏覽窗口的行為，觸發條件為Onload。如果不需要，請自行設置。
5.此行為也可以在圖片或文本鏈接上設置。。
6.這種方法可以用來表達對訪問者打開時的歡迎，網站公告，離開時的告別詞等。
十六、控制狀態欄信息
1.打開頁面並選擇壹張圖片。
2.單擊行為窗口上的“+”按鈕，並選擇設置文本/設置狀態欄文本。
3.在對話框的“消息”欄中，輸入需要顯示的內容，例如對該圖片的介紹。
4.可以將行為的觸發條件設置為OnMouseOver，這樣當鼠標經過這張圖片時，狀態欄就會出現相關信息。
5.如果鼠標移開後消息消失，那麽再次使用此行為，在“消息”列中不寫任何內容，然後將觸發條件更改為OnMouseOut。
6.您也可以在壹段文本上設定此行為。或者設置在整個頁面上。
十七、彈出信息
1.打開已完成的頁面，單擊左下角的項目。單擊行為窗口上的“+”按鈕，並從彈出菜單中選擇“彈出信息”。
2.只需在設置窗口的“消息”欄中輸入您想要顯示的消息。
3.當觸發條件設置為Onload時(當頁面被加載時)，它可以用作打開頁面的歡迎消息。如果設置為OnUnload(關閉頁面時)，則可以作為用戶關閉頁面時的告別消息。
4.您還可以在某段文本上設置彈出信息。比如壹個段落不想復制，就選擇整個段落，註意左下角顯示的< p >，就是這個段落。
5.然後做同樣的操作，可以在消息中輸入版權等語句。只需將觸發條件設置為OnBeforeCopy(右擊時觸發)或OnCopy(右擊選擇Copy時觸發)。
十八、動態圖片按鈕
1.準備兩張同樣大小的圖片。常見的方法是壹張是灰度照片，壹張是彩色照片。或者壹個是按鈕凹型，壹個是按鈕凸型。
2.示例:插入壹個3行1列的表格，寬度設置為180像素。
3.將光標放在第壹行，插入壹張灰度圖片。
4.在屬性面板的“鏈接”欄中輸入要鏈接的地址，並為圖片添加壹個名稱，如tu1。
5.點按“行為”窗口上的“+”按鈕，並從彈出式菜單中選擇“交換圖像”。
6.此時，要交換的圖像已經顯示在“圖像”壹欄中，然後在“寺廟原始文件”壹欄中選擇交換的圖片。
7.下面有兩個參數，“預加載圖像”和“鼠標滑動時恢復圖像”，這兩個參數都要選擇。
8.用同樣的方法創建另外兩個動態按鈕。
19.帶框架的布局頁面
框架由兩個主要部分組成——框架集和單個框架。
1.單擊插入的框架以顯示定義的13框架樣式。我們以上中下結構為例。
2.點擊“上-中-下”框架結構的圖標，此時頁面上插入兩個框架，將整個頁面分為三部分。我們在頂部輸入“上”，在中間輸入“中”，在底部輸入“下”。
3.先存起來。單擊菜單中的文件/全部保存。這時，先保存框架集文件，可以自己修改名稱，比如kuangjia.htm。那麽框架集中的其他頁面將被單獨保存。在保存相應的頁面時，這部分會用虛線框起來，這樣上半部分就可以保存為shang.htm了。以下部分另存為xia.htm。中間部分保存為zhong.htm。
4.到目前為止，我們已經保存了四個頁面，即框架集，以及組成框架集的上、中、下三個頁面。所以，實際上這個框架是由四個頁面組成的，所以使用框架會減慢用戶的瀏覽速度。
5.單擊窗口/其他/框架打開框架的面板。單擊此處選擇壹個框架。選擇壹個框架後，編輯窗口中相應的框架中會出現壹條虛線。
6.例如，選擇上面的頂部框架，上面框架的屬性將顯示在屬性面板上。同樣選擇中間的框架和下面的框架，您可以分別設置它們的屬性。
7.在編輯窗口中，將鼠標放在兩幀之間的邊框上，光標會變成上下箭頭形狀。此時，單擊邊框以選擇整個框架集。
8.此時，整個框架組的屬性出現在屬性面板上。您可以設置框架集是否有邊框、寬度、顏色等。但最重要的是，妳可以在這裏設置框架集中每個框架的大小。
9.在屬性面板右側的圖標上選擇上述框架，並將其行為設置為80像素，邊框為0。
10.選擇下面的框架，設置行高為30像素，邊框為0。
11.選擇中間框架，設置行高為1，單位是相對的。(相對是指:當前行相對於其他行的比例。設置為1意味著占用除頂部和底部之外的所有瀏覽窗口的剩余空間。
12.例如，將光標放在頂部框架上，右鍵單擊頁面屬性，並將背景色設置為#FF6600。然後插入/表格，插入壹個1行2列的表格，邊框邊距都是0。將第1個單元格的寬度設置為116像素，然後插入壹張圖片。將第二個單元格設置為中間水平對齊，底部垂直排列，然後依次輸入“獅子座”、“摩羯座”、“雙子座”四個字。
13.將光標放在中間的主機上，右鍵單擊頁面屬性，並將背景色設置為#FFFFCC。然後插入大圖。
14.將光標放在下面的底部框架中，右鍵單擊頁面屬性並設置背景圖像。
15.另外要做三頁作為獅子座、摩羯座、雙子座的鏈接。
16.選擇“Leo”，在屬性中設置頁面為其鏈接，然後在“Target”中選擇“mainframe”，即內容會顯示在中間的框架中。
17，還設置了“摩羯座”和“雙子座”的鏈接。
二十、跳轉菜單
1.點擊主菜單中的插入/表單對象/跳轉菜單，或使用插入/表單中的跳轉菜單圖標，調出跳轉菜單設置窗口。
2.首先在“文字”壹欄輸入“請選擇相關網站”字樣。然後單擊窗口上的“+”按鈕。這時菜單裏有壹個選項，沒有鏈接，只是作為跳轉菜單的說明文字。
3.在文本欄中輸入所需網站，如“新浪”，然後在“選擇時，轉到URL”欄中輸入網站鏈接地址。此時，菜單項列中還有壹個選項，對應的是壹個網絡的鏈接地址。
4.使用相同的方法將其他選項和相應的鏈接添加到菜單中。您也可以使用“向上”和“向下”按鈕來調整它們的順序。
5.不要在設置窗口中選擇“在菜單後插入Go按鈕”項目。選擇“更改URL後選擇第壹項”項，這樣當妳使用跳轉菜單到壹個頁面時，如果返回跳轉菜單頁面，頁面中的跳轉菜單仍然會默認顯示1項的內容。
6.設置完成後點擊“確定”。因為跳轉菜單是壹個表單，所以實際上是先插入表單(紅色虛線區域)，然後在表單中插入下拉菜單。
7.如果要修改選項，可以選擇頁面上的下拉菜單，然後點擊屬性面板中的“列表值”來修改內容。
8.當選擇“跳轉”菜單時，行為也會出現在“行為”窗口中。雙擊此行為進入設置窗口，可以重新設置。
9.如果“菜單項”中的第壹項是鏈接而不是上述提示，那麽妳應該在“選項”中選擇“在菜單後插入Go按鈕”。添加壹個“Go”按鈕。
二十壹、使用插件(Dreamweaver功能擴展)
1.首先，下載所需的插件。這裏，我們以動畫瀏覽器窗口為例。這是壹個動態改變窗口大小的插件。打開Dreamweaver擴展管理器並安裝下載的插件。
2.啟動Dreamweaver，在完成的頁面上，右鍵點擊左下角的< body >；，然後單擊行為窗口中的“+”按鈕，在其中選擇“動畫瀏覽器窗口”，然後在其中進行相應的設置。這裏，窗口的高度和寬度在打開前都設置為0，打開後屏幕會被填滿。觸發條件是加載。