實用型技術(shù)網(wǎng)頁設(shè)計論文

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

1DREAMWEAVER和PHOTOSHOP的概述

1.1DREAMWEAVER的概述

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

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

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

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

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

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

2網(wǎng)頁設(shè)計美學(xué)構(gòu)成要素

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

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

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

3人性化與綠色設(shè)計的需求

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

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