本篇文章給大家談?wù)刣w怎樣基于模板創(chuàng)建網(wǎng)頁，以及dw如何制作網(wǎng)頁最簡單的方法對應(yīng)的知識點，希望對各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、DW制作網(wǎng)頁的基本步驟
• 2、怎樣用Dreamweaver套用網(wǎng)站源代碼制作網(wǎng)頁
• 3、怎么用DW制作網(wǎng)站？

DW制作網(wǎng)頁的基本步驟

01

在網(wǎng)上下載dw的軟件，點擊打開軟件。

02

點擊文件，找到新建，開始進行下一個步驟。

03

創(chuàng)建一個html，然后確定文檔類型，然后點擊確定。

04

在代碼中的body/body中加入我們的代碼內(nèi)容。

05

填寫好你想寫的代碼內(nèi)容后，點擊保存，點擊F12，預(yù)覽效果，簡單網(wǎng)頁內(nèi)容就寫好了。

怎樣用Dreamweaver套用網(wǎng)站源代碼制作網(wǎng)頁

dw做圖片輪播步驟如下：

1、首先打開你的dw，按快捷鍵ctrln創(chuàng)建一個新的網(wǎng)頁。

2、點菜單欄上的表格，插入一個表格。

3、在屬性欄設(shè)置表格的寬和高，這個表格用于添加輪播廣告，所以寬和高都要符合我們的廣告圖片的寬和高。

4、然后點擊插入添加一個可編輯區(qū)，這個區(qū)域在此例子中沒用，只是為了能夠保存模板，所以隨意加一個即可。

5、點擊文件，將該頁面存為模板。

6、彈出了另存為模板的對話框。

7、我們接著在這個模板中添加輪播廣告。將光標(biāo)放到你想添加廣告的表格。選擇命令，kaosweaver，advancedrandomimages。

8、彈出了對話框，我們設(shè)置好action和blidetime兩個值得大小。randomslideshow就是隨機廣告，blideshowtimer指的是幾秒鐘切換一個圖片。點擊加號添加按鈕。

9、選擇你要添加的圖片。

10、我添加了兩個圖片來示范。

11、點擊ok以后我們就回到了模板頁。你看不到輪播廣告的圖片，因為你需要新建頁面來看。按快捷鍵ctrls保存。

12、我們新建一個頁面，按快捷鍵ctrln，在彈出的新建對話框中選擇模板。選擇banner輪播模板，這是我們剛才新建的模板。

13、創(chuàng)建了頁面以后，我們點擊拆分按鈕，找到你添加圖片的地方，我們修改一下圖片路徑，因為你要在本地測試，所以需要修改到本地的圖片地址。

14、接著按快捷鍵F12,預(yù)覽。看看第一幅圖是剛打開的效果，一秒后自動切換到了第二幅圖。

怎么用DW制作網(wǎng)站？

1.啟動dw2019在軟件主界面點擊中間的【新建】按鈕。

2.在【新建文檔】彈窗中選擇文檔類型為【HTML文檔】，點擊【創(chuàng)建】。

3.建立好一個網(wǎng)頁文檔后就可以看到網(wǎng)頁默認(rèn)的代碼了，我們編輯網(wǎng)頁是需要在【body】中來編輯完成的。

4.初學(xué)者可以把dw設(shè)置為【設(shè)計】界面，方便邊做邊查看效果。然后我們點擊【插入】—【image】來插入一張圖片。

5.因為是初學(xué)者，就不網(wǎng)頁切圖了。我們直接把設(shè)計好的一整張網(wǎng)頁設(shè)計稿插進來，這樣就可以看到網(wǎng)頁的效果了。但因為是整張圖片，要想單獨的給某一小塊添加鏈接就要去畫熱區(qū)來實現(xiàn)了。

6.我們需要先調(diào)出屬性窗口來畫熱區(qū)。點擊【窗口】—【屬性】。

7.點擊后會在軟件底部出現(xiàn)一個屬性欄，點擊方形熱區(qū)在你想添加鏈接的地方畫出來可點擊的范圍。

8.然后按照剛才的方法把其他需要添加鏈接的地方也畫上熱區(qū)。

9.畫好后我們點擊其中一個熱區(qū)，在屬性欄【目標(biāo)】中輸入跳轉(zhuǎn)的鏈接。都添加好鏈接后，點擊【在瀏覽器中預(yù)覽】，快捷是F12

10.稍后就可以看到做好的網(wǎng)頁用瀏覽器打開了。朋友們會了么？

關(guān)于dw怎樣基于模板創(chuàng)建網(wǎng)頁和dw如何制作網(wǎng)頁最簡單的方法的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。