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

本文目錄一覽：

• 1、Dreamweaver使用，網(wǎng)頁(yè)特效代碼制作
• 2、怎樣使用網(wǎng)頁(yè)設(shè)計(jì)模板和網(wǎng)頁(yè)特效代碼
• 3、怎樣用Dreamweaver套用網(wǎng)站源代碼制作網(wǎng)頁(yè)

Dreamweaver使用，網(wǎng)頁(yè)特效代碼制作

首先用ps或者其他軟件將幾張圖片的大小p成一樣的。比如筆者把三張圖片都p成了200x268的大小。

2

打開Dreamweaver，新建一個(gè)網(wǎng)頁(yè)（筆者這里建立一個(gè)html類型的網(wǎng)頁(yè)）。

3

按Ctrl+S保存新建的網(wǎng)頁(yè)。

4

點(diǎn)擊菜單欄：插入--表格。插入一個(gè)1行1列的表格。

5

把鼠標(biāo)指針放到表格中，單擊菜單欄的:插入--布局對(duì)象--AP Div,插入一個(gè)AP Div。

6

把鼠標(biāo)放到剛剛新建的AP Div里邊，點(diǎn)擊菜單欄的：插入--圖像，選擇一張需要插入的圖片。

7

按上面的方法依次添加其他幾個(gè)AP Div，并在里邊插入圖片。

接下來插入一個(gè)AP Div，然后再里邊添加一個(gè)1行3列的表格。

鼠標(biāo)指針放到表格第一個(gè)方框中，單擊菜單欄：插入--表單--按鈕。操作如圖

鼠標(biāo)點(diǎn)中添加的按鈕，然后再下方屬性面板中，把值修改為1。

按照上述步驟依次為表格的第二個(gè)框、第三個(gè)框添加一個(gè)按鈕，并把屬性值改成2和3。如圖

把幾個(gè)AP Div移動(dòng)到同一個(gè)區(qū)域。如下圖

單擊菜單欄：窗口--行為，打開行為面板。

鼠標(biāo)點(diǎn)擊第一個(gè)方框的按鈕，點(diǎn)擊標(biāo)簽檢查器行為面板下方的“+”號(hào)，彈出的菜單中選擇“顯示-隱藏元素”。

按照下圖所示，把AP Div1設(shè)置成顯示，AP Div2設(shè)置成隱藏，AP Div3設(shè)置成隱藏。AP Div4可以設(shè)置成顯示，也可以不設(shè)置（默認(rèn)顯示）。

如圖，點(diǎn)擊行為面板左邊的英文，在彈出的菜單中選擇onFocus。

按照上面的步驟，依次把表格第二個(gè)方框、第三個(gè)方框的按鈕設(shè)置成如下圖所示。

這樣就做好了。按F12在瀏覽器中看看效果。

怎樣使用網(wǎng)頁(yè)設(shè)計(jì)模板和網(wǎng)頁(yè)特效代碼

一個(gè)一個(gè)解決你的問題：

1、多個(gè)文件夾：

一般建站時(shí)對(duì)文件夾的命名要求能描述清楚該文件夾的作用，比如flash文件夾里面就是存放的flash源文件，以及swf格式文件；

2、用DW修改文字內(nèi)容：

在DW里面的設(shè)計(jì)窗口，可以看見你的網(wǎng)頁(yè)，DW中對(duì)應(yīng)的位置所顯示的內(nèi)容就是在網(wǎng)頁(yè)里面顯示的內(nèi)容。想要修改文字，直接將光標(biāo)定位到文字位置，進(jìn)行刪除、添加等修改操作即可，也可以在代碼里面修改，個(gè)人建議在代碼里面修改較好；

3、網(wǎng)頁(yè)特效代碼的使用：

如果你不懂代碼，就不要自己去修改，容易出錯(cuò)；如果你懂代碼，將特效代碼放進(jìn)你的網(wǎng)頁(yè)的對(duì)應(yīng)位置即可，如：script/script這段代碼是放在head部分的，你就放在head部分，是在body部分的代碼你就放在body部分，同時(shí)要注意特效代碼所設(shè)置

的樣式是否與你設(shè)置的樣式存在重復(fù)定義或有沖突的問題，還有一個(gè)就是路徑必須要正確！

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

用Dreamweaver套用網(wǎng)站源代碼制作網(wǎng)頁(yè)的方法

新建一個(gè)ASP網(wǎng)頁(yè)并且保存。如圖所示

步驟閱讀.步驟閱讀.步驟閱讀.步驟閱讀.2連接好數(shù)據(jù)庫(kù)，見筆者之前分享的經(jīng)驗(yàn)。

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

步驟閱讀.4頁(yè)面設(shè)計(jì)好后把網(wǎng)頁(yè)另存為模板。操作如圖所示。

步驟閱讀.步驟閱讀.步驟閱讀.5接著在需要編輯的部分插入“可編輯區(qū)域”，操作如圖所示。

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

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