怎麼用dw製作一個網頁設計

1、如何使用Dreamweaver製作一個網頁

Dreamweaver這一款專業的網頁製作軟體，相信相關專業的人員都不會陌生。可以說，它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地製作出跨越平台限制和跨越瀏覽器限制的充滿動感的網頁。
這里西西給大家帶來一個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。只按Enter則為換段。
三、為頁面添加圖片
1、在本地文件夾E:\MyWeb下面的空白處，按右鍵選「新建文件夾」，這樣建立了一個文件夾，用它來放圖片，可以改名為tu或pic或images都可以。
2、用菜單「窗口/對象」打開對象面板，點擊「插入圖像」，在對話框里選要插入的圖片。如果會出現對話框：「你願意將該文件復制到根文件夾中嗎？」，必須選「是」，然後將它保存到剛建好的文件夾里。
3、選中該圖片，打開屬性面板，可以在上面為圖片取名，重新設置圖片的高、寬，拖住圖片角上的點可以變大小。按住shift鍵，再拖動角上的點，可以使圖片保持寬高比例拉伸。如要恢復這原始大小，則單擊右下角的「重設大小」按鈕。
4、 「鏈接」可以直接在這里輸入地址。「替代」是圖片的說明，即滑鼠指向圖片所顯示的文字；「邊框」是圖片邊框寬度，「對齊」是對齊方式。
四、添加超級鏈接
1、為文字添加鏈接。
比如，在頁面上輸入「我的文章」，然後將其選中，打開屬性面板，在「鏈接」一格中，選擇它所要鏈接到的頁面即可。後面一格「目標」我們一般常用的是self即打開的新窗口代替了現開的窗口；或是選擇blank即打開新窗口。
2、為圖片添加鏈接
與上面文字的鏈接同理，插入圖片，然後在屬性面板中的鏈接一格中選擇即可。
****圖片可以創建不同的多個鏈接。方法如下：
在屬性面板中的「地圖」一項下面有一些圖形，比如點擊方形，游標變成十字，在圖片上畫一個藍色矩形的熱區，此時在屬性面板上可以為這個熱區設置鏈接地址，滑鼠指向會顯示。同樣，再用圓形設置一個熱區，就可以再為該圖片設置其他鏈接了。
3、添加E-mail鏈接
選中需要添加E-mail鏈接的文字或圖片，打開屬性面板，在「鏈接」一格中輸入填寫郵件地址。格式如下：mailto:郵件地址。注意中間不空格。
4、如果鏈接到瀏覽器無法打開的文件，例如exe、Zip等文件，那麼瀏覽者在點擊這個鏈接的時候，就會實現文件下載、或是在線播放的功能。
五、表格的使用
1、點擊插入/表格，打開表格面板進行設置。行數、列數、寬度、邊框等，「單元格填充」為單元格內側與內容的距離；「單元格間距」為單元格之間的距離，單位均為像素。
2、插入表格後，在表格的邊框上點擊一下，可以全選整個表格。然後在下面的屬性面板里可以進行各種設置。
3、把游標移到其中一個單元格，此時看到的屬性面板，就是單元格的屬性面板。也可以進行各種關於單元格的操作。如背景色、背景圖、邊框、合並、拆分等。
六、關於表格的其他操作
一製作細線表格 原理：
1、選中整個表格，設置其背景為黑色（該顏色即表格線的顏色）。
2、選中所有單元格，設置其背景為白色。
二自動格式化表格
1、先製作好一張表格，然後選中。
2、選菜單中的命令/格式化表格。即可以其中選擇預設好的一些表格樣式。
三一像素分割條
1、插入一個1行1列，寬為200像素，邊框邊距均為0的表格。
2、選中表格，設置表格高為1像素，並設置一個背景色（即所要的線條顏色）。
3、切換到代碼和設計窗口，將代碼<td> 刪除。
七、用表格構建完整的頁面
一網頁頂部（一般包括圖標、廣告、導航菜單）
1、創建一個1行2列，寬為760像素，邊框及邊距均為0的表格。
2、選中表格，設置排列方式為居中對齊，背景色為#3366CC。
3、將游標置於左邊單元格中，設置其水平排列為左對齊，垂直排列為頂端對齊，然後插入一張圖像，一般在此插入的是網站的圖標，即logo。
4、將游標置於右邊單元格中，設置其寬度為500，水平排列為居中對齊，垂直排列為中間，然後插入圖像，一般是網頁廣告，即banner。
5、將游標置於剛完成的表格之後，插入/表格，創建一個1行1列，寬為760像素，邊框及邊距均為0的表格。
6、選中剛創建的表格，設置排列方式為居中對齊，背景色為#005173。
7、在該表格中依次插入多個圖像，作為導航條菜單。
二網頁中部（左邊欄目列表、中間網站新聞、右邊欄目列表）
1、 在導航條表格後面，插入/表格，創建一個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、 將游標置於表格的第一個單元格中，拖動滑鼠，將4個單元格都選中，設置高為60，背景色為#FFFFFF。
8、 將游標置於主體表格右邊的單元格中，設置其寬度為16%，水平排列為居中對齊，垂直排列為頂端對齊，插入/圖像，插入一個導航條。
9、 將游標置於圖像後，插入/表格，插入一個7行一列，寬為90%的表格。設置其間距為1，背景色為#CCCCCC。
10、按住Ctrl鍵，用滑鼠點擊剛插入的表格的第1、3、5、7單元格，然後設置它們的高為55，背景色為#FFFFFF。
11、選中第2、4、6單元格，設置其高為6，背景色為#FFFFFF。
12、切換到源代碼窗口，將第2、4、6單元格中的空格符號「 」刪除。
三網頁底部（一般包括版權信息及其他相關內容）
1、 將游標置於主體表格後，插入/表格，創建一個2行2列，寬為760像素，邊框及邊距均為0的表格。
2、 選中表格，設置排列方式為居中對齊，背景色為#3366CC。
3、 將游標置於表格第1行的左邊單元格中，設置其寬度為50%，水平排列為默認，垂直排列為基線，背景色為#FFFFFF，然後輸入版權信息，內容顏色隨便。
4、 將游標置於表格第1行右邊單元格中，插入/圖像，插入一個圓角圖像，在它後面輸入Email字樣，設置其大小和顏色為1和#FFFFFF。
5、 插入/表單對象/文本域，插入一個文本域，寬度可以隨意。
6、 插入/圖像，插入一個GO的圖像。
7、 設置頁屬性。點擊菜單修改/頁面屬性，在標題一欄中輸入標題，並選擇背景圖像，將頂部邊界設為0。
***將整個網頁分部分放到不同的表格中組合而成，還可以加快瀏覽器讀取頁面的時間。；因為瀏覽器是讀完整個表格後才顯示內容的，所以最好不要框在整個一個表格中。
八、用布局表格構建完整的頁面
1、 單擊插入/布局，裡面的布局視圖按鈕，就切換到布局視圖狀態（默認為標准視圖）。也可以用菜單里的查看/表格視圖/布局視圖來進入。
2、 先單擊繪制布局表格按鈕，然後在頁面中像繪圖一樣創建出布局表格。
3、 就像上一個例子一樣，先繪制好網頁的頂部，再中部，再底部的大表格。
4、 再單擊繪制布局單元格按鈕，然後在已經繪制好的布局表格中，再繪制布局單元格。
5、 返回到標准視圖，在已經劃分好的表格里，再插入嵌套的小的表格，把頁面再細化，就可以完成整個頁面的設計了。
****注意把整個頁面都放在一個大的布局表格中，因為這樣的網頁瀏覽速度會很慢。應該按照頁面的版面和內容劃分出幾個布局表格，然後在其中分別插入布局單元格。
九、層的使用
1、點擊插入/層。也可以點擊圖標，然後拖動滑鼠創建出一個層。
3、選中創建的層，看屬性面板。「層編號」和「標簽」都使用默認即可。「層編號」是編程時需要用的，我們現在一般不用。「上」即距頁面上邊界的距離；「左」是距左邊界的距離。「z軸」是層的順序，數字大的疊加在數字小的上面。
****如不設置顏色時，層是透明的。
4、點中層左上角的小方框可以隨意拖動層，大小也可以調節。
5、「溢出」一欄中，當文字多於層的大小時，visible(超出的部分照樣顯示)、hidden(超出部分隱藏)、scroll(不管有否超出，都顯示滾動條)、auto(有超出時才出現滾動條)。
6、點擊菜單窗口/其他/層，此時將出現層管理窗口。可以在其中修改層的名稱和Z軸值，也可以點擊眼睛圖標使層可見或不可見。還有一個防止重疊的選項。
7、層的對齊。按住shift鍵，同時選中幾個層。然後用修改/對齊，用這里的選項。
8、嵌套層。⑴首先在文檔中插入一個層。⑵將游標置於該層內，然後繼續插入一個層，就得到了嵌套層。⑶裡面的叫子層，外面的父層。它們的Z軸順序是一樣的。拖動父層時，子層也會相對移動。移動子層時，父層不會隨之移動。

2、用DW製作網頁、怎麼實現播放音樂的網頁功能

1、首先打開電腦上的DW軟體，點擊DW左上角「插入」菜單，點擊「媒體」選項，點擊「插件」。

2、然後在文件夾中找到要插入的音樂文件（MP3格式），點擊「確定」。

3、然後在DW的右側界面中會出現一個小形狀的圖形，滑鼠左鍵點擊它按住把它拉大一點，點擊下邊的播放按鈕。

4、然後在DW左上便點擊一個地球形狀的選項菜單，選擇「預覽在IExplore」。

5、跳轉到IE瀏覽器，點擊瀏覽器下面的「允許阻止的內容」。音樂就能播放了，還能手動暫停，效果圖如下。

3、如何用dw軟體製作網頁的小網站

打開DW，DW界面如圖

2
分析所製作的網頁的需求，明確目標

3
明確需求。如果是建議一個網站，需要建立一個站點，方便管理並使製作步驟更為有條理。

4
新建站點彈出來的窗口。在這里我輸入的是「新聞網頁」，放在Dreamwaver CS6文件夾下的新聞網頁文件夾

5
在新聞網頁文件夾下新建「images」文件，導入製作網頁所需要的素材，這里所需要的素材都是圖片

6
新建HTML，選擇「創建」

在「標題」中輸入「新聞網頁首頁」，轉換到「設計」界面

根據製作網頁需求插入表格，只是在行列有所變化，下面的「表格寬度」以下選項根據圖設置

插入表格如圖，選擇表格，會看到表格邊框變紅，選擇之後變黑。在屬性中對齊選項選擇「居中對齊」

在表格第一行第一列輸入「用戶名」，在第一行第二個表格插入「文件域」。然後是密碼，同樣的插入「文件域」。切換到「拆分」界面，選中密碼對應的「文件域」，將「type」改為「password」

插入圖像，不知道怎麼填的話就一直選擇「確定」即可

插入按鈕，同上面插入圖像的處理方法那樣處理，如果不知道填什麼就一直「確定」，無妨。在屬性欄里的值改為「登錄」。然後插入圖像「谷歌logo」，附上效果圖

選中第二行，點擊滑鼠右鍵，選擇「表格」，「合並單元格」

在第二行插入圖片。完成頁面製作。保存HTML文件。然後在站點「新聞網頁」可以看到保存的HTML文件

點擊製作好的HTML文件，選擇用360瀏覽器打開，輸入用戶名和密碼，然後會看到如下情況：用戶名課件，密碼不可見，符合實際
步驟閱讀

當然也可以在Dreamwaver CS6 的實時視圖中完成第15步

4、DW網頁怎麼設計一個時鍾

<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>使用canvas元素繪制指針式動畫時鍾</title>
<script type="text/javascript">
var canvas;
var context;
//頁面裝載
function window_onload()
{
canvas=document.getElementById("canvas");//獲取canvas元素
context=canvas.getContext('2d');//獲取canvas元素的圖形上下文對象
setInterval("draw()",1000);//每隔一秒重繪時鍾，重新顯示時間
}
//繪制時鍾
function draw()
{
var radius=Math.min(canvas.width / 2, canvas.height / 2) -25;//時鍾羅盤半徑
var centerx=canvas.width/2;//時鍾中心橫坐標
var centery=canvas.height/2;//時鍾中心縱坐標
context.clearRect(0,0,canvas.width,canvas.height);//擦除之前所繪時鍾
context.save();//保存當前繪制狀態

//繪制時鍾圓盤
context.fillStyle = '#efefef';//時鍾背景色
context.strokeStyle = '#c0c0c0';//時鍾邊框顏色
context.beginPath();//開始創建路徑
context.arc(centerx,centery,radius, 0,Math.PI*2, 0);//創建圓形羅盤路徑
context.fill();//用背景色填充羅盤
context.stroke();//用邊框顏色繪制羅盤邊框
context.closePath();//關閉路徑
context.restore();//恢復之前保存的繪制狀態

//繪制時鍾上表示小時的文字
var r = radius - 10;//縮小半徑，因為要將文字繪制在時鍾內部
context.font= 'bold 16px 宋體';//指定文字字體
Drawtext('1', centerx + (0.5 * r), centery - (0.88 * r));
Drawtext('2', centerx + (0.866 * r), centery - (0.5 * r));
Drawtext('3', centerx + radius - 10,centery);
Drawtext('4', centerx + (0.866 * r), centery + (0.5 * r));
Drawtext('5', centerx + (0.5 * r), centery + (0.866 * r));
Drawtext('6', centerx, centery + r);
Drawtext('7', centerx - (0.5 * r), centery + (0.866 * r));
Drawtext('8', centerx - (0.866 * r), centery + (0.49 * r));
Drawtext('9', centerx - radius + 10, centery);
Drawtext('10',centerx - (0.866 * r),centery - (0.50 * r));
Drawtext('11', centerx - (0.51 * r), centery - (0.88 * r));
Drawtext('12', centerx, 35);
//繪制時鍾指針
var date=new Date();//獲取需要表示的時間
var h = date.getHours();//獲取當前小時
var m = date.getMinutes();//獲取當前分鍾
var s=date.getSeconds();//獲取當前秒
var a = ((h/12) *Math.PI*2) - 1.57 + ((m / 60) * 0.524);//根據當前時間計算指針角度

context.save();//保存當前繪制狀態
context.fillStyle='black'; //指定指針中心點的顏色
context.beginPath();//開始創建路徑
context.arc(centerx,centery,3,0,Math.PI * 2, 0);//創建指針中心點的路徑
context.closePath();//關閉路徑
context.fill();//填充指針中心點
context.lineWidth=3;//指定指針寬度
context.fillStyle='darkgray';//指定指針填充顏色
context.strokeStyle='darkgray';//指定指針邊框顏色
context.beginPath();//開始創建路徑
//繪制小時指針
context.arc(centerx,centery,radius - 55, a + 0.01, a, 1);
context.lineTo(centerx,centery);
//繪制分鍾指針
context.arc(centerx,centery,radius - 40, ((m/60) * 6.27) - 1.57, ((m/60) * 6.28) - 1.57, 0);
context.lineTo(canvas.width / 2, canvas.height / 2);
//繪制秒鍾指針
context.arc(centerx,centery,radius - 30, ((s/60) * 6.27) - 1.57, ((s/60) * 6.28) - 1.57, 0);
context.lineTo(centerx,centery);
context.closePath();//關閉路徑
context.fill();//填充指針
context.stroke();//繪制指針邊框
context.restore();//恢復之前保存的繪制狀態

//指定時鍾下部當前時間所用的字元串，文字格式為hh:mm:dd
var hours = String(h);
var minutes = String(m);
var seconds = String(s);
if (hours.length == 1) h = '0' + h;
if (minutes.length == 1) m = '0' + m;
if (seconds.length == 1) s = '0' + s;
var str =h + ':' + m + ':' +s;
//繪制時鍾下部的當前時間
Drawtext(str, centerx, centery + radius + 12);
}
function Drawtext(text, x, y)
{
//因為需要使用到坐標平移，所以在平移前線保存當前繪制狀態
context.save();
x -= (context.measureText(text).width / 2);//文字起點橫坐標
y +=9;//文字起點縱坐標
context.beginPath();//開始創建路徑
context.translate(x, y);//平移坐標
context.fillText(text,0,0);//填充文字
context.restore();
}
</script>
<style>
div{
display: -moz-box;
display: -webkit-box;
-moz-box-pack: center;
-webkit-box-pack: center;
width:100%;
}
canvas{
background-color:white;
}
</style>
</head>
<body onload="window_onload()">
<div><h1>使用canvas元素繪制指針式動畫時鍾</h1></div>
<div><canvas id="canvas" width="200px" height="200px"></canvas><div>//這里就是你的時鍾的位置。
</body>
</html>

5、dreamweaver怎麼製作網頁教程 dw建站設計網頁

Dreamweaver這一款專業的網頁製作軟體，相信相關專業的人員都不會陌生。可以說，它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地製作出跨越平台限制和跨越瀏覽器限制的充滿動感的網頁。
這里西西給大家帶來一個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。只按Enter則為換段。
三、為頁面添加圖片
1、在本地文件夾E:\MyWeb下面的空白處，按右鍵選「新建文件夾」，這樣建立了一個文件夾，用它來放圖片，可以改名為tu或pic或images都可以。
2、用菜單「窗口/對象」打開對象面板，點擊「插入圖像」，在對話框里選要插入的圖片。如果會出現對話框：「你願意將該文件復制到根文件夾中嗎？」，必須選「是」，然後將它保存到剛建好的文件夾里。
3、選中該圖片，打開屬性面板，可以在上面為圖片取名，重新設置圖片的高、寬，拖住圖片角上的點可以變大小。按住shift鍵，再拖動角上的點，可以使圖片保持寬高比例拉伸。如要恢復這原始大小，則單擊右下角的「重設大小」按鈕。

6、怎麼用dw製作一個網站

dw適合學習
真正建站都是用建站CMS，目前有很多開源的CMS，百度一下就有很多。

7、dw怎麼做這個網頁(用設計)

一個表格一張圖片幾個文字 最簡單了

8、Dw網頁設計製作9個小技巧，你都會嗎

1）怎樣將 Dreamweaver 集成到 IE 瀏覽器？
Dreamweaver 安裝程序會在上下文選單增加一個「 Edit with Dreamweaver 」命令，我們還可以修改 Windows 的注冊表使它與 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一樣，通過 IE 工具欄的編輯按鈕來調用 Dreamweaver 打開當前網頁。
將下面文本的最後一行要改為你自己的 Dreamweaver 安裝路徑，把它們保存為一個 *.reg 文件，雙擊它將信息添加到注冊表即可。
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
@="C:\Program files\Macromedia\Dreamweaver 3\dreamweaver.exe %1"
如果要設置為 IE 預設的編輯器，打開 IE 的「Internet 選項」，在程序標簽指定。
2）為了使用某些腳本，經常要為圖形或文本加上空鏈接，但是瀏覽時點擊有空鏈接的對象時，會跳到頁面的頂端，如何避免？
因為瀏覽器以為鏈接到同一頁，可它又找不到定義的書簽（ anchor ），於是停留在頁面的頂端。用「 javascript:void(null) 」替換空鏈接的「 # 」，解決這個問題。
3）使用 CSS 、層的時候，在不同瀏覽器的效果不一樣，有時甚至出現錯位現象，怎樣解決？
在對不同瀏覽器的兼容方面， Dreamweaver 作得不錯，但絕不意味用 Dreamweaver 作出的網頁在 IE 和 Netscape 中完全一樣。通常情況下，用不同的瀏覽器瀏覽同一個網頁的外觀不可能完全一樣，這是不同廠家的瀏覽器本身決定的。
一般要盡量注意以下問題：
不要混合使用層和表格排版，如果是父子關系，如層中表格，不在此原則范圍內；
內聯式的 CSS 在 Netscape Navigator 中經常會出現問題，使用鏈式或內嵌式；
有時需要在空層插入表格或者透明圖片，以保證在 Netscape Navigator 里的效果。對於只有幾個像素寬度或高度的層，改用圖片來實現；
避免使用 W3C 組織不推薦的排版屬性，用 CSS 代替。
4）為何從別的文檔拷貝文本到 Dreamweaver ，所有的段落會擠成一團，而在 Dreamweaver 內部又帶有格式代碼？
Dreamweaver 復制和粘貼文本有二種類別，標準的方式將對象連同對象的屬性一起復制，把剪貼板的內容作為 HTML 代碼；另一種方式僅復制或粘貼文本，復制時忽視 html 格式，粘帖時則把 html 代碼作為文本粘貼。多按一個「 Shift 」（ Ctrl+Shift+C/Ctrl+Shift+V ）鍵即按後一種方式操作。
5）為什麼網頁用 IE 瀏覽正常，用 Netscape Navigator 卻不符合要求甚至出錯，而且在 Dreamweaver 的文檔窗口老是修改不好？
請檢查代碼。因為用所見所得編輯器反復修改頁面的某些部分，有時會留下一些多餘的代碼，比如多餘的鏈接，這些代碼在 Dreamweaver 的文檔窗口看不到， IE 會忽視它們。但是 Netscape Navigator 對代碼要求更嚴格，預覽時就出現不可思議的現象。
6）在 Netscape Navigator 中，有些書簽（ anchor ）不起作用，有些好象消失了？
Netscape Navigator 的書簽是大小寫敏感的。在 Navigator 中，多層嵌套的表格裡面的書簽會丟失，把書簽放到表格外面。
7） Dreamweaver 文檔窗口布滿了各種各樣的面板，為了編輯文檔，不得不扒開一個個空隙，太累，如何是好？
一個 800X600 分辯率的屏幕對於 Dreamweaver 來說確實小了些，不過即便是 1024X768 ，也放不下所有的面板。關鍵是好好組織。
關閉那些在編輯中暫時用不到的面板，把常用的面板放在一起，節省屏幕空間；
除非現在要用，否則關閉「 HTML Source Inspector 」，它除開佔用屏幕空間，還佔用相當的系統資源；
按 F4 隱藏所有打開的面板，一覽文檔的全貌，再按一下，顯示面板；
在「 Windows 」選單有個「 Arrange Floating Palettes 」命令，使用這個命令將所有打開的面板放在窗口四周，並互不重疊。
多用快捷鍵並熟練掌握是很好的提高工作效率的方法。
當添加不可見的對象時，Dreamweaver會在文檔窗口的頁面頂部加上相應的圖標，如果圖標太多，可能妨礙編輯。可以按「Ctrl+Shift+I 」（主選單 View|Invisible Elements ）來隱藏和顯示它們。也可以設定不出現這些圖標，不過不建議這樣作，因為它們能幫助選擇對象，便於編輯。
8） Head 對象面板只能添加內容，能在文檔窗口修改 標記的內容嗎？
可以。有一種非常直觀的方式，按「 Ctrl+Shift+W 」（主選單 View|Head Content ），在文檔窗口主選單欄下出現一行圖標，點擊這些圖標修改。
9）如何選擇表格、層裡面那些非常小的，比如 1X1px 的圖片？
在表格的單元格中點擊，然後按下「 Shift 」鍵，用箭頭鍵移動即可選擇。
也可先選定表格單元（按下 Ctrl 鍵，用滑鼠點擊相應單元）或者層，然後在「 HTML Source Inspector 」面板中選擇高亮代碼中的 ，返迴文檔窗口，圖片即被選擇。

9、怎麼用DW製作個人網頁

拉幾個框架插幾張圖片和視頻，寫幾個字，就OK

10、各位高手，怎樣用Dreamweaver製作一個個人網站

你的這個問題問得有點……網站是一個很廣泛的概念，小到可以是幾張簡單的網頁組成，大到一個大型網站。因此，用Dreamweaver製作一個個人網站的說法是不全面的，它可以為網站製作提供很多便利，但不能做全部。

另外，你的個人網站是怎麼定位的？網站類型、需要的技術（靜態、動態)等都要考慮，如果是靜態網頁的網站，做起來比較簡單，但維護起來就很麻煩。動態網頁的網站做起來比較難，但維護起來省心。

無論是靜態還是動態，首先還是在DW中新建一個站點。
如果是動態，你還得添加相關服務，如：ASP的話需要添加IIS。

做好後發布即可，前提你要有網路空間和域名。

如果僅僅只是用DW做做，建議還是買本實例教程學習。祝你學習愉快！