在目前的網(wǎng)頁(yè)編輯軟件中， MicroSoft公司的FrontPage以及MacroMedia公司的Dreamweaver是最知名和最常用的兩套熱門軟件。通過(guò)在實(shí)際使用過(guò)程中的分析比較，我對(duì)這兩種主流網(wǎng)頁(yè)編輯軟件的優(yōu)劣得出了點(diǎn)個(gè)人體會(huì)。 一、代碼簡(jiǎn)潔性 在使用FrontPage時(shí)，搭配使用一個(gè)網(wǎng)頁(yè)壓縮軟件是常事，F(xiàn)rontPage常常在網(wǎng)頁(yè)中莫名其妙插入很多空格，經(jīng)壓縮后網(wǎng)頁(yè)會(huì)比原先小20％～30％，而下次編輯存盤后這些空格又還會(huì)再度出現(xiàn)，揮之不去。而以代碼簡(jiǎn)潔而著稱的Dreamweaver沒有這方面的問題。 二、使用操作性 在這方面FrontPage和Dreamweaver各有所長(zhǎng)：FrontPage具有與Word類似的界面和操作性，尤其在手繪表格方面，很多人都覺得FrontPage比Dreamweaver要方便不少。在查看源代碼和預(yù)覽功能上FrontPage也比Dreamweaver方便。還有對(duì)于采集整理資料很重要的一點(diǎn)：從瀏覽器中復(fù)制的頁(yè)面粘到FrontPage中時(shí)仍能保持原有的表格、鏈接、文字格式；而在Dreamweaver中即使使用“Past as text”也只能粘貼為純文本段落。 Dreamweaver的優(yōu)點(diǎn)在于：它的標(biāo)記選擇器（Tag selector）可以方便準(zhǔn)確地選擇所要編輯的對(duì)象。此外，它的表格與層相互轉(zhuǎn)化、依對(duì)象而自動(dòng)變動(dòng)的屬性欄也頗受喜愛。 三、與Word軟件的兼容性 很多人都是使用Word來(lái)輸入和編輯網(wǎng)頁(yè)文字內(nèi)容，如果要將這些文檔內(nèi)容剪貼到FrontPage或Dreamweaver軟件中時(shí)，就會(huì)發(fā)現(xiàn)FrontPage在這方面略勝一籌。因?yàn)槲覀冎灰赪ord中選取所要的部份(包含圖片)，然后貼到FrontPage的文字編輯區(qū)，不僅文字和圖片都能正常顯示，而且樣式也幾乎一致。其中不太一致的是，原本是居中的圖，會(huì)變成靠左。 但是，如果我們選取了Word中的一部份，然后想要貼到Dreamweaver中，就會(huì)發(fā)現(xiàn)圖片不見了，而且文字的樣式也沒有了，因?yàn)槲淖秩繑D在一起，連段落也無(wú)法區(qū)分。因此我們?nèi)绻胝{(diào)整這些文字和圖片的話，就必須再花費(fèi)不少時(shí)間。 四、站點(diǎn)管理 相對(duì)于FrontPage強(qiáng)大的站點(diǎn)管理，Dreamweaver略顯不足：FrontPage中特有的報(bào)表視圖可以顯示未鏈接文件、慢速網(wǎng)頁(yè)、較舊的文件、新增文件、未驗(yàn)證鏈接等15個(gè)項(xiàng)目細(xì)節(jié)。Dreamweaver在這方面做得就差多了，只有簡(jiǎn)單的斷裂鏈接（Broken links）、外部鏈接(External links)和孤文件(Orphaned Files)三項(xiàng)。而且不像FrontPage中每一項(xiàng)目下都有詳細(xì)的文件名稱、標(biāo)題、大小、類型、修改日期等說(shuō)明。 此外，Dreamweaver不認(rèn)為表格背景圖片是網(wǎng)頁(yè)不可缺少的部分。當(dāng)在站點(diǎn)管理器中對(duì)表格背景圖片進(jìn)行移動(dòng)或改名等操作時(shí)，Dreamweaver不會(huì)提示更新鏈接，結(jié)果就會(huì)出現(xiàn)斷裂鏈接。而且基于同樣的原因，Dreamweaver會(huì)把表格背景圖片識(shí)別為孤文件，也影響了對(duì)網(wǎng)站的管理。 當(dāng)然Dreamweaver在站點(diǎn)管理方面也有其優(yōu)秀之處。它可以在不逐一打開每個(gè)文件的情況下實(shí)現(xiàn)全站的整體查找替換，還有其特有的HTML標(biāo)記屬性的查找，功能強(qiáng)大。相比之下FrontPage可以實(shí)現(xiàn)全站查找但做不到即時(shí)替換，需要對(duì)查找結(jié)果列表中的文件逐一打開替換。 FrontPage對(duì)站點(diǎn)管理的一個(gè)不好的副產(chǎn)品就是大量的“_vti_cnf”目錄，里面對(duì)應(yīng)記錄了站點(diǎn)每一個(gè)文件的相關(guān)信息。因此，如果我們用MODEM來(lái)上傳主頁(yè)的話，就必須找一個(gè)好點(diǎn)的上載軟件才能把它們?yōu)V掉。 五、圖片的使用 在使用圖片時(shí)，如果我們想要在Dreamweaver中放上圖片，必須使用“插入圖片”的方法來(lái)產(chǎn)生，而無(wú)法使用“剪貼板”的“粘貼”功能。因此我們的圖片必須事先存放在硬盤中，并且已經(jīng)取好名字才可以。 而FrontPage就輕松多了。我們可以從任何軟件復(fù)制或剪貼圖片到FrontPage中，這些圖片并不需要事先儲(chǔ)存成文件。因?yàn)楫?dāng)我們要儲(chǔ)存網(wǎng)頁(yè)的時(shí)候，F(xiàn)rontPage會(huì)一并將這些圖片以預(yù)設(shè)的文件名儲(chǔ)存在“與網(wǎng)頁(yè)相同的文件夾”中。當(dāng)然圖片的文件名和儲(chǔ)存路徑都是可以修改的。 六、所見即所得 在這項(xiàng)功能上，F(xiàn)rontPage比Dreamweaver 強(qiáng)。由于這一點(diǎn)對(duì)初學(xué)者相當(dāng)重要，因此包括學(xué)生在內(nèi)的網(wǎng)頁(yè)設(shè)計(jì)初學(xué)者，都相當(dāng)偏好FrontPage。 所謂“所見即所得”，就是我們?cè)谲浖性O(shè)計(jì)的樣式應(yīng)該和最后在網(wǎng)頁(yè)中呈現(xiàn)的樣式“完全一樣”。遺憾的是，在我們使用FrontPage或Dreamweaver時(shí)，都無(wú)法達(dá)到真正的“所見即所得”。也就是說(shuō)，我們?cè)诰W(wǎng)頁(yè)編輯時(shí)的樣式，跟最后在IE等瀏覽器中所看到的樣子往往都有極大的差距。其中又以Dreamweaver的差距更大。因此我們常常需要配合瀏覽器來(lái)觀看結(jié)果，然后再到網(wǎng)頁(yè)編輯軟件中做修改。尤其在處理文字時(shí)更是常常有令人不太愉快的經(jīng)驗(yàn)。如果常常需要設(shè)定文字的“樣式”，建議使用FrontPage。 七、文字樣式 在使用文字時(shí)，F(xiàn)rontPage提供較多的設(shè)定功能，能讓文字做的樣式變化。而且文字在經(jīng)過(guò)設(shè)定樣式后，文字也會(huì)作即時(shí)的變更。例如設(shè)計(jì)者可以對(duì)文字設(shè)定“字體”、“大小”、“顏色”，也可以設(shè)定文字“內(nèi)縮”、“行距”、“段落距離”、“字距”。而后面這四項(xiàng)在Dreamweaver中是無(wú)法更改的。 雖然FrontPage在文字樣式方面提供較多的功能，同時(shí)在“所見即所得”上也較令人滿意，但卻并不是說(shuō)FrontPage在這方面就沒有缺點(diǎn)。有時(shí)我們?cè)谠O(shè)定鏈接文字的色彩或粗細(xì)體上，也往往碰到一大堆問題，這些都是軟件廠商以后應(yīng)該注意修正的事項(xiàng)。 八、固定部件更新 要保持網(wǎng)站的整體風(fēng)格，每頁(yè)的公司徽標(biāo)、版權(quán)欄、宣傳語(yǔ)句、廣告等頁(yè)面元素是必備要素之一。當(dāng)必須對(duì)這些要素進(jìn)行修改時(shí)，手工修改的工作量是難以想象的。對(duì)此，F(xiàn)rontPage和Dreamweaver都有自己的解決方案：FrontPage采用共享邊框，在站點(diǎn)上的單個(gè)或所有頁(yè)面的某一邊上共享相同內(nèi)容并保持統(tǒng)一更新；而Dreamweaver則設(shè)立了庫(kù)（Library）的概念，可以把頁(yè)面中所要重復(fù)的任一部件加入到庫(kù)項(xiàng)目，自由設(shè)定在所需的頁(yè)面中重復(fù)使用、統(tǒng)一更新。 相對(duì)于Dreamweaver的庫(kù)，F(xiàn)rontPage的共享邊框就要遜色多了。它只能在網(wǎng)頁(yè)的四邊中選擇位置，而且一旦設(shè)置，影響的就是網(wǎng)站所有頁(yè)面，對(duì)于不想采用共享邊框的頁(yè)面只能另外逐一單獨(dú)設(shè)置。最致命的一點(diǎn)是在FrontPage應(yīng)用共享邊框的時(shí)候會(huì)把原頁(yè)面內(nèi)容統(tǒng)統(tǒng)套在一個(gè)大表格中，而共享邊框設(shè)在另一個(gè)表格之中。這樣的危害在設(shè)計(jì)者本地看不大出來(lái)，然而在網(wǎng)絡(luò)上由于瀏覽器要下載完整個(gè)表格才會(huì)顯示，因而會(huì)大大降低網(wǎng)頁(yè)的實(shí)際瀏覽速度。 九、設(shè)計(jì)動(dòng)態(tài)和互動(dòng)式網(wǎng)頁(yè) Dreamweaver的使用者和支持者，從現(xiàn)在開始，可以抬頭挺胸了。因?yàn)橄旅孢@兩大項(xiàng)的功能都是Dreamweaver的長(zhǎng)處，而且是極其重要的兩項(xiàng)。 首先介紹的這項(xiàng)功能，就是Dreamweaver具有“設(shè)計(jì)互動(dòng)式網(wǎng)頁(yè)”的功能。我們可以利用Dreamweaver的“圖層”(Layer)和“時(shí)間軸”(Time Line)功能，來(lái)讓圖片或文字隨意地在網(wǎng)頁(yè)中自由移動(dòng)。移動(dòng)的方式可以是繞著我們所設(shè)定的路徑(path)移動(dòng)，也可以是左右或直線的移動(dòng)。 另外，我們可以設(shè)計(jì)讓文字或圖片配合鼠標(biāo)的點(diǎn)選有的變化。也就是說(shuō)，當(dāng)鼠標(biāo)經(jīng)過(guò)文字或圖片，文字或圖片會(huì)產(chǎn)生變化的動(dòng)態(tài)效果。 Dreamweaver還可以插入Flash的.swf動(dòng)畫文件和 Firework設(shè)計(jì)的HTML文件，讓網(wǎng)頁(yè)更加活潑。雖然FrontPage也可以插入Flash文件，但操作方面比Dreamweaver麻煩。因?yàn)镈reamweaver、Flash、Firework都是MacroMedia公司的產(chǎn)品。 十、模板功能 現(xiàn)在的網(wǎng)站內(nèi)容，大都會(huì)在每一個(gè)網(wǎng)頁(yè)中提供“目錄”(主功能鏈接)。而這些目錄式的項(xiàng)目通常在未來(lái)會(huì)有所改變，但是我們的網(wǎng)頁(yè)可能也有數(shù)百個(gè)或甚至數(shù)千個(gè)，難道我們的每個(gè)網(wǎng)頁(yè)都要做一一修改嗎？這顯然是不可能的。 于是我們可以利用Dreamweaver提供的“模板”功能(模板后綴名為.dwt)，即：首先設(shè)計(jì)一份模板或二、三份模板(份數(shù)當(dāng)然可以根據(jù)我們的需要而定)，然后將我們的網(wǎng)頁(yè)“套用”這些模板，之后只要修改相關(guān)的模板(可能只改變一個(gè))，那么所有套用模板的網(wǎng)頁(yè)，就可以“一次全部”跟著修改。這項(xiàng)功能對(duì)于設(shè)計(jì)大型網(wǎng)站或多網(wǎng)頁(yè)的網(wǎng)站有“容易修改和維護(hù)”的作用。 至于FrontPage，雖然它提供“主題”(Theme)，也能夠讓多網(wǎng)頁(yè)套用到某些“主題”的樣式，但是FrontPage的這項(xiàng)功能彈性比較差。也就是說(shuō)，我們?cè)谠S多地方無(wú)法按照自己的想法來(lái)設(shè)計(jì)，只能使用FrontPage的幾種固定樣式。因此，如果希望設(shè)計(jì)出富有變化的套用模板，那么建議使用Dreamweaver。 本文比較了兩大主流網(wǎng)頁(yè)編輯器常用功能的部份差異。對(duì)于一些較高端的應(yīng)用：如FrontPage特有的服務(wù)器擴(kuò)展應(yīng)用、與OFFICE家族協(xié)同工作、ActiveX組件；Dreamweaver所特有的強(qiáng)大動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)能力、與Fireworks、Flash的協(xié)同工作特性等等，都有它們自己的特色。一般來(lái)說(shuō)：FrontPage適合于新手使用，而Dreamweaver則為專業(yè)公司所采用，如何選擇就看用戶自己了。

新建一個(gè)ASP網(wǎng)頁(yè)并且保存連接好數(shù)據(jù)庫(kù)。在網(wǎng)頁(yè)中插入模板內(nèi)容，并添加好各個(gè)超鏈接頁(yè)面設(shè)計(jì)好后把網(wǎng)頁(yè)另存為模板。操作如圖所示。接著在需要編輯的部分插入“可編輯區(qū)域”保存后，就可以在網(wǎng)站根目錄下的“Templates”文件夾下看見剛剛新建的模板了。以后要修改模板的內(nèi)容就可以直接打開編輯了。

覺現(xiàn)自助建站系統(tǒng)都火沒必要用軟件制作discuz系統(tǒng)新云系統(tǒng)pageadmin系統(tǒng)都比較錯(cuò)我自網(wǎng)站用pageadmin建站總體說(shuō)簡(jiǎn)單

Dreamweaver中的模板文件（.dwt文件）都保存在當(dāng)前站點(diǎn)文件夾下的Template文件夾下。這個(gè)文件夾會(huì)在第一次保存模板文件時(shí)由Dreamweaver自動(dòng)生成。

1、新建一個(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”文件夾下看見我們剛剛新建的模板了。以后要修改模板的內(nèi)容就可以直接打開編輯了。這個(gè)需要一定的dw知識(shí)，不是隨便可以操作的。

利用Dreamweaver制作一個(gè)個(gè)人虛擬網(wǎng)站的步驟如下：1、打開DW，DW界面如圖2、分析所制作的網(wǎng)頁(yè)的需求，明確目標(biāo)3、明確需求。如果是建議一個(gè)網(wǎng)站，需要建立一個(gè)站點(diǎn)，方便管理并使制作步驟更為有條理。4、新建站點(diǎn)彈出來(lái)的窗口。在這里以“新聞網(wǎng)頁(yè)”來(lái)舉例，放在Dreamwaver CS6文件夾下的新聞網(wǎng)頁(yè)文件夾5、在新聞網(wǎng)頁(yè)文件夾下新建“images”文件，導(dǎo)入制作網(wǎng)頁(yè)所需要的素材，這里所需要的素材都是圖片6、新建HTML，選擇“創(chuàng)建”7、在“標(biāo)題”中輸入“新聞網(wǎng)頁(yè)首頁(yè)”，轉(zhuǎn)換到“設(shè)計(jì)”界面8、根據(jù)制作網(wǎng)頁(yè)需求插入表格，只是在行列有所變化，下面的“表格寬度”以下選項(xiàng)根據(jù)圖設(shè)置9、插入表格如圖，選擇表格，會(huì)看到表格邊框變紅，選擇之后變黑。在屬性中對(duì)齊選項(xiàng)選擇“居中對(duì)齊”10、在表格第一行第一列輸入“用戶名”，在第一行第二個(gè)表格插入“文件域”。然后是密碼，同樣的插入“文件域”。切換到“拆分”界面，選中密碼對(duì)應(yīng)的“文件域”，將“type”改為“password”11、插入圖像，不知道怎么填的話就一直選擇“確定”即可12、插入按鈕，同上面插入圖像的處理方法那樣處理，如果不知道填什么就一直“確定”，無(wú)妨。在屬性欄里的值改為“登錄”。然后插入圖像“谷歌logo”，附上效果圖13、選中第二行，點(diǎn)擊鼠標(biāo)右鍵，選擇“表格”，“合并單元格”14、在第二行插入圖片。完成頁(yè)面制作。保存HTML文件。然后在站點(diǎn)“新聞網(wǎng)頁(yè)”可以看到保存的HTML文件15、點(diǎn)擊制作好的HTML文件，選擇用360瀏覽器打開，輸入用戶名和密碼，然后會(huì)看到如下情況：用戶名課件，密碼不可見，符合實(shí)際16、當(dāng)然也可以在Dreamwaver CS6 的實(shí)時(shí)視圖中完成第15步

模板只別人設(shè)計(jì)制作好的html文件,也可能包括psd文件,可以直接拿過(guò)來(lái)用,修改一下,變成你自己的東西,如果是DW里的模版的話,那就是你制作好的一個(gè)html頁(yè)面,設(shè)置成模板后,可以直接在其他有相同內(nèi)容的頁(yè)面里進(jìn)行調(diào)用，這樣做的好處是,修改一個(gè)模板文件,然后所有調(diào)用過(guò)此模版的文件都可以修改過(guò)來(lái). 庫(kù)的定義一般是:資料庫(kù) 資源庫(kù) 素材庫(kù),就是你平時(shí)積累的素材,可以放到固定的,自己定義的庫(kù)里去,下次用的時(shí)候很方便的就能找到,比如你有個(gè)圖片的素材庫(kù),庫(kù)可以在軟件里進(jìn)行操作,是個(gè)單獨(dú)的文件集合.比如flash里的庫(kù),就是放一些圖片素材,元件,影片剪輯之類的東西.

我這里有兩份個(gè)人主頁(yè)網(wǎng)頁(yè)模板，你自己修改下文字即可。

一、工具：Dreamweaver CS6二、操作步驟：【1】新建一個(gè)ASP網(wǎng)頁(yè)并且保存。如圖所示【2】連接好數(shù)據(jù)庫(kù)，【3】 在網(wǎng)頁(yè)中插入模板的內(nèi)容，并添加好各個(gè)超鏈接【4】頁(yè)面設(shè)計(jì)好后把網(wǎng)頁(yè)另存為模板。操作如圖所示?！?】接著在需要編輯的部分插入“可編輯區(qū)域”，操作如圖所示?！?】保存后，就可以在網(wǎng)站根目錄下的“Templates”文件夾下看見剛剛新建的模板了。以后要修改模板的內(nèi)容就可以直接打開編輯了。