前言：中文期刊網精心挑選了網頁設計論文范文供你參考和學習，希望我們的參考范文能激發你的文章創作靈感，歡迎閱讀。
網頁設計論文范文1
引言…………………………………………………………………..2
1系統設計目標和使用的主要技術……………………………….4
1．1設計目標………………………………………………………4
1．2主要技術………………………………………………………4
1．2．1模板技術………………………………………………….4
1．2．2標簽庫技術……………………………………………….4
2系統的組成和實現……………………………………………….6
2．1系統組成………………………………………………………6
2．2系統的實現……………………………………………………7
2．2．1模板庫和標簽庫的實現………………………………….7
2．2．2系統開發環境…………………………………………….11
3結束語…………………………………………………………….11
引言
隨著WWW（WorldWideWeb）的普及，動態網頁技術也急速發展。從原來的CGI（CommonGatewayIn－terface）到ASP（ActiveServerPage），都從某種程度上滿足了網頁開發人員對動態網頁開發技術的需求論文。但是不管是CGI還是ASP都存在一定的局限性，如CGI對服務器資源的耗費，ASP只能同MicrosoftIIS一起使用等，這些都限制了這些技術的使用范圍，極大地阻礙了它們的推廣。廣大的頁面開發人員都熱切地盼望一種統一的頁面開發技術，該技術應該具有的特點：①與操作平臺無關，能夠在任何Web或應用程序服務器上運行；②將應用程序邏輯和頁面顯示分離；③提供代碼重用，簡化開發基于Web的交互式應用程序的過程。
JSP（JavaServerPage）技術就是被設計用來滿足這樣的要求的。JSP是由SunMicroSystem公司于1999年6月推出的新的網頁開發技術，它是基于JavaServ－let以及整個Java體系的Web開發技術，是Servlet2．1API的擴展。利用這一技術，可以建立先進、安全和跨平臺的動態網站。
Java是未來的主流開發技術，具有很多優勢。JSP則是Java在Internet／IntranetWeb上的重要應用技術，得到了廣泛的支持和承認，它可以和各種Java技術完好地結合在一起，從而實現非常復雜的應用。
作為一種基于文本的、以顯示為中心的開發技術，JSP提供了JavaServlet的所有好處。為了做到邏輯功能和顯示功能分開，JSP已經可以和JavaBeans、EnterpriseJavaBeans（EJB）和Servlet一起工作。JSP的開發人員可以通過使用JavaBeans、EJB和Servlet來完成大部分與網站邏輯相關的工作，而僅僅把顯示的工作交給JSP頁面來完成。內容和顯示邏輯分開的好處在于，更新頁面外觀的人員不必懂得Java代碼，而更新Java類的人員也不必是設計網頁的行家。這就可以用帶Java類的JSP頁面來定義Web模板，以建立一個具有相似外觀的頁面組成的網站。Java類完成數據提供，在模板中就沒有Java代碼，這意味著這些模板可以由一個HTML編寫人員來維護。
JSP作為當前主流的網頁開發技術，具有如下特點。
1）將內容的生成和顯示進行分離：使用JSP技術，Web頁面開發人員可以使用HTML或者XML標識來設計和格式化最終的頁面。使用JSP標識或者小腳本來生成頁面上的動態內容（內容是根據請求來變化的）。生成內容的邏輯被封裝在標識和JavaBeans組件中，并且捆綁在小腳本中，所有的腳本在服務器端運行。如果核心邏輯被封裝在標識和JavaBeans中，那么其他人，如Web管理人員和頁面設計者，能夠編輯和使用JSP頁面，而不影響內容的生成。
2）強調可重用的組件：絕大多數JSP頁面依賴于可重用的、跨平臺的組件來完成應用程序所要求的更為復雜的處理。得益于Java的操作平臺無關性，開發人員能夠很方便共享和交流執行普通操作的組件，或者使得這些組件為更多的使用者所使用。基于組件的方法加速了總體的開發過程，極大地提高了項目整體開發的效率。
雖然JSP功能強大，但是它要求網頁開發人員對Java要相當熟悉。而現在Java程序員還比較少，對一般的網頁開發人員來說，JSP的語法還是比較難于掌握的。所以，就需要有一種網頁開發工具，為一般的網頁開發人員提供常用的JSP應用，讓只懂得一般頁面開發技術（HTML）的開發人員也能夠使用JSP的強大功能。
1系統設計目標和使用的主要技術
1．1設計目標
本系統的設計目標是為只懂得HTML但完全不了解JSP的一般網頁開發人員提供一個網頁開發工具，使他們能夠根據系統文檔，通過標簽使用JSP的常用功能，最后生成一個只包含靜態HTML和JSP標簽的動態JSP網頁。
1．2主要技術
本系統在設計時，主要考慮使用模板和JSP標簽的技術來實現。
1．2．1模板技術
模板技術被廣泛地應用于各種開發和應用系統中。它預先生成一些常用的框架結構，使用戶可以根據自己的需要方便地從模板庫中選擇模板，而不用自己重新去搭建，節省了用戶的開發時間，方便了用戶的使用。在本系統中，將頁面按照功能類型進行分類，歸納出常用的頁面類型，生成模板庫。
1．2．2標簽庫技術
在JSP中，動作是可以創造與訪問程序語言對象和影響輸出流的元素。JSP定義了六個標準的動作。除了這六個標準動作以外，用戶可以定義自己的動作來完成特定的功能。這些動作被稱為客戶化動作，它們是可重用的程序模塊。通過這些動作，程序員就可以在JSP頁面中把頁面的顯示功能也部分地封裝起來，使整個頁面更加簡潔和易于維護。在一個JSP頁面中，這些客戶化動作是通過客戶化標簽來調用的。而標簽庫（TagLibrary）就是客戶化標簽的集合。
JSP標簽庫是一種通過JavaBeans生成基于XML的腳本的方法。它是JSP的最大特點之一。通過標簽庫，能夠無限制地擴展JSP應用，完成任何復雜的應用需求。
JSP標簽庫具有以下特點。
1）易于使用：JSP中的標簽和一般的HTML標記外表上是完全一樣的，使用起來和普通的HTML標記一樣方便。
2）易于代碼重用：標簽庫中的每一個標簽都能完成一定的功能。一旦定義好了一個標簽庫，只需要把這個標簽庫包裝成一個Jar文件，那么以后只要在別的系統中使用這個標簽庫就行了，而不用重新開發代碼，極大地提高了系統開發效率，降低了開發成本。
3）易于代碼維護：所有的應用邏輯都封裝在標簽處理器和JavaBeans中，所有的標簽都集中在一個標簽庫中。如果需要更新代碼或者需要修改一個網頁上的功能，只需要修改相應的標簽即可。通過這種統一維護方式，不用在每個網頁上去作修改，極大地減少了維護的工作量，節約了維護成本。
4）易于系統擴充：如果需要向系統中添加新的功能，只需要定義一個新的標簽來完成這一功能即可，無需對系統的其它方面作任何改動。標簽庫可以繼承JSP規范各方面的特性。這樣就可以無限制地擴展和增加JSP的功能，而不需要等待下一版本JSP的出現。
2系統的組成和實現
2．1系統組成
本系統主要由四個部分組成，見圖1。
1）數據庫連接部分：本系統支持常用的幾個數據庫，包括Oracle、Sybase、MSSQLServer、MySQL和DB2，根據用戶選擇的數據庫類型和用戶提供的數據庫名稱、用戶名、密碼使用JDBC同數據庫相連。
2）系統基本表生成部分：和數據庫連接以后，根據同數據庫相連的用戶名生成兩個系統基本表TC－Tables和TC－Columns，TC－Tables表包含在該數據庫中屬于該用戶的所有的表的英文名稱、中文名稱和一些屬性，如是否可修改、是否可查詢等；TC－Columns表包含在該數據庫中屬于該用戶的所有的表的所有列的中英文名稱和其它一些屬性。如是否可顯示、是否可查詢等。這兩個系統基本表在整個系統的開發過程中提供用戶所使用數據庫的基本信息。
3）模板選擇和網頁生成部分：該部分是系統的核心部分。它包含了兩個子模塊。
①模板選擇部分：系統為用戶提供模板選擇界面，讓用戶根據需要從模板庫中選擇所要使用的模板。
②模板處理部分：根據用戶選擇的模板，系統調用指定的模板處理模塊對這個模板進行處理。當處理程序遇到模板中的標簽時，就為用戶提供交互界面，讓用戶為指定的標簽輸入參數，并由系統驗證用戶輸入的標簽的有效性。最后由系統完成JSP頁面的生成。
4）網頁預覽和修改部分：網頁生成出來以后，系統為用戶提供了一個網頁預覽窗口和代碼查看修改窗口。通過這個預覽窗口，用戶可以預覽一下生成出來的JSP頁面的效果。如果用戶對頁面的靜態方面的效果不太滿意，用戶可以通過代碼查看修改窗口修改代碼中的HTML代碼。如果用戶對頁面的靜態效果有進一步的要求，系統還為用戶提供了一個調用DreamWeaver編輯器的接口，用戶可以使用它來對生成出來的JSP頁面的靜態效果進行進一步的修改和完善。
2．2系統的實現
2．2．1模板庫和標簽庫的實現
標簽庫的規劃和設計在整個系統設計中至關重要，它關系到了代碼重用的程度和系統運行的效率。它的規劃應該遵循以下原則。
1）在標簽中應該盡量少的包含靜態的HTML。對于一般用戶來說，標簽是透明的。用戶不能夠查看和修改標簽。如果在標簽中包含了過多的靜態HT－ML語句，將影響用戶對頁面的靜態效果的修改和完善，限制標簽的使用。
2）盡量提高代碼的重用度。在對JSP應用進行分類是盡量把公用的JSP應用提取出來，形成標簽。而不用在每個標簽中都重復實現該應用。這樣在以后要對該應用進行修改和完善時，只需對這一個標簽進行修改即可，易于代碼的維護。
3）方便用戶的使用。在設計標簽庫時，應該充分考慮到用戶的使用情況，使用戶能夠很容易和方便地理解和使用標簽。
①標簽庫的定義：定義一個標簽庫，必須首先定義一個標簽庫描述文件（TLD）。這是一個基于XML的腳本文件，在這個文件中定義了XML的版本、所使用的編碼、標簽庫的版本、所使用的JSP的版本、標簽庫的名稱和這個庫中所包含的所有的標簽的定義和參數描述，包括標簽的名稱，標簽所對應的Java類，標簽的描述信息等。
②標簽的實現：一個標簽就是一個特殊的Java
類，這個類必須繼承TagSupport類，這個類是在javax．servlet．jsp．tagext包中定義的。在標簽類中，包含了這個標簽的參數初始化方法（Set／Get）、標簽的主體處理方法（Handler）以及供下一級標簽調用的方法等。
③模板的實現：一個模板就是一個含有標簽引用的JSP文件。為了在模板中引用所定義的標簽，必須首先引入標簽庫。
＜％＠tagliburi＝“tag．tld”prefix＝“ctag”％＞
其中uri指定標簽庫描述文件的路徑；prefix指定引用標簽時所使用的前綴。
在模板中引用指定的標簽時，使用引入標簽庫時所指定的前綴，指定標簽的名稱；為標簽的參數賦值。
2．2．2系統開發環境
本系統主體程序開發使用的是Borland公司的JBuilder6．0，模板開發使用是Microsoft公司的Front－Page2000，標簽庫開發使用的是UltraEdit編輯器，JDK采用的是JDK1．4。系統測試環境是JRun3．0。
3結束語
Java是未來開發語言的主流，而Java在Web上的主要應用JSP也必將成為未來Web開發的主流技術。本系統采用了JSP的最大特點之一的標簽庫，使一般的Web開發人員也能夠方便地使用JSP強大的動態頁面功能，開發出技術先進的JSP動態Web頁面。由于本系統采用Java語言進行開發，所以可以在任何支持圖形化界面的操作系統下運行，實現了完全的與平臺無關。本系統易于擴充和完善。在以后可以考慮為用戶提供接口，使用戶可以自己擴充模板庫和標簽庫，進一步增強系統的功能。
參考文獻
［1］CayS．Horstmann，GaryCornell．Java2核心技術（CoreJava2）［M］．北京：機械工業出版社．
［2］BruceEckel．Java編程思想（ThinkinginJava）［M］．北京：機械工業出版社．
網頁設計論文范文2
1.網頁設計是平面設計的網絡化
網頁設計是指利用標識語言，經過一系列的建模、設計、執行等過程，將數字化格式的信息通過網絡傳播，最終以圖形或者視頻形式被用戶瀏覽。因為網頁設計是一種能夠充分利用各種信息化手段的設計過程，所以它既能夠像平面設計一樣對主題進行完美詮釋，還能夠細致地描述目標。在某種程度上來說，創作網頁設計的過程中，主要使用的手法，技巧都是延伸平面設計，有些甚至是一樣的。因此將網頁設計和網絡技術緊密結合起來，是將來網頁設計的一個必然方向。
2.網頁設計是平面設計在網絡時代的延伸
伴隨著網絡時代的迅速發展，人們和網絡的聯系也越來越密切，人們利用網絡技術改革以往工作方式。在平面設計領域也不例外，設計師們利用鮮明的色彩，精心的網頁布局想方設法地吸引人們瀏覽自己的網站。完美的網頁設計一定是有著完美的網頁風格。基于網頁設計和平面設計有著很大程度上的相似性，加上網頁設計的發展背景，我們不能將兩者孤立起來看待，而要清楚地認識到，網頁設計是平面設計在互聯網時代的一種獨特表現形式，是平面設計在新時期新環境下的一種延續，一種創新發展。
3.網頁設計和平面設計在技術上的區別
網頁設計顧名思義就是依賴于互聯網進行創作，對于先進的軟件那無法擺脫的依賴性是網頁設計的短板，但是平面設計卻不是這樣，它對于這類軟件依賴性小，因為可以利用手繪來代替。網頁設計一般工作都是借助繪圖工具，只有在這么強大先進的軟件配合下才能完成設計。但是平面設計伴隨著經濟和科學技術的發展，能夠不只依靠繪圖工具還可以利用畫筆，顏料等傳統工具來工作。
4.總結
網頁設計論文范文3
1.慎用較“重”的圖形元素
這里圖形元素的輕重不是色調的輕重，是形式的輕和重，形式的輕重和內容相呼應，網頁設計的一大趨勢就是越來越“輕”。除了對圓角效果和高光效果等效果的審美疲勞之外，網頁設計師開始意識到好的網頁設計更注重的是將網頁內容與網頁形式結合起來，而非形式的堆砌。所以設計師在應用那些較“重”的圖形設計時，一定要慎重思考，考慮到該圖形的應用是否有必要以及該設計是否與受眾的氣質相契合。
2.內容和形式的分離
對于一些比較強調視覺效果的特殊產品，也可以利用圖片格式和一些前端知識對網頁設計進行優化，比如內容和形式的分離。一些國外比較流行的設計風格都是通過大幅的背景圖進行氣氛的渲染和意境的傳達。這樣做的一個好處就是能把需要用到圖片的視覺元素進行集中的壓縮優化，同時因為前端實現時一般會用相近的背景色先進行填充，然后在逐步顯示背景圖，就不會因為加載太慢而拖慢用戶的訪問速度。
3.通過較小的視覺犧牲換取較大的性能提升
有時候為了提升頁面的加載速度達到更好的用戶體驗，不得不對設計進行優化，這個時候就需要犧牲一部分視覺效果利用網頁設計師掌握的圖片格式知識更有目的性的優化設計網頁。例如著名的淘寶“雙十一”大促銷活動的宣傳網頁網頁，由于雙十一期間，該網頁的訪問量非常大并且為了配合商家的宣傳活動需要在網頁上加載非常多的商品圖片，這時候就需要網頁設計師對雙十一的促銷活動網頁的圖形進行優化以達到提升網頁性能的目的。網頁設計師可以去掉一些不太重要的高光、漸變和陰影效果，從而降低圖片文件的大小，提高圖片文件的加載速度。
4.圖形藝術的界面處理
新穎的網頁圖形藝術設計可以牢牢地吸引住瀏覽者的注意力，設計具有創意、布局合理、設計規范的網頁也是提高網頁瀏覽量的的重中之重。一個圖形運用恰當、設計人性化的網頁可以讓瀏覽者對網站心生好感，極大地提高瀏覽者瀏覽該網頁的欲望。所以，網頁設計者要注重運用一切科學技術手段來設計圖形藝術，保證頁面效果給人以眼前一亮或是舒適的感覺，讓圖形首先在視覺上給予客戶一種沖擊，給客戶一個良好的第一印象。
二、結語
網頁設計論文范文4
1.文字的編排設計
文字是最普遍使用的視覺符號元素。文字的編排設計有字體的選擇、創造以及運用等。在網頁頁面設計中，與其他視覺元素相比文字更具有辨識性。所以說，只要對文字進行編排設計，瀏覽者就更加容易接受所傳達的信息。在處理文字造型時要適應文字的形態構成、空間布局、色彩搭配。通過設計與編排，文字提高了信息的準確度和可讀性，從而達到良好的視覺傳達效果。
2.圖形圖像元素
圖形圖像是網頁中最重要的設計元素之一，具有直觀、形象的特點，因此易于瀏覽者理解和接受。圖形圖像的有效應用使網頁更加美觀、生動，這有利于信息的傳達。圖形圖像在網頁設計中有著傳達性、裝飾性、表現性、趣味性、超越性等重要功能。網頁頁面主要是向瀏覽者傳達信息。圖形圖像是最基本的實用功能，對圖形圖像采用夸張、象征、比喻的手法來體現視覺效果，可以讓瀏覽者更快、更準確地了解信息。個性化的網頁設計，新穎的圖形語言，人性化的組合方式，往往會更加引人注目，給瀏覽者獨特的視覺體驗。圖形圖像使得“藝術無國界”，它用特殊的語言來傳達信息。網頁作為全球性的媒介，當瀏覽者在網頁上找不到自己熟悉的語言版本時，圖形圖像大致了解了他們的信息需求，拉近了信息的傳達者和接收者之間的距離，消除其陌生感。
3.色彩設計
在網頁設計中色彩的主體色調具有先聲奪人的力量，網頁讓瀏覽者產生心理共鳴。運用色彩傳達信息，增強了網頁的可理解性和易識別性。色彩產生了強烈的視覺效果，使得頁面更加生動。色彩設計是頁面設計的語言，是網頁頁面設計中的重要元素。色彩在網頁設計中有視覺區域的劃分、重點主題的突出、視線的吸引。只有利用色彩的力量，不斷設計出各式各樣的優秀頁面，在網頁頁面設計中，色彩的應用或含蓄優雅，或端莊大方，或單純簡潔等，但無論哪種形式其目的都是為了引起瀏覽者的關注，增強網頁視覺信息的傳遞。
4.版式設計版式
在網頁頁面設計中有著實用功能和審美功能。網頁版式設計的實用功能就是人機交互。在網頁設計時要了解網站的目的及想傳達的信息，不同的網站都有不同的特色、重點。網頁中設計的導航欄和空間劃分組合的版式編排，及清晰合理的設計元素要符合整體風格，版式合理有序的排列使得信息有效傳達。網頁版式中的審美功能是為了滿足瀏覽者的心理需求，瀏覽者在瀏覽網頁的同時，版式設計使他獲得了快樂與舒心的體驗。網頁版式各視覺要素要進行平衡與調整，使其成為一個有機的整體。保持布局設計的獨特風格，可以提高網頁界面的視覺表達和感染力度。
二、數字網頁設計中的媒體視覺傳達
1.網頁主題及整體風格的視覺傳達
網頁設計首先要明確主題的設計和建立網站的目的，要及時進行市場調查，了解網站受眾的情況，確立網頁的整體風格，使網站的全部信息按照主題來設計。網頁設計做到鮮明突出、要點明確，以簡單的頁面傳達不簡單的信息。網頁的表現形式要與內容統一，而整體風格要與主題前后一致。同時，信息要及時更新，使網頁頁面中所掌握的信息一定是即時最新的，這樣才能增加網頁的訪問量，有利于信息的傳達。
2.網頁設計的受眾及情感傳達
網頁設計需要對受眾定位，不同受眾主要體現在人的性別、年齡、職業以及受教育程度、生活習俗等方面的差異。從年齡上看，不同階段年齡的受眾所關注的事物各不相同，因此在網頁設計時可以把握這種特點，使得網頁設計更加具有針對性。人們在接受和理解信息時受態度、愿望、需求和情感等心理因素的影響，所以會對信息有選擇性，這種需求心理的差異決定了網頁上的視覺信息應當盡可能的豐富，才能為更多的受眾所用。
3.網頁設計在視覺傳達中應注意的問題
首先，網頁的版面設計。在頁面上，圖片和文字同時展示給用戶，將所有產品都放在一個網頁上，不分主次，這樣導致瀏覽者找不到自己所需的信息。其次，文字設計影響到網頁的質量。為了突出字體內容，會將字體加大，加下劃線和使用藝術字體。將字體和段落有序組織，才不缺乏視覺美感。再次，色彩的運用和搭配也極為重要。色彩搭配要合理、適度，主體風格要統一，才能夠給瀏覽者一種美的享受。為了網頁有視覺沖擊力，將風格不同、顏色各異的圖片、文字等放在頁面上，卻適得其反。最后，圖片的不合理導入。現在很多網頁設計中圖片的選用不合理，編排不得當，使得頁面零亂、空洞，極大影響了網頁視覺傳媒的質量。
三、結語
網頁設計論文范文5
網頁設計中色彩搭配往往是設計師設計的重中之重，因為網頁設計的一個重要的特點就是讓瀏覽者以第一眼的感覺對網站進行基本的認識和定位，這個第一眼的概念就是瀏覽者不會在一瞬間對文字性的內容有太多的印象，而是停留在網頁大面積的色彩帶來的沖擊上。因此色彩的搭配在為網站取得美好的第一印象的行動中顯得尤為的重要。目前的網頁設計中也有許多的設計師們意識到了這一點，于是有部分設計師在對網頁進行設計時采用了非常搶眼的純色，不可否認的是純色的運用確實會在第一眼的視覺感受上造成很大的沖擊，但純色對于一個瀏覽者對網站的長期瀏覽是十分不利的，因為純色不僅會加大瀏覽者的視覺疲勞感，還會會使瀏覽者對網站產生不利的品牌認識。在對幾個優秀的網頁設計作品進行對比和總結之后我們發現他們幾乎有一個共同的特點，就是色彩上的留白。當然，這種留白并不是指他們的網頁設計大面積的使用白色，而是他們在選用色彩時除了對需要強調的部分使用了必要的純度較高的顏色進行突出外，其他的版面都采用了顏色純度較低的高級灰，而且這些高級灰的面積較大，有一些甚至無限接近于白色。這種色彩上的留白使得整個網頁設計的品味和內涵都得到了較好的體現，而且使得瀏覽者在對網頁產生了相對較好的第一印象之后也非常愿意應留在網頁上進行進一步的瀏覽，既欣賞了網頁的色彩，也對網頁想要傳達的其他內容有了一定的了解。
二、網頁設計中文字表達時的留白
文字內容對網頁設計也具有相當大的影響，因為瀏覽者在對圖片進行了第一印象的判斷后緊接著就是對文字的印象了，因為一件優秀的網頁設計作品不僅是色彩對瀏覽者的吸引，當瀏覽者停留下來開始對文字進行欣賞時，文字的重要就變得不言而喻了。然而文字的表達也絕非只是將網站的內容簡單的以文字的形式呈現出來那樣簡單，其中的講究我么也是經過了大量的對比和學習才發現了其中的一些規律，簡而言之也就是在網頁設計中對文字的表達也要進行留白處理。文字的表達應該如何留白處理呢？其實并不難，因為文字本身也是有一些留白的結構的，所以設計師在設計網頁的文字時一定要結合文字本身的留白結構，再結合頁面設計的需要對文字進行合適的的處理。且文字的留白還有一點很重要，就是當一件網頁設計中需要的文字信息量很大時可以對文字本身進行平面化的處理，使文字成為一種設計元素而非成為阻礙網頁設計效果的障礙，但網頁設計中無論用什么方法去處理文字都應該將文字表達中最重要的部分進行強調，以免在經過多種藝術手法的處理之后反而使得文字無法有效的傳達出網頁所要表達的信息，進而造成網站的主題不明，寓意不明等問題。文字的表達在網頁設計中必不可少，國內外許多優秀的網頁設計都在文字的處理上讓人們拍手稱贊，其中不難發現無論使用了那種形式的處理方法，留白都是這些優秀文字處理手法的核心所在，所以，當大量的文字內容使得網頁設計的效果不盡人意時我們應該停下來思考一會兒，是不是應該考慮進行留白了呢？
三、網頁設計中版式設計時的留白
網頁設計論文范文6
1.1DREAMWEAVER的概述
1.1.1最佳的制作效率Dreamweaver的優勢旨能夠以簡單快捷的方式把Fireworks，FreeHand，或Photoshop等轉存到網頁上。通過檢色吸管工具可以將熒幕上的顏色進行設定，并且使之同網頁的安全色想接近。同時可以通過一個簡潔的步驟可以將選單，快捷鍵與格式控制予以完成。同時Dremweaver的另一個優勢就在于能夠同PlaybackFlash，Shockwave和外掛模組等您所喜愛的工具相搭配，整個完成過程不用將Dremweaver退出也可以非常順暢的完成。
1.1.2網站管理通過對網站地圖的充分運用可以對網站的雛形進行編輯，同時完成網站的設計以及更新重組工作。Dreamweaver通過自身強大的功能可以對網頁的位置或者檔案名稱的鏈接進行更新。對于以往復雜的網站更新工作的快捷化實現可以采用援文字，HTML碼，HTML屬性標簽和一般語法的搜尋及置換功能予以完成。
1.1.3無可比擬的控制能力Drearweaver的功能非常強大，能夠將RoundtripHTML、視覺化編輯與原始碼編輯設計工具予以同步提供。其包含主流文字編輯器，例如HomeSite和BBEdit等。能夠以超乎尋常的速度制作幀(frames)和表格。通過對進階表格編輯功能的使用可以使選擇功能更加簡便快捷，可以進行連續選擇或者單格、行、欄或作未連續之選取，同樣對于表格群組可以進行排序或者格式化，另外Dreamweaver能夠進行非常精確的定位，可以把可輕易轉換成表格的圖層通過拖拉置放的方式配置相應的版面工作。
1.1.4所供即所得Dreamweaver的成功之處就在于整合動態式出版視覺編輯及電子商務功能方面，提供一些軟件體，其中包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango，給予Third-party廠商提供超強的支援能力。如果采用用Dreamweaver對動態網頁進行設計的時候，其自身所有的功能非常強大與快捷，能夠采用無瀏覽器的方式對網頁進行預覽。
1.1.5夢幻樣版和XMLDreamweaver可以將內容以及設計形式進行比較明晰的劃分，采用網頁更新以及團隊合作開展網頁編輯工作。對網頁的外觀樣版進行劃分，設定出可以進行編輯或者不可以進行編輯的板塊，添加內容的作者可以對以樣式為主的內容進行直接編輯但卻不會應為操作失誤導致既定樣式放生改變。可以對XML內容通過使用樣版進行正確的匯入或者輸出。經過Dreamweaver設計的網頁可以通過任何瀏覽器進行打開。對于一些動態或者特效換圖效果，例如cascadingstylesheets的動態HTML支援和鼠標換圖效果，可以借助Netscape和Microsoft瀏覽器上執行。使用者可以借助相應的瀏覽器對不同的檢視功能將詳盡的成效報告描述出來。DREAMWEAVER的優點：盡管Macromedia的Dreamweaver具有可視化網頁開發工具的生產力，但是對于HTML原代碼的控制能力并沒有下降，其所具有的RoundtripHTML功能能夠在可視化界面與HTML原代碼編輯器之間進行精確的切換。對于跨瀏覽器的Dynamic、HTM階層式樣式表單、絕對坐標定位以及JavaScript的動畫，Dreamweaver同樣予以支持，網頁的編輯難度進一步降低。RoundtripHTML能夠對HTML原始代碼進行完全控制，Macintosh與Windows版本的軟體中均包含有著名的BBEdit與HomeSite編輯器。如果其他編輯器產生的網頁被開啟的時候，那么既有的HTML格式會被保存起來。對于DynamicHTML、直覺式時間軸界面以及JavaScrip行為庫來說，他們可以擺脫對其他程序的以依賴，同樣可以將HTML元件激活。
1.2PHOTOSHOP的概述使用業界標準的AdobePhotoshop®；CS和AdobeImageReady®；CS軟件更加快速地獲取更好效果，同時為圖形和Web設計、攝影及視頻提供必不可少的新功能。PHOTOSHOP的優點重新定義生產率，使用一整套繪畫、制圖和潤色分類工具創建原始圖像或修改照片。快速預覽、標記和排序圖像；搜索和編輯元數據及關鍵字；以及從改進的文件瀏覽器自動共享成批文件。通過保存個性化的工作區和工具設置以及創建自定義的鍵盤快捷方式，以最適合您的方式工作。由于可以使用歷史調色板撤消或重新執行多個步驟，因此您可以盡情試驗。從濾鏡庫瀏覽Photoshop濾鏡，您可在濾鏡庫中預覽堆棧效果。圖形設計通過分類成組、顏色編碼和鎖定控制圖層，在上百個圖層上合成圖像、文本和效果，從而達到非常復雜的效果。通過將同一文件內的不同圖層組合另存為“圖層組合”，更有效地為客戶創建不同設計。通過將文本置于路徑或圖形內創建醒目的印刷格式。隨時編輯文本，甚至可在AdobeIllustrator軟件中編輯。通過訪問95個以上的特殊效果濾鏡，輕松試驗并獲得另人驚嘆的效果。借助新的“濾鏡庫”，一次預覽并應用多個濾鏡。使用ImageReadyCS制作Web：通過多對象選擇、對象分組和智能指南，加快創建和修改網頁設計的速度。享受更快捷、更無縫的Photoshop和ImageReady集成，并可自動保存文件和常見命令、工具及快捷方式。在導出為HTML表格前，分割復雜的分層圖像，并對每一區域應用合適的格式和壓縮設置。輕松導入數據庫和電子表格信息，自動制作Web圖形。使用ImageReadyCS創建SWF動畫，并帶有矢量藝術作品和可變文本。
2網頁設計美學構成要素
2.1文字的編排與設計文字文字是網頁進行傳達信息的主要方式和載體，這一元素發揮著不可或缺的作用，同時網頁中的描述信息也是通過這一要素予以完成的，所以網頁中的文字占據的面積非常的大，網頁質量的好壞在很大程度上取決于文字表現水平。網頁文字的功能旨在將各種信息清楚的傳達出來，所以文字編輯效果應該給人清晰舒服的視覺感受。文字的編排必須同信息的內容性質相結合，不能彼此之間相互割裂或者沖突。例如，如果是類似政府的網頁，文字格式應當莊重，規范，工整有序；公司的網頁必須同自身的性質、理念或者產品的特點相吻合，編排設計效果應盡量將其凸顯；個人主頁則須同自身的性格以及信仰相匹配，給人以強烈的感染力量。在對網頁字體進行編排的時候，字體格式不應該過于繁雜，那樣會顯得凌亂，一把情況下不能超過四種。
2.2圖片的編排與設計圖片圖片是一種引用到網絡中的多媒體元素。網絡可以將圖片和文字結合起來成倍的向用戶提供信息，同時也可以將頁面進行美化的功能。通過圖片的插入解決了單純的文字的枯燥，使網頁變得美觀，有情趣。同樣一個信息，加上圖片的吸引力遠遠超過純文字的吸引力。網絡圖片的分辨率要求并不是很高，一把情況下分辨率為72dpi是大多數圖片最佳選擇；同時，圖片不宜過大。為適應信息高速公路的建設需求，圖片文件應該新限制在某一范圍內，這對于圖片的下載提供了便利。
2.3地域本土化需求在現今越來越多的設計為西方所感染。對于本土化的設計思路，設計師必須深思熟慮，形成獨有的設計風格。而網頁設計需要世界認同中國，從中國的國情、企業性質、受眾所能接受的等方面入手，深化研究，使中國的網頁設計擺脫國外的影響，汲取他人的長處，發揮自己的特點，使網頁設計具有中國特色，具有強烈的民族性。
3人性化與綠色設計的需求
