網(wǎng)頁(yè)設(shè)計(jì)技術(shù)論文

　　網(wǎng)頁(yè)設(shè)計(jì)技術(shù)論文篇二

　　網(wǎng)頁(yè)設(shè)計(jì)實(shí)用技術(shù)探討

　　摘 要 21世紀(jì)，人類社會(huì)正由原子時(shí)代向數(shù)字時(shí)代過(guò)渡，計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)領(lǐng)域逐步形成。伴隨著計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)的不斷進(jìn)步與發(fā)展，網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)也應(yīng)運(yùn)而生，網(wǎng)頁(yè)是組成互聯(lián)網(wǎng)的最基本要素，其在互聯(lián)網(wǎng)中扮演著極其重要的角色。結(jié)合當(dāng)前所處的時(shí)代和背景，獲取相應(yīng)的技術(shù)以及藝術(shù)經(jīng)驗(yàn)，為達(dá)到相關(guān)的設(shè)計(jì)要求或者目的，網(wǎng)頁(yè)設(shè)計(jì)者對(duì)網(wǎng)頁(yè)的藝術(shù)構(gòu)成要素進(jìn)行深入的探究與思考，形成一場(chǎng)新的思維活動(dòng)，并隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而發(fā)展，成為設(shè)計(jì)藝術(shù)領(lǐng)域的重要組成部分之一。

　　關(guān)鍵詞 網(wǎng)頁(yè)設(shè)計(jì);Dreamweaver;photoshop;要素

　　中圖分類號(hào)TP39 文獻(xiàn)標(biāo)識(shí)碼 A 文章編號(hào) 1674-6708(2014)123-0224-02

　　1DREAMWEAVER和PHOTOSHOP的概述

　　1.1 DREAMWEAVER的概述

　　1.1.1最佳的制作效率

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

　　1.1.2網(wǎng)站管理

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

　　1.1.3無(wú)可比擬的控制能力

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

　　1.1.4所供即所得

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

　　1.1.5夢(mèng)幻樣版和XML

　　Dreamweaver可以將內(nèi)容以及設(shè)計(jì)形式進(jìn)行比較明晰的劃分，采用網(wǎng)頁(yè)更新以及團(tuán)隊(duì)合作開(kāi)展網(wǎng)頁(yè)編輯工作。對(duì)網(wǎng)頁(yè)的外觀樣版進(jìn)行劃分，設(shè)定出可以進(jìn)行編輯或者不可以進(jìn)行編輯的板塊，添加內(nèi)容的作者可以對(duì)以樣式為主的內(nèi)容進(jìn)行直接編輯但卻不會(huì)應(yīng)為操作失誤導(dǎo)致既定樣式放生改變?？梢詫?duì)XML內(nèi)容通過(guò)使用樣版進(jìn)行正確的匯入或者輸出。經(jīng)過(guò)Dreamweaver設(shè)計(jì)的網(wǎng)頁(yè)可以通過(guò)任何瀏覽器進(jìn)行打開(kāi)。對(duì)于一些動(dòng)態(tài)或者特效換圖效果，例如cascading style sheets的動(dòng)態(tài)HTML支援和鼠標(biāo)換圖效果，可以借助Netscape和Microsoft瀏覽器上執(zhí)行。使用者可以借助相應(yīng)的瀏覽器對(duì)不同的檢視功能將詳盡的成效報(bào)告描述出來(lái)。

　　DREAMWEAVER的優(yōu)點(diǎn)：

　　盡管Macromedia的Dreamweaver具有可視化網(wǎng)頁(yè)開(kāi)發(fā)工具的生產(chǎn)力，但是對(duì)于HTML原代碼的控制能力并沒(méi)有下降，其所具有的Roundtrip HTML功能能夠在可視化界面與HTML原代碼編輯器之間進(jìn)行精確的切換。

　　對(duì)于跨瀏覽器的Dynamic、HTM階層式樣式表單、絕對(duì)坐標(biāo)定位以及JavaScript的動(dòng)畫(huà)，Dreamweaver 同樣予以支持，網(wǎng)頁(yè)的編輯難度進(jìn)一步降低。Roundtrip HTML能夠?qū)TML原始代碼進(jìn)行完全控制，Macintosh 與 Windows 版本的軟體中均包含有著名的BBEdit 與 Home Site 編輯器。

　　如果其他編輯器產(chǎn)生的網(wǎng)頁(yè)被開(kāi)啟的時(shí)候，那么既有的 HTML 格式會(huì)被保存起來(lái)。

　　對(duì)于Dynamic HTML、直覺(jué)式時(shí)間軸界面以及JavaScrip 行為庫(kù)來(lái)說(shuō)，他們可以擺脫對(duì)其他程序的以依賴，同樣可以將HTML元件激活。

　　1.2 PHOTOSHOP的概述

　　使用業(yè)界標(biāo)準(zhǔn)的 Adobe Photoshop®;CS和Adobe ImageReady®;CS軟件更加快速地獲取更好效果，同時(shí)為圖形和Web設(shè)計(jì)、攝影及視頻提供必不可少的新功能。

　　PHOTOSHOP的優(yōu)點(diǎn)

　　重新定義生產(chǎn)率，使用一整套繪畫(huà)、制圖和潤(rùn)色分類工具創(chuàng)建原始圖像或修改照片?？焖兕A(yù)覽、標(biāo)記和排序圖像;搜索和編輯元數(shù)據(jù)及關(guān)鍵字;以及從改進(jìn)的文件瀏覽器自動(dòng)共享成批文件。通過(guò)保存?zhèn)€性化的工作區(qū)和工具設(shè)置以及創(chuàng)建自定義的鍵盤(pán)快捷方式，以最適合您的方式工作。

　　由于可以使用歷史調(diào)色板撤消或重新執(zhí)行多個(gè)步驟，因此您可以盡情試驗(yàn)。從濾鏡庫(kù)瀏覽 Photoshop 濾鏡，您可在濾鏡庫(kù)中預(yù)覽堆棧效果。圖形設(shè)計(jì)通過(guò)分類成組、顏色編碼和鎖定控制圖層，在上百個(gè)圖層上合成圖像、文本和效果，從而達(dá)到非常復(fù)雜的效果。 　　通過(guò)將同一文件內(nèi)的不同圖層組合另存為“圖層組合”，更有效地為客戶創(chuàng)建不同設(shè)計(jì)。通過(guò)將文本置于路徑或圖形內(nèi)創(chuàng)建醒目的印刷格式。 隨時(shí)編輯文本，甚至可在 Adobe Illustrator軟件中編輯。

　　通過(guò)訪問(wèn)95個(gè)以上的特殊效果濾鏡，輕松試驗(yàn)并獲得另人驚嘆的效果。借助新的“濾鏡庫(kù)”，一次預(yù)覽并應(yīng)用多個(gè)濾鏡。

　　使用 ImageReady CS制作Web：

　　通過(guò)多對(duì)象選擇、對(duì)象分組和智能指南，加快創(chuàng)建和修改網(wǎng)頁(yè)設(shè)計(jì)的速度。享受更快捷、更無(wú)縫的 Photoshop 和 ImageReady 集成，并可自動(dòng)保存文件和常見(jiàn)命令、工具及快捷方式。在導(dǎo)出為 HTML 表格前，分割復(fù)雜的分層圖像，并對(duì)每一區(qū)域應(yīng)用合適的格式和壓縮設(shè)置。輕松導(dǎo)入數(shù)據(jù)庫(kù)和電子表格信息，自動(dòng)制作 Web 圖形。使用 ImageReady CS 創(chuàng)建 SWF 動(dòng)畫(huà)，并帶有矢量藝術(shù)作品和可變文本。

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

　　2.1文字的編排與設(shè)計(jì)文字

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

　　2.2圖片的編排與設(shè)計(jì)圖片

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

　　2.3地域本土化需求

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

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

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

　　
看了“網(wǎng)頁(yè)設(shè)計(jì)技術(shù)論文”的人還看：

1.有關(guān)網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文范文

2.網(wǎng)頁(yè)設(shè)計(jì)論文范文

3.計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)論文

4.關(guān)于Web標(biāo)準(zhǔn)的電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)論文

5.淺談基于ASP.NET技術(shù)的網(wǎng)站開(kāi)發(fā)與設(shè)計(jì)技術(shù)分析論文