今天給各位分享dw網(wǎng)頁制作教程的知識，其中也會對網(wǎng)頁制作教程 dw進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、怎么用Dreamweaver 做網(wǎng)頁？
• 2、怎樣用dreamweaver制作網(wǎng)頁
• 3、如何使用dreamweaver制作網(wǎng)頁
• 4、如何用dreamweaver cs6制作網(wǎng)頁

怎么用Dreamweaver 做網(wǎng)頁？

Dreamewever

這個其實很簡單

也很好用

做簡單的網(wǎng)頁很不錯，首先先有PS或者

Fireworks

設(shè)計一張圖片，然后同切片工具切片，導(dǎo)出htm格式到一個新的文件夾，用Dreamewever打開這個文件中的html格式的網(wǎng)頁，就可以看到你事先做好的圖片，而現(xiàn)在就是一個簡單的網(wǎng)頁界面

把圖片上傳到個人空間網(wǎng)頁三劍客網(wǎng)頁三劍客，顧名思義，是一套強(qiáng)大的網(wǎng)頁編輯工具，最初是由Macromedia公司開發(fā)出來的。由Dreamweaver，F(xiàn)ireworks，F(xiàn)lash三個軟件組成，俗稱三劍客。

替換Dreamewever里面的圖片，最后保存好代碼就可以了，一個簡單的網(wǎng)站就這樣成立了

假如你有空間

可以把生成好的html上傳到空間

再申請個域名

別人就可以訪問了，希望我的答案你能夠滿意，不懂的話加我的QQ！

怎樣用dreamweaver制作網(wǎng)頁

如果你一點都不熟悉的話，我你可以用frontpage來做，office工具，比較簡單

dw 的話，你可以直接用界面式的畫圖做。把大概的框架頁面框架布局設(shè)計出來，然后寫樣式css。當(dāng)然這個肯定要有html 和 css的功底~~這個上面學(xué)習(xí)基礎(chǔ)的html，css。js等還是不錯的

也可以自己下個簡單的div + css 模板下來看看··研究下。仿寫起步

如何使用dreamweaver制作網(wǎng)頁

、新建一個ASP網(wǎng)頁并且保存；

2、連接好數(shù)據(jù)庫；

3、 在網(wǎng)頁中插入模板的內(nèi)容，并添加好各個超鏈接；

4、頁面設(shè)計好后把網(wǎng)頁另存為模板。

5、接著在需要編輯的部分插入“可編輯區(qū)域”；

6、保存后，我們就可以在網(wǎng)站根目錄下的“Templates”文件夾下看見我們剛剛新建的模板了。以后要修改模板的內(nèi)容就可以直接打開編輯了。

這個需要一定的dw知識，不是隨便可以操作的。

如何用dreamweaver cs6制作網(wǎng)頁

工具/原料

Dreamwaver CS6

所制作的網(wǎng)頁的素材（圖片，音頻等）

方法/步驟

1

打開DW，DW界面如圖

2

分析所制作的網(wǎng)頁的需求，明確目標(biāo)

3

明確需求。如果是建議一個網(wǎng)站，需要建立一個站點，方便管理并使制作步驟更為有條理。

4

新建站點彈出來的窗口。在這里我輸入的是“新聞網(wǎng)頁”，放在Dreamwaver CS6文件夾下的新聞網(wǎng)頁文件夾

5

在新聞網(wǎng)頁文件夾下新建“images”文件，導(dǎo)入制作網(wǎng)頁所需要的素材，這里所需要的素材都是圖片

6

新建HTML，選擇“創(chuàng)建”

在“標(biāo)題”中輸入“新聞網(wǎng)頁首頁”，轉(zhuǎn)換到“設(shè)計”界面

根據(jù)制作網(wǎng)頁需求插入表格，只是在行列有所變化，下面的“表格寬度”以下選項根據(jù)圖設(shè)置

插入表格如圖，選擇表格，會看到表格邊框變紅，選擇之后變黑。在屬性中對齊選項選擇“居中對齊”

在表格第一行第一列輸入“用戶名”，在第一行第二個表格插入“文件域”。然后是密碼，同樣的插入“文件域”。切換到“拆分”界面，選中密碼對應(yīng)的“文件域”，將“type”改為“password”

插入圖像，不知道怎么填的話就一直選擇“確定”即可

插入按鈕，同上面插入圖像的處理方法那樣處理，如果不知道填什么就一直“確定”，無妨。在屬性欄里的值改為“登錄”。然后插入圖像“谷歌logo”，附上效果圖

選中第二行，點擊鼠標(biāo)右鍵，選擇“表格”，“合并單元格”

在第二行插入圖片。完成頁面制作。保存HTML文件。然后在站點“新聞網(wǎng)頁”可以看到保存的HTML文件

點擊制作好的HTML文件，選擇用360瀏覽器打開，輸入用戶名和密碼，然后會看到如下情況：用戶名課件，密碼不可見，符合實際

當(dāng)然也可以在Dreamwaver CS6 的實時視圖中完成第15步

dw網(wǎng)頁制作教程的介紹就聊到這里吧，感謝你花時間閱讀本站內(nèi)容，更多關(guān)于網(wǎng)頁制作教程 dw、dw網(wǎng)頁制作教程的信息別忘了在本站進(jìn)行查找喔。