Dreamweaver演示制作網(wǎng)頁(yè)的教程1將需要制作的圖片拖入PS，顯示標(biāo)尺快捷鍵Ctrl+R將標(biāo)尺拖入圖片將圖片分為四份2保存切片快捷鍵Ctrl+Shift+Alt+S文件格式選擇HTML和圖像，然后將圖片上傳到千牛后臺(tái)，具體 3；用dw設(shè)計(jì)網(wǎng)頁(yè)的方法1在Dreamveaver“文件，新建，常規(guī)，基本頁(yè)，HTML”，這樣就建好了一個(gè)頁(yè)面，英文版的默認(rèn)的文件名為untitledhtm中文版的的默認(rèn)的文件名為“無(wú)標(biāo)題文檔”htm就表示這個(gè)網(wǎng)頁(yè)文件是一個(gè)靜態(tài)的HTML。

在dw中點(diǎn)擊“文件新建常規(guī)基本頁(yè)HTML”，這樣就可以輕松的建好了一個(gè)網(wǎng)頁(yè)英文版的默認(rèn)為文件名untitledhtm中文版的默認(rèn)為文件名“無(wú)標(biāo)題文檔”htm表示的是這個(gè)網(wǎng)頁(yè)文件是一個(gè)靜態(tài)的HTML文件下載了網(wǎng)頁(yè)。

使用dw制作網(wǎng)頁(yè)

1、1首先，打開(kāi)dwcs6軟件，單擊菜單中的“文件”，然后選擇“新建”選項(xiàng)2然后選擇HTML頁(yè)面類(lèi)型，空文檔即可，正確的文檔類(lèi)型選擇HTML5，因?yàn)楝F(xiàn)在HTML5是趨勢(shì)，很多網(wǎng)頁(yè)都開(kāi)始使用HTML53然后我們看到一個(gè)空白的HTML文檔。

2、ps 的圖片一般是在ps中進(jìn)行切片處理，然后存儲(chǔ)為web格式，在導(dǎo)入到dw中，然后再進(jìn)行鏈接處理，要是在dw中插入整張圖片，那樣這種圖片就會(huì)打開(kāi)很慢影響網(wǎng)頁(yè)的速度 熱點(diǎn)就是在圖片上畫(huà)一個(gè)區(qū)域，這個(gè)區(qū)域自己確定，比如圓形。

3、1首先在DW軟件中創(chuàng)建一個(gè)HTML文件，然后點(diǎn)擊工具欄上的插入如圖所示2然后插入的選項(xiàng)窗口中，選擇HTML再選擇框架如圖所示3然后框架會(huì)彈出一個(gè)方向的選項(xiàng)窗口選擇對(duì)齊上緣如圖所示4點(diǎn)擊HTML文件下的。

4、hover 的運(yùn)用，比如hover設(shè)置底部邊框線(xiàn)顏色改變，就會(huì)有鼠標(biāo)滑過(guò)變色的效果，也同樣可以使用鼠標(biāo)滑過(guò)字體顏色大小改變，背景圖的改變等，一句代碼事半功倍 制作一個(gè)漂亮的導(dǎo)航條，無(wú)需js使用 ul li即可完成一個(gè)帶下拉菜單欄。

dw制作網(wǎng)頁(yè)過(guò)程

1打開(kāi)dw軟件以及設(shè)置站點(diǎn)，新建一個(gè)空白HTML文檔 2點(diǎn)擊“設(shè)計(jì)”，然后隨意輸入文字 3打開(kāi)屬性面板，將要鏈接的目的地址輸入進(jìn)來(lái)，或者是直接選擇后面“文件”圖標(biāo)點(diǎn)擊進(jìn)去 4選擇要鏈接的網(wǎng)頁(yè)HTML 5確定之后，在dw軟。