公務(wù)員期刊網(wǎng) 論文中心 正文

網(wǎng)頁設(shè)計(jì)中圖像處理技術(shù)的分析

前言:想要寫出一篇引人入勝的文章?我們特意為您整理了網(wǎng)頁設(shè)計(jì)中圖像處理技術(shù)的分析范文,希望能給你帶來靈感和參考,敬請閱讀。

網(wǎng)頁設(shè)計(jì)中圖像處理技術(shù)的分析

摘要:文章介紹了網(wǎng)頁設(shè)計(jì)中運(yùn)用計(jì)算機(jī)圖像處理技術(shù),并對相關(guān)計(jì)算機(jī)圖像處理技巧進(jìn)行介紹,并將其應(yīng)用于網(wǎng)頁設(shè)計(jì)中呈現(xiàn)出的效果進(jìn)行介紹,為從事網(wǎng)頁設(shè)計(jì)人員提供相應(yīng)的理論參考。

關(guān)鍵詞:網(wǎng)頁設(shè)計(jì);計(jì)算機(jī);圖像處理技術(shù);分析

網(wǎng)頁設(shè)計(jì)是當(dāng)前最熱門最火的學(xué)科之一,也是時(shí)下需求最大且薪水較高的互聯(lián)網(wǎng)專業(yè)。網(wǎng)頁設(shè)計(jì)是通過網(wǎng)頁語言進(jìn)行編程向用戶展示各種各樣的圖片,一個成功的網(wǎng)頁必須讓人感覺到藝術(shù)效果感染到用戶、讓用戶留下深刻印象。其中最重要的是對網(wǎng)頁圖形圖像處理,通過將文字和圖像結(jié)合起來向用戶進(jìn)行展示,讓瀏覽者明白展示的內(nèi)容。隨著中國網(wǎng)民數(shù)量激增,網(wǎng)頁瀏覽量也在飛速增長,人們審美感和藝術(shù)感的層次也在提高。除此之外,社會經(jīng)濟(jì)的迅速增長,網(wǎng)頁也是一大媒介促進(jìn)經(jīng)濟(jì)的繁榮,因此,計(jì)算機(jī)圖像處理技術(shù)的使用越來越廣泛,通過計(jì)算機(jī)圖像處理技術(shù)應(yīng)用于網(wǎng)頁設(shè)計(jì)當(dāng)中,能設(shè)計(jì)出滿足人們審美需求的網(wǎng)頁。

1網(wǎng)頁設(shè)計(jì)與圖像處理

網(wǎng)頁設(shè)計(jì)與圖像處理知識中的知識相當(dāng)復(fù)雜,接下來筆者主要從圖像的格式、網(wǎng)頁中插入圖像的方法以及網(wǎng)頁設(shè)計(jì)中的特殊應(yīng)用方面進(jìn)行研究。目前通過計(jì)算機(jī)呈現(xiàn)出來的圖片格式有多種多樣,例如GIF格式、JPEG格式以及PNG格式等,這些格式都可以使用,但是各有各的優(yōu)缺點(diǎn)。GIF格式是圖形交換格式英文的縮寫,可解釋為無損壓縮的算法來對圖形進(jìn)行壓縮,在GIF格式中能最多容納256種顏色。使用GIF格式呈現(xiàn)圖像時(shí),一定要弄清其特點(diǎn),其特點(diǎn)包括4點(diǎn):能夠以動畫形式展示照片;應(yīng)用范圍較為廣泛,可應(yīng)用于卡通、素描及插圖等,在互聯(lián)網(wǎng)應(yīng)用最廣應(yīng)用得效果最好的也就是GIF格式圖像;交錯處理以及透明處理功能也是其一大特點(diǎn)。JPEG格式的中文名稱叫做聯(lián)合靜態(tài)圖形專家組,這種格式的圖像特點(diǎn)是節(jié)省磁盤空間,但圖像質(zhì)量有損失,一些專業(yè)性的圖像處理保存這種格式的圖像是不合適的,不能滿足要求,只適合普通用戶。JPEG格式的圖像缺點(diǎn)是在數(shù)據(jù)傳輸環(huán)境中傳輸會嚴(yán)重失真,其使用范圍主要是在圖像處理或者圖像掃描方面。對PNG格式而言,中文翻譯為可移植網(wǎng)絡(luò)圖形,是一種新型的圖片格式,它與JPEG和GIF格式相比優(yōu)勢明顯,可以得到高清格式的圖像,還能表現(xiàn)出來256色的圖像,當(dāng)然其也使用了壓縮算法,這種算法由于優(yōu)勢明顯,被借鑒到了通信行業(yè),廣泛應(yīng)用在互聯(lián)網(wǎng)行業(yè)中。所以,當(dāng)前最流行的圖像格式便是PNG格式。為了使網(wǎng)頁擁有更好的效果,網(wǎng)頁設(shè)計(jì)人員經(jīng)常在設(shè)計(jì)網(wǎng)頁的時(shí)候加入圖像,而加入圖像的常用軟件就是Dreamwaver,那么怎么操作這個軟件在網(wǎng)頁中加入圖像呢?接下來詳細(xì)介紹:首先要考慮在網(wǎng)頁中插入圖像的位置,為了營造好整體效果,這是很重要的;然后就是真正的加入圖像了,點(diǎn)擊軟件中的插入菜單欄中的圖像按鈕,會出現(xiàn)圖像,點(diǎn)擊之后會出現(xiàn)一個對話框;這個對話框彈出來就是為了讓你選擇圖片,選擇好圖片之后,就開始選擇相應(yīng)的參數(shù)來確定圖像在網(wǎng)頁中的位置;設(shè)置完這些參數(shù)以后,回到最初的插入圖像的界面點(diǎn)擊確定,這樣圖像才真正被導(dǎo)入了,就開始設(shè)置圖像的特性,這就需要通過屬性檢查器設(shè)置,在這里所選擇的內(nèi)容比較多,而用戶最需要關(guān)注的是三項(xiàng)內(nèi)容,分別為源文件、替換以及鏈接。HTML語言代碼的功能非常強(qiáng)大,它可是實(shí)現(xiàn)以上所介紹的所有功能,但是需要熟練掌握HTML語言的編程,掌握這個語言的技巧,這樣才能方便快捷的將圖像插入到網(wǎng)頁當(dāng)中來,例如IMG是一個HTML語言的圖像標(biāo)簽,其基本語法是:<imgsrc=“圖片位置”>圖片的位置上所填寫的內(nèi)容應(yīng)該是相對位置,這個標(biāo)簽語言與其他語言相比較為特殊,因?yàn)樗皇浅蓪Τ霈F(xiàn),只有開始標(biāo)簽。網(wǎng)頁設(shè)計(jì)中擁有兩個常見應(yīng)用,一種是通過移動鼠標(biāo)來使圖像進(jìn)行變換,這需要準(zhǔn)備好兩張照片并配合Photoshop技術(shù);具體操作步驟是打開既定網(wǎng)頁之后,將鼠標(biāo)放到網(wǎng)頁中的任何一個圖片上,這時(shí)立馬就會出現(xiàn)另外一張圖片,但是如果將鼠標(biāo)移開之后就會重新顯示原來的圖片。當(dāng)然這需要HTML、JavaScript中的功能函數(shù)來實(shí)現(xiàn)這樣的效果,且必須要準(zhǔn)備至少兩張照片,這樣才能相互切換,兩張圖片的規(guī)格要是一樣的,如果沒有完全一樣規(guī)格的照片,一般情況下,設(shè)計(jì)者一般是選擇Photoshop技術(shù)來對這些圖像進(jìn)行處理。一種是在網(wǎng)上制作相冊,許多博客網(wǎng)站會看到并配合使用Fireworks進(jìn)行處理。當(dāng)使用電腦瀏覽別人的博客或者QQ空間上的相冊時(shí),你會發(fā)現(xiàn)很多優(yōu)美而生動的照片會按照某一種順序排列好進(jìn)行切換,當(dāng)瀏覽者將鼠標(biāo)任意點(diǎn)擊其中的一張照片時(shí),你會發(fā)現(xiàn),通過點(diǎn)擊的小圖,其中的大圖立馬就會顯現(xiàn)出來,這種效果的原理是利用網(wǎng)頁設(shè)計(jì)技術(shù)將選取的一些圖片放置到指定的文件夾中,通過程序代碼來調(diào)用這個文件夾里面的圖片,且按照某種方式觸發(fā)這些圖片的調(diào)用和切換,這種技術(shù)通常采用的軟件是Fireworks。

2計(jì)算機(jī)圖像處理技術(shù)在網(wǎng)頁設(shè)計(jì)中的應(yīng)用探析

網(wǎng)頁設(shè)計(jì)中使用適當(dāng)?shù)膱D像意義非凡,例如可以做網(wǎng)站的標(biāo)志、網(wǎng)頁的背景以及關(guān)鍵圖等。當(dāng)做網(wǎng)站標(biāo)志時(shí),可以讓瀏覽者印象深刻,讓其了解產(chǎn)品品牌,例如新浪中的sina的這個標(biāo)志,讓人們一眼能看出是新浪的。網(wǎng)頁背景圖主要是用來烘托整個網(wǎng)頁中表達(dá)內(nèi)容的主題。這兩者互相映襯,讓主題更具有感染力。關(guān)鍵圖在網(wǎng)頁中展示可以讓瀏覽者更醒目,讓瀏覽者一眼將網(wǎng)頁掃過去就知道重點(diǎn)在哪里,這種表達(dá)方式更直觀。將一些圖像處理技巧應(yīng)用于網(wǎng)頁中,可以給網(wǎng)頁錦上添花,主要是從圖像尺寸和外形著手,可以通過設(shè)計(jì)主標(biāo)題和副標(biāo)題讓網(wǎng)頁更加突出,再配上內(nèi)容,那必然會無與倫比。對于圖像的外形,主要是針對不同形狀采取不同的措施,這些形狀大致包括方形、菱形、圓形、三角形以及個性化圖像等,方形是生活中比較常見的,也是使用較多的圖形;菱形沒有方形那樣的嚴(yán)肅沒但是使用起來更加靈動;圓形的使用會給瀏覽著帶來一種充實(shí)感,因?yàn)槠鋷в械那€較柔和;三角形圖像能很好的闡釋動感有個性的內(nèi)容,總之根據(jù)情況而定使用,而使用的目的是使網(wǎng)頁更具美感,更具有感染力再配合新奇的創(chuàng)意,使得網(wǎng)頁更加引人注意。

3結(jié)語

在互聯(lián)網(wǎng)中,存在數(shù)不勝數(shù)的網(wǎng)頁,網(wǎng)頁也是它最基本的單元。但是在多如繁星的網(wǎng)頁當(dāng)中如何使自己所做的網(wǎng)頁與眾不同,給上網(wǎng)者留下深刻印象,是一項(xiàng)很難解決的問題,因?yàn)樯暇W(wǎng)者的品味越來越高,網(wǎng)頁設(shè)計(jì)人員的相關(guān)技術(shù)也要不斷更新,設(shè)計(jì)人員除了要讓網(wǎng)頁更加優(yōu)美以外,還要具有藝術(shù)價(jià)值,考慮的因素眾多,例如網(wǎng)頁中的色調(diào)搭配、圖像效果等,采用一定的圖像處理技巧是必須的。計(jì)算機(jī)圖像處理技術(shù)就是一項(xiàng)應(yīng)用于網(wǎng)頁設(shè)計(jì)中的很重要的技術(shù),最終設(shè)計(jì)出來的網(wǎng)頁的效果與圖像處理技術(shù)高低有密切聯(lián)系,所以設(shè)計(jì)者在設(shè)計(jì)網(wǎng)頁時(shí)就應(yīng)該縱觀全局考慮清楚這樣才能有良好的開始,才能設(shè)計(jì)出優(yōu)秀的網(wǎng)頁出來。

參考文獻(xiàn)

[1]王燕軍.網(wǎng)頁設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用[J].電子技術(shù)與軟件工程,2016,(13):104.

[2]雷萌.如何在網(wǎng)頁設(shè)計(jì)中運(yùn)用計(jì)算機(jī)圖像處理技術(shù)[J].信息與電腦(理論版),2016(2):156-157.

作者:蘇暢 單位:黑龍江工業(yè)學(xué)院

相關(guān)熱門標(biāo)簽