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

本文目錄一覽：

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

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

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

2

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

3

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

4

點擊菜單欄：插入--表格。插入一個1行1列的表格。

5

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

6

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

7

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

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

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

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

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

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

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

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

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

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

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

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

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

一個一個解決你的問題：

1、多個文件夾：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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