如何用Dreamweaver(DW)制作網(wǎng)頁并保存網(wǎng)頁呢？我就在這里教給大家最基礎(chǔ)的創(chuàng)建網(wǎng)頁和保存網(wǎng)頁的方法教程，希望能幫到有需要的朋友。

啟動軟件后，在左上角點(diǎn)擊【文件】，在下拉菜單中點(diǎn)擊【新建】。

在彈出的窗口中選擇【html】，文檔類型可以根據(jù)需要選擇，在這里我選擇【html5】,然后點(diǎn)擊【創(chuàng)建】按鈕。

點(diǎn)擊創(chuàng)建后，軟件就會自動為你創(chuàng)建一個(gè)網(wǎng)頁必不可少的代碼，網(wǎng)頁的框架和內(nèi)容都要寫在body/body標(biāo)簽中間。

我們點(diǎn)擊頂部中間的【拆分】，可以把中間編輯的部分分成兩屏，下面是代碼，上面是預(yù)覽圖，方便我們查看在下面編寫代碼的效果。在這里我寫入一個(gè)p標(biāo)簽為例p這是一個(gè)p/p。上面就會顯示出內(nèi)容效果。

然后我們可以為p標(biāo)簽寫一個(gè)樣式【p style="width: 100px; height: 100px; background: #ff0000;"這是一個(gè)p/p】。width代表寬、height代表高、background代表背景，#ff0000代表顏色色值。我們可以看下上半部分顯示的預(yù)覽效果。

我們還可以給我們創(chuàng)建的網(wǎng)頁起一個(gè)名字，名字寫在title/title標(biāo)簽中。如下圖

如果我們想直接在瀏覽器中查看制作的效果，可以點(diǎn)擊右下角的小圖標(biāo)，在上拉列表中點(diǎn)擊瀏覽器名稱，或按快捷鍵【F12】。

按快捷鍵【F12】后，會彈出一個(gè)保存的窗口，因?yàn)槲覀儎偛艅?chuàng)建網(wǎng)頁后還沒有保存過網(wǎng)頁，所以需要先保存一下。直接點(diǎn)擊【是】，選擇好要保存的位置，填寫好名字，點(diǎn)擊【保存】。

點(diǎn)擊保存后，網(wǎng)頁會自動保存，然后會直接跳出瀏覽器，打開你剛才保存的網(wǎng)頁，這時(shí)就可以看到我們編輯的網(wǎng)頁的真實(shí)效果啦，瀏覽器頂部標(biāo)簽位置也會顯示出剛才我修改的網(wǎng)頁標(biāo)題名稱。

如果在預(yù)覽之前你想先保存網(wǎng)頁，可以在頂部菜單中選擇【文件】-【另存為】，然后把網(wǎng)頁文件保存到你想保存的位置。這時(shí)候再按【F12】就不需要再次保存了，會直接跳轉(zhuǎn)到瀏覽器中打開你創(chuàng)建的頁面哦

OK，以上就是小編為大家?guī)淼年P(guān)于如何用Dreamweaver制作網(wǎng)頁以及保存網(wǎng)頁的方法。想要了解更多信息，請關(guān)注我們系統(tǒng)天地!

小編推薦：

總結(jié)

以上是生活随笔為你收集整理的dw怎么保存html格式,教你如何用Dreamweaver制作网页以及保存网页的方法--系统之家...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。