前言：本站為你精心整理了實用型技術網(wǎng)頁設計論文范文，希望能為你的創(chuàng)作提供參考價值，我們的客服老師可以幫助你提供個性化的參考范文，歡迎咨詢。

1DREAMWEAVER和PHOTOSHOP的概述

1.1DREAMWEAVER的概述

1.1.1最佳的制作效率Dreamweaver的優(yōu)勢旨能夠以簡單快捷的方式把Fireworks，F(xiàn)reeHand，或Photoshop等轉存到網(wǎng)頁上。通過檢色吸管工具可以將熒幕上的顏色進行設定，并且使之同網(wǎng)頁的安全色想接近。同時可以通過一個簡潔的步驟可以將選單，快捷鍵與格式控制予以完成。同時Dremweaver的另一個優(yōu)勢就在于能夠同PlaybackFlash，Shockwave和外掛模組等您所喜愛的工具相搭配，整個完成過程不用將Dremweaver退出也可以非常順暢的完成。

1.1.2網(wǎng)站管理通過對網(wǎng)站地圖的充分運用可以對網(wǎng)站的雛形進行編輯，同時完成網(wǎng)站的設計以及更新重組工作。Dreamweaver通過自身強大的功能可以對網(wǎng)頁的位置或者檔案名稱的鏈接進行更新。對于以往復雜的網(wǎng)站更新工作的快捷化實現(xiàn)可以采用援文字，HTML碼，HTML屬性標簽和一般語法的搜尋及置換功能予以完成。

1.1.3無可比擬的控制能力Drearweaver的功能非常強大，能夠?qū)oundtripHTML、視覺化編輯與原始碼編輯設計工具予以同步提供。其包含主流文字編輯器，例如HomeSite和BBEdit等。能夠以超乎尋常的速度制作幀(frames)和表格。通過對進階表格編輯功能的使用可以使選擇功能更加簡便快捷，可以進行連續(xù)選擇或者單格、行、欄或作未連續(xù)之選取，同樣對于表格群組可以進行排序或者格式化，另外Dreamweaver能夠進行非常精確的定位，可以把可輕易轉換成表格的圖層通過拖拉置放的方式配置相應的版面工作。

1.1.4所供即所得Dreamweaver的成功之處就在于整合動態(tài)式出版視覺編輯及電子商務功能方面，提供一些軟件體，其中包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango，給予Third-party廠商提供超強的支援能力。如果采用用Dreamweaver對動態(tài)網(wǎng)頁進行設計的時候，其自身所有的功能非常強大與快捷，能夠采用無瀏覽器的方式對網(wǎng)頁進行預覽。

1.1.5夢幻樣版和XMLDreamweaver可以將內(nèi)容以及設計形式進行比較明晰的劃分，采用網(wǎng)頁更新以及團隊合作開展網(wǎng)頁編輯工作。對網(wǎng)頁的外觀樣版進行劃分，設定出可以進行編輯或者不可以進行編輯的板塊，添加內(nèi)容的作者可以對以樣式為主的內(nèi)容進行直接編輯但卻不會應為操作失誤導致既定樣式放生改變。可以對XML內(nèi)容通過使用樣版進行正確的匯入或者輸出。經(jīng)過Dreamweaver設計的網(wǎng)頁可以通過任何瀏覽器進行打開。對于一些動態(tài)或者特效換圖效果，例如cascadingstylesheets的動態(tài)HTML支援和鼠標換圖效果，可以借助Netscape和Microsoft瀏覽器上執(zhí)行。使用者可以借助相應的瀏覽器對不同的檢視功能將詳盡的成效報告描述出來。DREAMWEAVER的優(yōu)點：盡管Macromedia的Dreamweaver具有可視化網(wǎng)頁開發(fā)工具的生產(chǎn)力，但是對于HTML原代碼的控制能力并沒有下降，其所具有的RoundtripHTML功能能夠在可視化界面與HTML原代碼編輯器之間進行精確的切換。對于跨瀏覽器的Dynamic、HTM階層式樣式表單、絕對坐標定位以及JavaScript的動畫，Dreamweaver同樣予以支持，網(wǎng)頁的編輯難度進一步降低。RoundtripHTML能夠?qū)TML原始代碼進行完全控制，Macintosh與Windows版本的軟體中均包含有著名的BBEdit與HomeSite編輯器。如果其他編輯器產(chǎn)生的網(wǎng)頁被開啟的時候，那么既有的HTML格式會被保存起來。對于DynamicHTML、直覺式時間軸界面以及JavaScrip行為庫來說，他們可以擺脫對其他程序的以依賴，同樣可以將HTML元件激活。

1.2PHOTOSHOP的概述使用業(yè)界標準的AdobePhotoshop&reg；CS和AdobeImageReady&reg；CS軟件更加快速地獲取更好效果，同時為圖形和Web設計、攝影及視頻提供必不可少的新功能。PHOTOSHOP的優(yōu)點重新定義生產(chǎn)率，使用一整套繪畫、制圖和潤色分類工具創(chuàng)建原始圖像或修改照片?？焖兕A覽、標記和排序圖像；搜索和編輯元數(shù)據(jù)及關鍵字；以及從改進的文件瀏覽器自動共享成批文件。通過保存?zhèn)€性化的工作區(qū)和工具設置以及創(chuàng)建自定義的鍵盤快捷方式，以最適合您的方式工作。由于可以使用歷史調(diào)色板撤消或重新執(zhí)行多個步驟，因此您可以盡情試驗。從濾鏡庫瀏覽Photoshop濾鏡，您可在濾鏡庫中預覽堆棧效果。圖形設計通過分類成組、顏色編碼和鎖定控制圖層，在上百個圖層上合成圖像、文本和效果，從而達到非常復雜的效果。通過將同一文件內(nèi)的不同圖層組合另存為“圖層組合”，更有效地為客戶創(chuàng)建不同設計。通過將文本置于路徑或圖形內(nèi)創(chuàng)建醒目的印刷格式。隨時編輯文本，甚至可在AdobeIllustrator軟件中編輯。通過訪問95個以上的特殊效果濾鏡，輕松試驗并獲得另人驚嘆的效果。借助新的“濾鏡庫”，一次預覽并應用多個濾鏡。使用ImageReadyCS制作Web：通過多對象選擇、對象分組和智能指南，加快創(chuàng)建和修改網(wǎng)頁設計的速度。享受更快捷、更無縫的Photoshop和ImageReady集成，并可自動保存文件和常見命令、工具及快捷方式。在導出為HTML表格前，分割復雜的分層圖像，并對每一區(qū)域應用合適的格式和壓縮設置。輕松導入數(shù)據(jù)庫和電子表格信息，自動制作Web圖形。使用ImageReadyCS創(chuàng)建SWF動畫，并帶有矢量藝術作品和可變文本。

2網(wǎng)頁設計美學構成要素

2.1文字的編排與設計文字文字是網(wǎng)頁進行傳達信息的主要方式和載體，這一元素發(fā)揮著不可或缺的作用，同時網(wǎng)頁中的描述信息也是通過這一要素予以完成的，所以網(wǎng)頁中的文字占據(jù)的面積非常的大，網(wǎng)頁質(zhì)量的好壞在很大程度上取決于文字表現(xiàn)水平。網(wǎng)頁文字的功能旨在將各種信息清楚的傳達出來，所以文字編輯效果應該給人清晰舒服的視覺感受。文字的編排必須同信息的內(nèi)容性質(zhì)相結合，不能彼此之間相互割裂或者沖突。例如，如果是類似政府的網(wǎng)頁，文字格式應當莊重，規(guī)范，工整有序；公司的網(wǎng)頁必須同自身的性質(zhì)、理念或者產(chǎn)品的特點相吻合，編排設計效果應盡量將其凸顯；個人主頁則須同自身的性格以及信仰相匹配，給人以強烈的感染力量。在對網(wǎng)頁字體進行編排的時候，字體格式不應該過于繁雜，那樣會顯得凌亂，一把情況下不能超過四種。

2.2圖片的編排與設計圖片圖片是一種引用到網(wǎng)絡中的多媒體元素。網(wǎng)絡可以將圖片和文字結合起來成倍的向用戶提供信息，同時也可以將頁面進行美化的功能。通過圖片的插入解決了單純的文字的枯燥，使網(wǎng)頁變得美觀，有情趣。同樣一個信息，加上圖片的吸引力遠遠超過純文字的吸引力。網(wǎng)絡圖片的分辨率要求并不是很高，一把情況下分辨率為72dpi是大多數(shù)圖片最佳選擇；同時，圖片不宜過大。為適應信息高速公路的建設需求，圖片文件應該新限制在某一范圍內(nèi)，這對于圖片的下載提供了便利。

2.3地域本土化需求在現(xiàn)今越來越多的設計為西方所感染。對于本土化的設計思路，設計師必須深思熟慮，形成獨有的設計風格。而網(wǎng)頁設計需要世界認同中國，從中國的國情、企業(yè)性質(zhì)、受眾所能接受的等方面入手，深化研究，使中國的網(wǎng)頁設計擺脫國外的影響，汲取他人的長處，發(fā)揮自己的特點，使網(wǎng)頁設計具有中國特色，具有強烈的民族性。

3人性化與綠色設計的需求

本世紀設計的主題就是人性化以及綠色設計風格，這種設計思想能夠使當前人們的精神和心靈得到慰藉。任何設計都是緊緊地圍繞著人這個主題，當然網(wǎng)頁設計也必須遵循這一原則。在以往的一段時間設計的好壞衡量標準是刺激消費的美學觀念，這造成資源浪費，環(huán)境破壞。要想走在網(wǎng)絡設計的前前沿，網(wǎng)頁設計必須緊跟時代步伐，滿足人們的審美觀念和需求。首先應當滿足自身的實用功能；其次必須順應當代的審美潮流。但是不能單純的采用視覺刺激行為，導致視覺審美災害。強烈的色彩以及呆板的圖形效果必將會大打折扣。所以視覺上應當遵循綠色設計原則，有效預防視覺污染，確保視覺秩序良好的運行，將設計作品同人類進行很好地協(xié)調(diào)。

作者：劉春梅單位：吉林電視臺網(wǎng)絡運管部