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

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

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

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

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

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

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

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

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