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

本文目錄一覽：

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

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

Dreamewever

這個(gè)其實(shí)很簡(jiǎn)單

也很好用

做簡(jiǎn)單的網(wǎng)頁(yè)很不錯(cuò)，首先先有PS或者

Fireworks

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

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

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

假如你有空間

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

再申請(qǐng)個(gè)域名

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

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

如果你一點(diǎn)都不熟悉的話，我你可以用frontpage來(lái)做，office工具，比較簡(jiǎn)單

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

也可以自己下個(gè)簡(jiǎn)單的div + css 模板下來(lái)看看··研究下。仿寫起步

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

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

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

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

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

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

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

這個(gè)需要一定的dw知識(shí)，不是隨便可以操作的。

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

工具/原料

Dreamwaver CS6

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

方法/步驟

1

打開DW，DW界面如圖

2

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

3

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

4

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

5

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

6

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

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

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

插入表格如圖，選擇表格，會(huì)看到表格邊框變紅，選擇之后變黑。在屬性中對(duì)齊選項(xiàng)選擇“居中對(duì)齊”

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

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

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

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

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

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

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

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