利用Dreamweaver設(shè)計(jì)網(wǎng)頁

1、 dreamweaver是在網(wǎng)頁設(shè)計(jì)與制作領(lǐng)域中用戶最多、應(yīng)用最廣、功能最強(qiáng)大的軟件，隨著dreamweaver 8的發(fā)布，更堅(jiān)定dreamweaver在該領(lǐng)域的地位。它集網(wǎng)頁設(shè)計(jì)、網(wǎng)站開發(fā)和站點(diǎn)管理功能于一身，具有可視化、支持多平臺(tái)和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計(jì)、開發(fā)、制作的首選工具。1、靈活的編寫方式dreamweaver具有靈活編寫網(wǎng)頁的特點(diǎn)，不但將世界一流水平的“設(shè)計(jì)”和“代碼”編輯器合二為一，而且在設(shè)計(jì)窗口中還精化了源代碼，能幫助用戶按工作需要定制自己的用戶界面。、2、可視化編輯界面dreamweaver是一種所見即所得的html編輯器，可實(shí)現(xiàn)頁面元素的插入和生成?；蛞暬庉嫮h(huán)境大

2、量減少了代碼的編寫，同時(shí)亦保證了其專業(yè)性和兼容性，并且可以對內(nèi)部的html編輯器和任何第三方的html編輯器進(jìn)行實(shí)時(shí)的訪問。無論用戶習(xí)慣手工輸入html源代碼還是使用可視化的編輯界面，dreamweaver都能提供便捷的方式使用戶設(shè)計(jì)網(wǎng)頁和管理網(wǎng)站變得更容易。3、 功能更多的css支持css可視化設(shè)計(jì)、css檢查工具4、 動(dòng)態(tài)跨瀏覽器驗(yàn)證當(dāng)保存時(shí)系統(tǒng)自動(dòng)檢查當(dāng)前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測試用瀏覽器，同時(shí)系統(tǒng)自動(dòng)檢驗(yàn)以確定頁面有沒有目標(biāo)瀏覽器不支持的tags或css結(jié)構(gòu)。動(dòng)態(tài)跨瀏覽器有效性檢查功能可以自動(dòng)核對tags和css規(guī)則是否適應(yīng)目前的主瀏覽器。5、強(qiáng)大的web站點(diǎn)管理功

3、能6、 內(nèi)建的圖形編輯引擎7、 dreamweaver的集成特性dreamweaver 8繼承了fireworks、flash和shockwave的集成特性，可以在這些web創(chuàng)作工具之間自由地切換，輕松地創(chuàng)建美觀實(shí)用的網(wǎng)頁。8、豐富的媒體支持能力可以方便地加入java、flash、shockwave、activex以及其他媒體。dreamweaver具有強(qiáng)大的多媒體處理功能，在設(shè)計(jì)dhtml和css方面表現(xiàn)得極為出色，它利用javascript和dhtml語言代碼輕松地實(shí)現(xiàn)網(wǎng)頁元素的動(dòng)作和交互操作。dreamweaver還提供行為和時(shí)間線兩種控件來產(chǎn)生交互式響應(yīng)和進(jìn)行動(dòng)畫處理。9、超強(qiáng)的擴(kuò)展能

4、力dreamweaver還支持第三方插件，任何人都可以根據(jù)自己的需要擴(kuò)展dreamweaver的功能，并且可以發(fā)布這些插件。論文關(guān)鍵詞：dreamweaver 、adobe photoshop、flash mx一、論文摘要dreamweaver是個(gè)原本由macromedia公司所開發(fā)的著名網(wǎng)站開發(fā)工具。它使用所見即所得的接口，亦有html編輯的功能。它現(xiàn)在有mac和windows系統(tǒng)的版本。隨macromedia被adobe收購后，adobe也開始計(jì)劃開發(fā)linux版本的dreamweaver了。 dreamweaver自mx版本開始，使用了opera的排版引擎 "presto&qu

5、ot; 作為網(wǎng)頁預(yù)覽。dreamweaver是在網(wǎng)頁設(shè)計(jì)與制作領(lǐng)域中用戶最多、應(yīng)用最廣、功能最強(qiáng)大的軟件，它集網(wǎng)頁設(shè)計(jì)、網(wǎng)站開發(fā)和站點(diǎn)管理功能于一身，具有可視化、支持多平臺(tái)和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計(jì)、開發(fā)、制作的首選工具。有漂亮的圖片是你的網(wǎng)頁能吸引人的一個(gè)有力保證，網(wǎng)頁的內(nèi)容通常是由圖片和文字組成。由文字構(gòu)成網(wǎng)頁的主體，而圖片則能夠美化和增色你的網(wǎng)頁。那些包含了設(shè)計(jì)精美圖片的網(wǎng)站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網(wǎng)頁能吸引人的一個(gè)有力保證。表單用于特殊的信息，使用戶和網(wǎng)站進(jìn)行交互，使你找到用戶的詳細(xì)信息。表格在許多工作中有著廣泛的應(yīng)用。另外還有超鏈接，超鏈接是網(wǎng)頁中最活

6、潑、最有吸引力的一種元素。web頁面往往是具有各種各樣的頁面元素、豐富的內(nèi)容和復(fù)雜的布局。因此僅僅使用到一種或者兩種網(wǎng)頁制作技術(shù)，不可能創(chuàng)作出一個(gè)優(yōu)秀的web頁面，一個(gè)美觀而實(shí)用的web頁面往往需要綜合利用各種技術(shù)。dreamweaver是在網(wǎng)頁設(shè)計(jì)與制作領(lǐng)域中用戶最多、應(yīng)用最廣、功能最強(qiáng)大的軟件，隨著dreamweaver 8的發(fā)布，更堅(jiān)定dreamweaver在該領(lǐng)域的地位。它集網(wǎng)頁設(shè)計(jì)、網(wǎng)站開發(fā)和站點(diǎn)管理功能于一身，具有可視化、支持多平臺(tái)和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計(jì)、開發(fā)、制作的首選工具。論文關(guān)鍵詞：dreamweaver 、adobe photoshop、flash mx二、軟件特

7、點(diǎn)（一）制作效率dreamweaver可以用最快速的方式將fireworks，freehand，或photoshop等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對于選單，快捷鍵與格式控制，都只要一個(gè)簡單步驟便可完成。dreamweaver能與您喜愛的設(shè)計(jì)工具，如playback flash，shockwave和外掛模組等搭配，不需離開dreamweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使dreamweaver自動(dòng)開啟firework或photoshop來進(jìn)行編輯與設(shè)定圖檔的最佳化。 （二）網(wǎng)站管理使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計(jì)、更

8、新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱，dreamweaver 會(huì)自動(dòng)更新所有鏈接。使用支援文字、html碼、html屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單。 （三）控制能力dreamweaver是唯一提供roundtrip html、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含homesite和bbedit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進(jìn)階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，dreamweaver 支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。所見即所得

9、 dreamweaver成功整合動(dòng)態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給third-party廠商，包含asp， apache，broadvision， cold fusion，icat， tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用dreamweaver在設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁時(shí)，所見即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁。夢幻樣版和xml dreamweaver將內(nèi)容與設(shè)計(jì)分開，應(yīng)用于快速網(wǎng)頁更新和團(tuán)隊(duì)合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會(huì)不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出xml內(nèi)容。 全方位的

10、呈現(xiàn)利用dreamweaver設(shè)計(jì)的網(wǎng)頁，可以全方位的呈現(xiàn)在任何平臺(tái)的熱門瀏覽器上。對于cascading style sheets的動(dòng)態(tài)html支援和鼠標(biāo)換圖效果，聲音和動(dòng)畫的dhtml效果資料庫可在netscape和microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能，dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時(shí)，只要從dreamweaver的網(wǎng)站在下載它的描述檔，便可得知詳盡的成效報(bào)告。三、網(wǎng)站中的網(wǎng)頁的制作分成了幾個(gè)幾個(gè)部分、分工不同、（一）分成了幾個(gè)板塊，精簡但全面（二）一個(gè)醒目的標(biāo)題、最重要 （三） 信息量豐富全面 （四）豐富的內(nèi)容和應(yīng)用操作

11、 （五）鏈接（點(diǎn)開“加入我們”）四、所用各技術(shù)的特點(diǎn)dreamweaver是美國macromedia公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁。dreamweaver是當(dāng)前主流的站點(diǎn)和網(wǎng)頁編輯器，其代碼簡潔、兼容性和整體功能都很強(qiáng)。dreamweaver的介入，使得網(wǎng)頁一些部分的實(shí)現(xiàn)變得更加直觀簡便。（一）方便快速的文本編排與"word"相似，具有強(qiáng)大的文本編輯能力，你可以在"layer"、"table"、&

12、quot;frame"或直接在"document window"窗體中輸入文字，通過快捷的右鍵，選擇例如"font"（字體）類的選項(xiàng)進(jìn)行編輯，也可以利用"text"菜單進(jìn)行更為細(xì)致的排版編輯。（二）實(shí)時(shí)的html控制設(shè)計(jì)者可以在可視化或者文本這兩種方式下進(jìn)行頁面的設(shè)計(jì)，并且可以實(shí)時(shí)的監(jiān)控html源代碼。當(dāng)設(shè)計(jì)者對代碼作出任何改動(dòng)時(shí)，結(jié)果將立刻顯示出來。（三）與流行的文本html代碼編輯器之間的協(xié)調(diào)工作dreamweaver可以與目前流行的html代碼編輯器（如bbedit、homesite等）全面協(xié)調(diào)工作。已經(jīng)習(xí)慣于使用這些

13、純文本編輯器的設(shè)計(jì)者將在不改變他們原有工作習(xí)慣的基礎(chǔ)上，充分享受到dreamweaver帶來更多功能。設(shè)計(jì)者可以使用文本編輯器直接編輯html，同時(shí)使用dreamweaver生成較為復(fù)雜的動(dòng)畫、表格、frame、javascript等。（dreamweaver分別為windows用戶以及macintosh用戶提供了完全版的homesite及bbedit這兩個(gè)目前最流行的代碼編輯器）。（四）強(qiáng)大的dhtml支持動(dòng)態(tài)html是4.0瀏覽器支持的新功能，將在未來廣泛應(yīng)用于網(wǎng)絡(luò)。這項(xiàng)技術(shù)可以增強(qiáng)頁面的交互性、提高下載速度、使頁面更美觀更易于設(shè)計(jì)且富有動(dòng)感。dreamweaver 對dhtml完全支持，

14、并提供了與之相關(guān)聯(lián)的四大功能。而其它的可視化網(wǎng)頁編輯工具幾乎不提供或只小部分提供動(dòng)態(tài)html的制作。（五）重復(fù)元素庫在dreamweaver中定義的一個(gè)站點(diǎn)內(nèi)，設(shè)計(jì)者可以將重復(fù)使用的內(nèi)容（例如header、footer等）獨(dú)立定義。這樣設(shè)計(jì)者在需要這些內(nèi)容的地方只需做一個(gè)簡單的插入就可以了。而且當(dāng)元素庫中定義的內(nèi)容被修改后，整個(gè)站點(diǎn)中設(shè)計(jì)同樣內(nèi)容的地方將統(tǒng)一發(fā)生變化而無需再逐一修改。（六）基于目標(biāo)瀏覽器的檢測目前瀏覽器更新?lián)Q代很快，從2.0到4.0層出不窮。同時(shí)又有ie和netscape兩大陣營競爭。設(shè)計(jì)者制作出的網(wǎng)頁必須面向功能不同的瀏覽器并保持其正確性。這是一項(xiàng)比較困難的工作。而dream

15、weaver不僅在設(shè)計(jì)時(shí)可以基于不同的目標(biāo)瀏覽器進(jìn)行不同的設(shè)計(jì)，而且在頁面制作完畢后，dreamweaver可以基于目標(biāo)瀏覽器對頁面進(jìn)行檢測并給出報(bào)告。在報(bào)告中將顯示出被檢測頁面的兼容性以及在不同瀏覽器中頁面的區(qū)別，同時(shí)還將指出頁面中html的句法錯(cuò)誤。（七）ftp在dreamweaver中包含了一個(gè)界面極為友好的ftp工具。通過它，設(shè)計(jì)者可以非常方便的將設(shè)計(jì)的單一頁面或者一個(gè)站點(diǎn)上傳至服務(wù)器。同時(shí)，設(shè)計(jì)者還可以非常方便的將已經(jīng)上傳至服務(wù)器的文件下載以供參考和修改。在文件傳輸?shù)倪^程中，dreamweaver將記錄下整個(gè)過程以供錯(cuò)誤分析。（八）文件鎖定這是一種專為合作開發(fā)環(huán)境設(shè)置的檔案機(jī)制?？梢?/p>

16、通過標(biāo)記和取出機(jī)制設(shè)置只讀或可編寫屬性來進(jìn)行文檔的保護(hù)。通過這種方法可以防止不必要的數(shù)據(jù)丟失，增強(qiáng)了安全性。網(wǎng)站管理使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形，設(shè)計(jì)，更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱，dreamweaver會(huì)自動(dòng)更新所有鏈接。使用支援文字，html碼，html屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單。無可比擬的控制能力dreamweaver是唯一提供roundtrip html、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含homesite和bbedit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進(jìn)階表格編輯功能使您簡單的選擇單格、

17、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，dreamweaver支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。利用dreamweaver設(shè)計(jì)的網(wǎng)頁，可以全方位的呈現(xiàn)在任何平臺(tái)的熱門瀏覽器上。對于cascading style sheets的動(dòng)態(tài)html支援和鼠標(biāo)換圖效果，聲音和動(dòng)畫的dhtml效果資料庫可在netscape和microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能，dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時(shí)，只要從dreamweaver的網(wǎng)站下載它的描述檔，便可得知詳盡的成效報(bào)告。參考文獻(xiàn)1 莊王健編，網(wǎng)頁設(shè)計(jì)三劍客白金教程，電子工業(yè)出版社2 任學(xué)文、范嚴(yán)編, 網(wǎng)頁設(shè)計(jì)與制作，中國科學(xué)技術(shù)出版社3 武創(chuàng)