1、嚴(yán)格意義來(lái)說(shuō)dw并不能用來(lái)設(shè)計(jì)網(wǎng)頁(yè)，設(shè)計(jì)網(wǎng)頁(yè)都是在平面設(shè)計(jì)工具里完成的，比如在ps里面設(shè)計(jì)好網(wǎng)站的效果圖，在ps里面切圖。2、dw只是個(gè)網(wǎng)站代碼編寫(xiě)工具，使用dw編寫(xiě)代碼會(huì)比較方面，因?yàn)橛泻芏嗟目旖莨δ?。但是?duì)于高手來(lái)說(shuō)，是用記事本都可以編輯網(wǎng)站的。3、dw的編輯面板主要有三種視圖，分為 “代碼”“拆分”“設(shè)計(jì)”，如下圖在制作網(wǎng)站的時(shí)候，能夠用到的主要是“代碼”視圖功能?！霸O(shè)計(jì)”和“拆分”視圖很少用到，只有當(dāng)網(wǎng)站代碼出現(xiàn)問(wèn)題的的時(shí)候用來(lái)查找錯(cuò)誤，對(duì)于有一年多代碼編寫(xiě)經(jīng)驗(yàn)的人來(lái)說(shuō)，就已經(jīng)用不到了。4、在dw中編寫(xiě)制作網(wǎng)站的代碼主要是div+css，也是就是html。網(wǎng)站布局也是通過(guò)html代碼來(lái)實(shí)現(xiàn)的，比如maigin 與padding position 都是來(lái)控制div的布局和位置的。所以，在dw里面設(shè)計(jì)網(wǎng)頁(yè)布局網(wǎng)站并不是dw的功能，還是通過(guò)代碼實(shí)現(xiàn)的。

1. 打開(kāi)DW，DW界面如圖2. 分析所制作的網(wǎng)頁(yè)的需求，明確目標(biāo)3. 明確需求。如果是建議一個(gè)網(wǎng)站，需要建立一個(gè)站點(diǎn)，方便管理并使制作步驟更為有條理。4. 新建站點(diǎn)彈出來(lái)的窗口。在這里我輸入的是“新聞網(wǎng)頁(yè)”，放在Dreamwaver CS6文件夾下的新聞網(wǎng)頁(yè)文件夾5. 在新聞網(wǎng)頁(yè)文件夾下新建“images”文件，導(dǎo)入制作網(wǎng)頁(yè)所需要的素材，這里所需要的素材都是圖片6. 新建HTML，選擇“創(chuàng)建”7. 在“標(biāo)題”中輸入“新聞網(wǎng)頁(yè)首頁(yè)”，轉(zhuǎn)換到“設(shè)計(jì)”界面8. 根據(jù)制作網(wǎng)頁(yè)需求插入表格，只是在行列有所變化，下面的“表格寬度”以下選項(xiàng)根據(jù)圖設(shè)置9. 插入表格如圖，選擇表格，會(huì)看到表格邊框變紅，選擇之后變黑。在屬性中對(duì)齊選項(xiàng)選擇“居中對(duì)齊”10.在表格第一行第一列輸入“用戶(hù)名”，在第一行第二個(gè)表格插入“文件域”。然后是密碼，同樣的插入“文件域”。切換到“拆分”界面，選中密碼對(duì)應(yīng)的“文件域”，將“type”改為“password”11.插入圖像，不知道怎么填的話(huà)就一直選擇“確定”即可12.插入按鈕，同上面插入圖像的處理方法那樣處理，如果不知道填什么就一直“確定”，無(wú)妨。在屬性欄里的值改為“登錄”。然后插入圖像“谷歌logo”13.選中第二行，點(diǎn)擊鼠標(biāo)右鍵，選擇“表格”，“合并單元格”14.在第二行插入圖片。完成頁(yè)面制作。保存HTML文件。然后在站點(diǎn)“新聞網(wǎng)頁(yè)”可以看到保存的HTML文件15.點(diǎn)擊制作好的HTML文件，選擇用360瀏覽器打開(kāi)，輸入用戶(hù)名和密碼，然后會(huì)看到如下情況：用戶(hù)名課件，密碼不可見(jiàn)，符合實(shí)際16.當(dāng)然也可以在Dreamwaver CS6 的實(shí)時(shí)視圖中完成第15步

能更形象化的讓網(wǎng)頁(yè)制作展現(xiàn)出來(lái)，能夠讓初學(xué)者了解網(wǎng)頁(yè)制作的基礎(chǔ)。dreamweaver主要是針對(duì)于軟件工程師制作頁(yè)面的一個(gè)軟件。是網(wǎng)頁(yè)制作的基礎(chǔ)軟件，可以不基于其他制作軟件，獨(dú)自完成一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)和小模塊的功能。本身就是一款網(wǎng)頁(yè)制作的軟件，讓模型化和代碼化相結(jié)合，更好的表現(xiàn)和完成頁(yè)面制作。Adobe Dreamweaver，簡(jiǎn)稱(chēng)“DW”，中文名稱(chēng) "夢(mèng)想編織者"，是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，DW是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿(mǎn)動(dòng)感的網(wǎng)頁(yè)。Macromedia公司成立于1992年，2005年被Adobe公司收購(gòu)。Adobe Dreamweaver使用所見(jiàn)即所得的接口，亦有HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）編輯的功能。它有Mac和Windows系統(tǒng)的版本。隨Macromedia被Adobe收購(gòu)后，Adobe也開(kāi)始計(jì)劃開(kāi)發(fā)Linux版本的Dreamweaver了。 Dreamweaver自MX版本開(kāi)始，使用了Opera的排版引擎"Presto" 作為網(wǎng)頁(yè)預(yù)覽。

　　DW中沒(méi)有這個(gè)功能，實(shí)現(xiàn)不了?！　dobe Dreamweaver，簡(jiǎn)稱(chēng)“DW”，中文名稱(chēng)"夢(mèng)想編織者"，是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，DW是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿(mǎn)動(dòng)感的網(wǎng)頁(yè)。

我這里有兩份個(gè)人主頁(yè)網(wǎng)頁(yè)模板，你自己修改下文字即可。

利用Dreamweaver制作一個(gè)個(gè)人虛擬網(wǎng)站的步驟如下：1、打開(kāi)DW，DW界面如圖2、分析所制作的網(wǎng)頁(yè)的需求，明確目標(biāo)3、明確需求。如果是建議一個(gè)網(wǎng)站，需要建立一個(gè)站點(diǎn)，方便管理并使制作步驟更為有條理。4、新建站點(diǎn)彈出來(lái)的窗口。在這里以“新聞網(wǎng)頁(yè)”來(lái)舉例，放在Dreamwaver CS6文件夾下的新聞網(wǎng)頁(yè)文件夾5、在新聞網(wǎng)頁(yè)文件夾下新建“images”文件，導(dǎo)入制作網(wǎng)頁(yè)所需要的素材，這里所需要的素材都是圖片6、新建HTML，選擇“創(chuàng)建”7、在“標(biāo)題”中輸入“新聞網(wǎng)頁(yè)首頁(yè)”，轉(zhuǎn)換到“設(shè)計(jì)”界面8、根據(jù)制作網(wǎng)頁(yè)需求插入表格，只是在行列有所變化，下面的“表格寬度”以下選項(xiàng)根據(jù)圖設(shè)置9、插入表格如圖，選擇表格，會(huì)看到表格邊框變紅，選擇之后變黑。在屬性中對(duì)齊選項(xiàng)選擇“居中對(duì)齊”10、在表格第一行第一列輸入“用戶(hù)名”，在第一行第二個(gè)表格插入“文件域”。然后是密碼，同樣的插入“文件域”。切換到“拆分”界面，選中密碼對(duì)應(yīng)的“文件域”，將“type”改為“password”11、插入圖像，不知道怎么填的話(huà)就一直選擇“確定”即可12、插入按鈕，同上面插入圖像的處理方法那樣處理，如果不知道填什么就一直“確定”，無(wú)妨。在屬性欄里的值改為“登錄”。然后插入圖像“谷歌logo”，附上效果圖13、選中第二行，點(diǎn)擊鼠標(biāo)右鍵，選擇“表格”，“合并單元格”14、在第二行插入圖片。完成頁(yè)面制作。保存HTML文件。然后在站點(diǎn)“新聞網(wǎng)頁(yè)”可以看到保存的HTML文件15、點(diǎn)擊制作好的HTML文件，選擇用360瀏覽器打開(kāi)，輸入用戶(hù)名和密碼，然后會(huì)看到如下情況：用戶(hù)名課件，密碼不可見(jiàn)，符合實(shí)際16、當(dāng)然也可以在Dreamwaver CS6 的實(shí)時(shí)視圖中完成第15步

網(wǎng)頁(yè)其實(shí)是沒(méi)有什么分辨率的概念。說(shuō)網(wǎng)頁(yè)的大小其實(shí)是指網(wǎng)頁(yè)主體部分的大小，這個(gè)主體部分可以用表格的大小來(lái)設(shè)定，或者用div設(shè)置大小。這其實(shí)是網(wǎng)頁(yè)的一個(gè)元素。（實(shí)際上網(wǎng)頁(yè)沒(méi)有大小，大與小都在于主體部分的設(shè)定。）一張圖片作為整體頁(yè)面的背景，設(shè)置為“重復(fù)”那么它就會(huì)一直重復(fù)填充下去，不管是多大分辨率的屏幕，它都會(huì)填充滿(mǎn)了。一般來(lái)說(shuō)現(xiàn)在制作網(wǎng)頁(yè)，網(wǎng)頁(yè)的主體部分都以1024x768的屏幕為標(biāo)準(zhǔn)，也就是說(shuō)，主體部分的寬度要做的比1024窄一些，比如970、980像素等，留出一部分邊。制作網(wǎng)頁(yè)首先要有一個(gè)精確的計(jì)劃，不是說(shuō)隨便拿來(lái)一張圖片就可以當(dāng)作背景的，要對(duì)圖片的尺寸、表格、DIV等等的大小都要計(jì)算一下，才能制作出版面漂亮的頁(yè)面。

1、先設(shè)計(jì)好相關(guān)子頁(yè)頁(yè)面，取不同的名稱(chēng)。最好是放在同一個(gè)文件夾！2、主頁(yè)通過(guò)<a>標(biāo)簽超鏈接到子頁(yè)，如：<a href="子頁(yè)名稱(chēng).html">子頁(yè)</>3、點(diǎn)開(kāi)首頁(yè)就可以通過(guò)“鏈接”訪問(wèn)子頁(yè)面。

1、新建一個(gè)ASP網(wǎng)頁(yè)并且保存；2、連接好數(shù)據(jù)庫(kù)；3、 在網(wǎng)頁(yè)中插入模板的內(nèi)容，并添加好各個(gè)超鏈接；4、頁(yè)面設(shè)計(jì)好后把網(wǎng)頁(yè)另存為模板。5、接著在需要編輯的部分插入“可編輯區(qū)域”；6、保存后，我們就可以在網(wǎng)站根目錄下的“Templates”文件夾下看見(jiàn)我們剛剛新建的模板了。以后要修改模板的內(nèi)容就可以直接打開(kāi)編輯了。這個(gè)需要一定的dw知識(shí)，不是隨便可以操作的。