使用Dreamweaver(簡稱DW)軟件新建一個html網頁，dw新建一個標準的HTML超文本網頁

前面DIVCSS5介紹過使用記事本來新建HTML網頁，記事本弊端，編碼容易出錯導致網頁亂碼，接下來DIVCSS5通過圖文方式介紹快速新建一個原始的最基礎的HTML網頁。

第一步，打開DW軟件

打開DW軟件界面局部截圖

第二步，新建HTML

第1種，使用快捷鍵“Ctrl+N”，即可彈出新建網頁選項卡。

第2種，點擊軟件左上角“文件”，再選擇“新建”

新建HTML方法截圖

第三步，彈出“新建文檔”選項卡，選擇好后創建

新建文檔選項卡操作步驟圖

首先點擊“空白頁”，再選擇“頁面類型”的“HTML”，再選擇“布局”的“五”，最后點擊“創建”。

新建好最基礎最標準的HTML“拆分”模式下截圖

第四步，優化簡化基礎HTML代碼(此步驟可以省略)

!DOCTYPE html進行優化簡化得到以下HTML源代碼

html>

無標題文檔

簡化后HTML結構截圖

第五步，更改title標題標簽，body內添加內容

修改添加內容后完整HTML代碼

html>

DW新建HTML?實例演示

這個是DIVCSS5教我使用DW軟件制作一個簡單HTML！

html實例截圖

新建html在DW軟件效果截圖

第六步，瀏覽器測試

要在瀏覽器中測試效果，首先要保存此新建的HTML，便于測試，DIVCSS5把此新建html網頁保存到電腦桌面，命名為index.html(一般需要設置電腦顯示擴展名)

1、保存HTML

使用快捷鍵“ctrl+s”或點擊DW軟件“文件”，再選擇點擊“保存”。

手動點擊“保存”html的截圖

2、彈出保存選項卡，選擇填寫好

保存選項卡截圖

首先點擊“桌面”，文件名命名為“index.html”,最后點擊“保存”。

3、使用瀏覽器打開此網頁

這里DIVCSS5使用遨游瀏覽器打開新建"index.html"網頁文件。

選擇瀏覽器打開文件

說明：你可以使用任意瀏覽器打開html，都沒問題。

4、遨游瀏覽器瀏覽此網頁截圖

遨游瀏覽器打開瀏覽新建html效果截圖

在線演示：查看案例

CSS+div實例打包下載：

總結

以上是生活随笔為你收集整理的dw选项卡代码_DW软件新建一个html网页的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。