在這裏Xixi給大家帶來了dreamweaver制作網頁的教程，DW初學者可以參考壹下。
首先，定義站點
1.在任意根目錄下創建壹個文件夾（這裏我們假設是E盤），比如MyWeb。
* * *註:網站中使用的所有文件應使用英文名稱。
2.打開Dreamweaver並選擇“站點-新建站點”以打開對話框。在網站名稱中輸入網站名稱（中文），並在本地根文件夾中選擇剛剛創建的文件夾（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.細線表的制作原則:
1.選擇整個表格並將其背景設置為黑色（該顏色是表格線條的顏色）。
2.選擇所有單元格並將其背景設置為白色。
2.自動格式化表格
1.首先制作壹個表格，然後選擇它。
2.從菜單中選擇命令/表格格式。也就是說，可以選擇壹些預設的表格樣式。
Trinity像素分隔條
1.插入壹個1行1列的表格，寬度為200像素，邊框邊距為0。
2.選擇表格，將表格高度設置為1像素，並設置背景顏色（即所需的線條顏色）。
3、切換到代碼和設計窗口，代碼
七、使用表格構建完整頁面。
網頁的頂部（通常包括圖標、廣告和導航菜單）
1.創建壹個1行2列的表格，寬度為760像素，邊框和邊距為0。
2.選擇表格，將排列模式設置為居中對齊，背景色為#3366CC。
3.將光標放在左邊的單元格中，將其水平排列設置為左對齊，將垂直排列設置為上對齊，然後插入圖像。壹般網站的logo都插在這裏。
4.將光標放在右邊的單元格中，將其寬度設置為500，水平居中對齊，垂直居中對齊，然後插入壹個圖像，通常是網頁廣告，也就是banner。
5.將光標放在剛剛完成的表格之後，然後插入/table以創建壹個1行和1列的表格，寬度為760像素，邊框和邊距為0。
6.選擇新創建的表格，設置排列模式為居中，背景色為#005173。
7.將多個圖像作為導航欄菜單依次插入表格。
網頁的中間部分（左邊是欄目列表，中間是網站新聞，右邊是欄目列表）
1.在導航欄表格後，插入/table以創建壹個1行3列的表格，寬度為760像素，邊框和邊距為0。並將排列模式設置為居中對齊，並將背景顏色設置為#FFFFFFF。
2.將光標放在左側單元格中，將其寬度設置為18%，將其水平居中對齊，垂直向上對齊，然後插入圖像和導航欄。
3.將光標放在剛剛插入的圖片上後，插入/表格，並插入壹個12行和1列、寬度為90%的表格。將單元格間距設置為1，並將背景顏色設置為#CCCCCC。
4.將光標放在表格的第壹個單元格中，並將其高度設置為20，背景顏色設置為#FFFFFF。插入/圖像，在導航文本前插入壹個點。還要設置其他11單元格，這樣左邊的列分類列表就完成了。
5.將光標放在主表格的中間單元格中，將其寬度設置為66%，水平居中對齊，垂直頂部對齊，然後插入/圖像並插入導航欄。
6.將光標放在圖像上後，插入/表格，然後插入壹個4行1列、寬度為95%的表格。將單元格間距設置為1，並將背景顏色設置為#CCCCCC。
7.將光標放在表格的第壹個單元格中，拖動鼠標並選擇所有四個單元格。將高度設置為60，背景顏色設置為#FFFFFF。
8.將光標放在主表格右側的單元格中，將其寬度設置為16%，水平與中心對齊，垂直與頂部對齊，插入/圖像並插入導航欄。
9.將光標放在圖像上後，插入/表格，然後插入壹個7行1列、寬度為90%的表格。將間距設置為1，並將背景顏色設置為#CCCCCC。
10，按住Ctrl鍵，單擊剛剛插入的表格的1、3、5和7單元格，然後將它們的高度設置為55，背景顏色設置為#FFFFFF。
11.選擇第二、第四和第六個單元格，將它們的高度設置為6，背景顏色設置為#FFFFFF。
12.切換到源代碼窗口，刪除單元格2、4和6中的空格符號“”。
網頁底部（壹般包括版權信息和其他相關內容）
1.將光標放在主表格中後，插入/table以創建壹個2行2列、760像素寬、零邊框和零邊距的表格。
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軸順序是相同的。拖動父層時，子層也會相對移動。移動子層時，父層不會隨之移動。