網(wǎng)頁設(shè)計(jì)技術(shù)論文(2)
網(wǎng)頁設(shè)計(jì)技術(shù)論文
網(wǎng)頁設(shè)計(jì)技術(shù)論文篇二
網(wǎng)頁設(shè)計(jì)實(shí)用技術(shù)探討
摘 要 21世紀(jì),人類社會(huì)正由原子時(shí)代向數(shù)字時(shí)代過渡,計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)領(lǐng)域逐步形成。伴隨著計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)的不斷進(jìn)步與發(fā)展,網(wǎng)頁藝術(shù)設(shè)計(jì)也應(yīng)運(yùn)而生,網(wǎng)頁是組成互聯(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)頁設(shè)計(jì)者對(duì)網(wǎng)頁的藝術(shù)構(gòu)成要素進(jìn)行深入的探究與思考,形成一場(chǎng)新的思維活動(dòng),并隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而發(fā)展,成為設(shè)計(jì)藝術(shù)領(lǐng)域的重要組成部分之一。
關(guān)鍵詞 網(wǎng)頁設(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ì)旨能夠以簡單快捷的方式把Fireworks,F(xiàn)reeHand,或Photoshop等轉(zhuǎn)存到網(wǎng)頁上。通過檢色吸管工具可以將熒幕上的顏色進(jìn)行設(shè)定,并且使之同網(wǎng)頁的安全色想接近。同時(shí)可以通過一個(gè)簡潔的步驟可以將選單,快捷鍵與格式控制予以完成。同時(shí)Dremweaver的另一個(gè)優(yōu)勢(shì)就在于能夠同Playback Flash,Shockwave和外掛模組等您所喜愛的工具相搭配,整個(gè)完成過程不用將Dremweaver退出也可以非常順暢的完成。
1.1.2網(wǎng)站管理
通過對(duì)網(wǎng)站地圖的充分運(yùn)用可以對(duì)網(wǎng)站的雛形進(jìn)行編輯,同時(shí)完成網(wǎng)站的設(shè)計(jì)以及更新重組工作。Dreamweaver通過自身強(qiáng)大的功能可以對(duì)網(wǎng)頁的位置或者檔案名稱的鏈接進(jìn)行更新。對(duì)于以往復(fù)雜的網(wǎng)站更新工作的快捷化實(shí)現(xiàn)可以采用援文字,HTML碼,HTML屬性標(biāo)簽和一般語法的搜尋及置換功能予以完成。
1.1.3無可比擬的控制能力
Drearweaver的功能非常強(qiáng)大,能夠?qū)oundtrip HTML、視覺化編輯與原始碼編輯設(shè)計(jì)工具予以同步提供。其包含主流文字編輯器,例如HomeSite和BBEdit等。能夠以超乎尋常的速度制作幀(frames)和表格。通過對(duì)進(jìn)階表格編輯功能的使用可以使選擇功能更加簡便快捷,可以進(jìn)行連續(xù)選擇或者單格、行、欄或作未連續(xù)之選取,同樣對(duì)于表格群組可以進(jìn)行排序或者格式化,另外Dreamweaver能夠進(jìn)行非常精確的定位,可以把可輕易轉(zhuǎn)換成表格的圖層通過拖拉置放的方式配置相應(yīng)的版面工作。
1.1.4所供即所得
Dreamweaver的成功之處就在于整合動(dòng)態(tài)式出版視覺編輯及電子商務(wù)功能方面,提供一些軟件體,其中包含ASP, Apache,BroadVision, Cold Fusion,iCAT, Tango,給予Third-party廠商提供超強(qiáng)的支援能力。如果采用用Dreamweaver對(duì)動(dòng)態(tài)網(wǎng)頁進(jìn)行設(shè)計(jì)的時(shí)候,其自身所有的功能非常強(qiáng)大與快捷,能夠采用無瀏覽器的方式對(duì)網(wǎng)頁進(jìn)行預(yù)覽。
1.1.5夢(mèng)幻樣版和XML
Dreamweaver可以將內(nèi)容以及設(shè)計(jì)形式進(jìn)行比較明晰的劃分,采用網(wǎng)頁更新以及團(tuán)隊(duì)合作開展網(wǎng)頁編輯工作。對(duì)網(wǎng)頁的外觀樣版進(jìn)行劃分,設(shè)定出可以進(jìn)行編輯或者不可以進(jìn)行編輯的板塊,添加內(nèi)容的作者可以對(duì)以樣式為主的內(nèi)容進(jìn)行直接編輯但卻不會(huì)應(yīng)為操作失誤導(dǎo)致既定樣式放生改變??梢詫?duì)XML內(nèi)容通過使用樣版進(jìn)行正確的匯入或者輸出。經(jīng)過Dreamweaver設(shè)計(jì)的網(wǎng)頁可以通過任何瀏覽器進(jìn)行打開。對(duì)于一些動(dòng)態(tài)或者特效換圖效果,例如cascading style sheets的動(dòng)態(tài)HTML支援和鼠標(biāo)換圖效果,可以借助Netscape和Microsoft瀏覽器上執(zhí)行。使用者可以借助相應(yīng)的瀏覽器對(duì)不同的檢視功能將詳盡的成效報(bào)告描述出來。
DREAMWEAVER的優(yōu)點(diǎn):
盡管Macromedia的Dreamweaver具有可視化網(wǎng)頁開發(fā)工具的生產(chǎn)力,但是對(duì)于HTML原代碼的控制能力并沒有下降,其所具有的Roundtrip HTML功能能夠在可視化界面與HTML原代碼編輯器之間進(jìn)行精確的切換。
對(duì)于跨瀏覽器的Dynamic、HTM階層式樣式表單、絕對(duì)坐標(biāo)定位以及JavaScript的動(dòng)畫,Dreamweaver 同樣予以支持,網(wǎng)頁的編輯難度進(jìn)一步降低。Roundtrip HTML能夠?qū)TML原始代碼進(jìn)行完全控制,Macintosh 與 Windows 版本的軟體中均包含有著名的BBEdit 與 Home Site 編輯器。
如果其他編輯器產(chǎn)生的網(wǎng)頁被開啟的時(shí)候,那么既有的 HTML 格式會(huì)被保存起來。
對(duì)于Dynamic HTML、直覺式時(shí)間軸界面以及JavaScrip 行為庫來說,他們可以擺脫對(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)率,使用一整套繪畫、制圖和潤色分類工具創(chuàng)建原始圖像或修改照片??焖兕A(yù)覽、標(biāo)記和排序圖像;搜索和編輯元數(shù)據(jù)及關(guān)鍵字;以及從改進(jìn)的文件瀏覽器自動(dòng)共享成批文件。通過保存?zhèn)€性化的工作區(qū)和工具設(shè)置以及創(chuàng)建自定義的鍵盤快捷方式,以最適合您的方式工作。
由于可以使用歷史調(diào)色板撤消或重新執(zhí)行多個(gè)步驟,因此您可以盡情試驗(yàn)。從濾鏡庫瀏覽 Photoshop 濾鏡,您可在濾鏡庫中預(yù)覽堆棧效果。圖形設(shè)計(jì)通過分類成組、顏色編碼和鎖定控制圖層,在上百個(gè)圖層上合成圖像、文本和效果,從而達(dá)到非常復(fù)雜的效果。 通過將同一文件內(nèi)的不同圖層組合另存為“圖層組合”,更有效地為客戶創(chuàng)建不同設(shè)計(jì)。通過將文本置于路徑或圖形內(nèi)創(chuàng)建醒目的印刷格式。 隨時(shí)編輯文本,甚至可在 Adobe Illustrator軟件中編輯。
通過訪問95個(gè)以上的特殊效果濾鏡,輕松試驗(yàn)并獲得另人驚嘆的效果。借助新的“濾鏡庫”,一次預(yù)覽并應(yīng)用多個(gè)濾鏡。
使用 ImageReady CS制作Web:
通過多對(duì)象選擇、對(duì)象分組和智能指南,加快創(chuàng)建和修改網(wǎng)頁設(shè)計(jì)的速度。享受更快捷、更無縫的 Photoshop 和 ImageReady 集成,并可自動(dòng)保存文件和常見命令、工具及快捷方式。在導(dǎo)出為 HTML 表格前,分割復(fù)雜的分層圖像,并對(duì)每一區(qū)域應(yīng)用合適的格式和壓縮設(shè)置。輕松導(dǎo)入數(shù)據(jù)庫和電子表格信息,自動(dòng)制作 Web 圖形。使用 ImageReady CS 創(chuàng)建 SWF 動(dòng)畫,并帶有矢量藝術(shù)作品和可變文本。
2網(wǎng)頁設(shè)計(jì)美學(xué)構(gòu)成要素
2.1文字的編排與設(shè)計(jì)文字
文字是網(wǎng)頁進(jìn)行傳達(dá)信息的主要方式和載體,這一元素發(fā)揮著不可或缺的作用,同時(shí)網(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)品的特點(diǎn)相吻合,編排設(shè)計(jì)效果應(yīng)盡量將其凸顯;個(gè)人主頁則須同自身的性格以及信仰相匹配,給人以強(qiáng)烈的感染力量。在對(duì)網(wǎng)頁字體進(jìn)行編排的時(shí)候,字體格式不應(yīng)該過于繁雜,那樣會(huì)顯得凌亂,一把情況下不能超過四種。
2.2圖片的編排與設(shè)計(jì)圖片
圖片是一種引用到網(wǎng)絡(luò)中的多媒體元素。網(wǎng)絡(luò)可以將圖片和文字結(jié)合起來成倍的向用戶提供信息,同時(shí)也可以將頁面進(jìn)行美化的功能。通過圖片的插入解決了單純的文字的枯燥,使網(wǎng)頁變得美觀,有情趣。同樣一個(gè)信息,加上圖片的吸引力遠(yuǎn)遠(yuǎn)超過純文字的吸引力。網(wǎng)絡(luò)圖片的分辨率要求并不是很高,一把情況下分辨率為72dpi是大多數(shù)圖片最佳選擇;同時(shí),圖片不宜過大。為適應(yīng)信息高速公路的建設(shè)需求,圖片文件應(yīng)該新限制在某一范圍內(nèi),這對(duì)于圖片的下載提供了便利。
2.3地域本土化需求
在現(xiàn)今越來越多的設(shè)計(jì)為西方所感染。對(duì)于本土化的設(shè)計(jì)思路,設(shè)計(jì)師必須深思熟慮,形成獨(dú)有的設(shè)計(jì)風(fēng)格。而網(wǎng)頁設(shè)計(jì)需要世界認(rèn)同中國,從中國的國情、企業(yè)性質(zhì)、受眾所能接受的等方面入手,深化研究,使中國的網(wǎng)頁設(shè)計(jì)擺脫國外的影響,汲取他人的長處,發(fā)揮自己的特點(diǎn),使網(wǎng)頁設(shè)計(jì)具有中國特色,具有強(qiáng)烈的民族性。
3 人性化與綠色設(shè)計(jì)的需求
本世紀(jì)設(shè)計(jì)的主題就是人性化以及綠色設(shè)計(jì)風(fēng)格,這種設(shè)計(jì)思想能夠使當(dāng)前人們的精神和心靈得到慰藉。任何設(shè)計(jì)都是緊緊地圍繞著人這個(gè)主題,當(dāng)然網(wǎng)頁設(shè)計(jì)也必須遵循這一原則。在以往的一段時(shí)間設(shè)計(jì)的好壞衡量標(biāo)準(zhǔn)是刺激消費(fèi)的美學(xué)觀念,這造成資源浪費(fèi),環(huán)境破壞。要想走在網(wǎng)絡(luò)設(shè)計(jì)的前前沿,網(wǎng)頁設(shè)計(jì)必須緊跟時(shí)代步伐,滿足人們的審美觀念和需求。首先應(yīng)當(dāng)滿足自身的實(shí)用功能;其次必須順應(yīng)當(dāng)代的審美潮流。但是不能單純的采用視覺刺激行為,導(dǎo)致視覺審美災(zāi)害。強(qiáng)烈的色彩以及呆板的圖形效果必將會(huì)大打折扣。所以視覺上應(yīng)當(dāng)遵循綠色設(shè)計(jì)原則,有效預(yù)防視覺污染,確保視覺秩序良好的運(yùn)行,將設(shè)計(jì)作品同人類進(jìn)行很好地協(xié)調(diào)。
看了“網(wǎng)頁設(shè)計(jì)技術(shù)論文”的人還看:
1.有關(guān)網(wǎng)頁設(shè)計(jì)畢業(yè)論文范文
3.計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)論文
4.關(guān)于Web標(biāo)準(zhǔn)的電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)論文