1、7因?yàn)榭蚣苊恳粋€(gè)框都是一個(gè)獨(dú)立的網(wǎng)頁(yè)，所以保存的時(shí)候要特別注意，不僅需要保存每個(gè)網(wǎng)頁(yè)文件，還得保存邊框的結(jié)構(gòu)比如說(shuō)剛剛我建立的哪個(gè)框架，需要保存四個(gè)文件第一首先在DW軟件中創(chuàng)建一個(gè)HTML文件然后點(diǎn)擊工具欄；引入成熟的js輪播圖，首頁(yè)有一個(gè)通屏的滾動(dòng)banner效果會(huì)不錯(cuò)，這里可以直接引用成熟的輪播圖代碼事半功倍，在這里不要覺(jué)得不會(huì)寫(xiě)js下載代碼是不可取的辦法，在網(wǎng)頁(yè)設(shè)計(jì)上，使用成熟或開(kāi)源的代碼是合理高效的方法，在寫(xiě)網(wǎng)頁(yè)；下面簡(jiǎn)單說(shuō)明網(wǎng)頁(yè)制作的過(guò)程1打開(kāi)dw軟件，點(diǎn)擊“新建”按鈕 2新建一個(gè)HTML文檔 3新建之后就可以看到網(wǎng)頁(yè)默認(rèn)的代碼了，然后我們需要做的是在Body里面編輯網(wǎng)頁(yè)各個(gè)內(nèi)容的代碼以及圖片圖片可以設(shè)置圖片的寬度高度以及大小。

2、建立站點(diǎn)等等，如果對(duì)動(dòng)態(tài)程序的代碼一點(diǎn)不了解，也不能夠修改出現(xiàn)的錯(cuò)誤豐富網(wǎng)頁(yè)的功能像購(gòu)物車(chē)這樣的程序，僅僅用dreamweaver生成的程序來(lái)制作效果會(huì)非常簡(jiǎn)陋，很不專(zhuān)業(yè)，制作功能完善的程序還是需要學(xué)習(xí)代碼，手寫(xiě)編程；在你要設(shè)置的單元格輸入代碼，如，這是設(shè)置該單元格頂邊1px的細(xì)線(xiàn)，實(shí)線(xiàn)形，黑色你可以設(shè)置其他邊borderleft，borderright，borderbottom 如果四邊都要，直接寫(xiě)border1px solid #000000；進(jìn)入頁(yè)面編輯設(shè)計(jì)視圖狀態(tài)在一般情況下，編輯器默認(rèn)左對(duì)齊，光標(biāo)在左上角閃爍，光標(biāo)位置就是插入點(diǎn)的位置如果要想讓文字居中插入，點(diǎn)屬性面板居中按鈕即可啟動(dòng)中文輸入法輸入“我的主頁(yè)”四個(gè)字字小不要緊，我們可以對(duì)。

3、你可以在框架那個(gè)地方直接設(shè)置寬高，這個(gè)看你需要多大的例如ltIframe src=quotURLquot width=quotxquot height=quotxquot scrolling=quotOPTIONquot frameborder=quotxquot；為編寫(xiě)網(wǎng)站代碼帶來(lái)方便和高效2目錄可以查看和管理網(wǎng)站的數(shù)據(jù)庫(kù)連接到數(shù)據(jù)庫(kù)進(jìn)行操作并在網(wǎng)站中使用PHP或ASP等服務(wù)器腳本語(yǔ)言3面板展示了DW中的各種面板，包括文件和鏈接管理器歷史記錄面板元素面板；dw中新建文件時(shí)可以選擇模板中的框架集你先選擇最簡(jiǎn)單的兩欄框架看看實(shí)際上一共三個(gè)文件，左框架內(nèi)容是一個(gè)獨(dú)立頁(yè)面，右邊是另一個(gè)還有一個(gè)文件是保存框架結(jié)構(gòu)的保存該框架時(shí)就會(huì)讓保存三個(gè)文件，下面就簡(jiǎn)單了；先在PS里將效果圖做出來(lái)，然后將效果圖放到FIREWORKS里面，量取每個(gè)對(duì)象像素的大小，最后在DREAMWEAVER用代碼寫(xiě)出來(lái)就可以了，注意寫(xiě)的時(shí)候像素的多少一定要把握好了，否則整個(gè)網(wǎng)頁(yè)會(huì)變形，編輯代碼直接在代碼視圖里面編輯就可以了，有的可以在CSS；其中“設(shè)計(jì)”視圖是一個(gè)用于可視化頁(yè)面布局可視化編輯和快速應(yīng)用程序開(kāi)發(fā)的設(shè)計(jì)環(huán)境“代碼”視圖是一個(gè)用于編寫(xiě)和編輯HTMLJavaScript服務(wù)器語(yǔ)言代碼以及任何其他類(lèi)型代碼的手工編碼環(huán)境“代碼和設(shè)計(jì)”視圖是“設(shè)計(jì)”視圖和“代碼”視圖；使您可以不必深入了解代碼編寫(xiě)技術(shù)就能輕松制作專(zhuān)業(yè)網(wǎng)站，包括文件上傳系統(tǒng)留言板聊天室會(huì)員管理網(wǎng)上相冊(cè)購(gòu)物車(chē)論壇等 知識(shí)點(diǎn)講解詳細(xì)，過(guò)程更能抓住重點(diǎn)，舉一反三 超大容量雙CD視頻教程，書(shū)盤(pán)同步多媒體光盤(pán)+素材。

4、其次就是代碼的轉(zhuǎn)換了，如下圖所示其實(shí)在480px寬度下的時(shí)候，整體框架布局已經(jīng)不用設(shè)置，馬海祥認(rèn)為我們應(yīng)該考慮得更多的是怎么把一個(gè)良好的頁(yè)面布局展示給用戶(hù)而在這個(gè)模式下，如果導(dǎo)航條有很多選項(xiàng)的時(shí)候，就會(huì)相互堆疊；%20%20FinalWebBookListaspx？typeid=20急需這個(gè)頁(yè)面的html代碼和CSS代碼DreamWeaver網(wǎng)頁(yè)制作，有現(xiàn)成的來(lái)把代碼都發(fā)出來(lái)，感激不盡！ %20%20；可以說(shuō)，它是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿(mǎn)動(dòng)感的網(wǎng)頁(yè) 這里西西給大家?guī)?lái)一個(gè)dreamweaver制作網(wǎng)頁(yè)的教程，初學(xué)DW的朋友可以參考一下 一定義。