時間：2023-07-31 09:20:56
緒論：在尋找寫作靈感嗎？愛發(fā)表網(wǎng)為您精選了8篇網(wǎng)頁設(shè)計(jì)的技巧，愿這些內(nèi)容能夠啟迪您的思維，激發(fā)您的創(chuàng)作熱情，歡迎您的閱讀與分享！
關(guān)鍵詞：Dreamweaver；表格；層；排版
作者簡介：龍敏敏（1979-），女，湖南祁東，本科，講師；研究方向：計(jì)算機(jī)教育教學(xué)
1Dreamweaver網(wǎng)頁設(shè)計(jì)工具簡介
瀏覽網(wǎng)頁已經(jīng)是現(xiàn)代社會人們生活中的一個重要組成部分，網(wǎng)頁作為網(wǎng)絡(luò)信息傳播的主要載體，其設(shè)計(jì)也被大家所關(guān)注。網(wǎng)頁設(shè)計(jì)的軟件有多種，Dreamweaver是著名的“所見即所得”的可視化網(wǎng)站開發(fā)工具，是國內(nèi)外普遍應(yīng)用的專用網(wǎng)頁設(shè)計(jì)軟件。它被稱為“織夢者”，即它的英文單詞所表達(dá)的意思。Dreamweaver不僅提供了強(qiáng)大的網(wǎng)頁編輯功能，而且提供了完善的站點(diǎn)管理機(jī)制。它是一個集網(wǎng)頁創(chuàng)作和站點(diǎn)管理兩大利器于一身的超重量級創(chuàng)作工具。網(wǎng)頁設(shè)計(jì)的重點(diǎn)是版面的設(shè)計(jì)，即如何將所有的素材按照設(shè)計(jì)要求精美地羅列在頁面中。所以，如何排版成為網(wǎng)頁設(shè)計(jì)中的關(guān)鍵。
2使用表格和層排版
在Dreamweaver網(wǎng)頁設(shè)計(jì)中，排版的方法有很多種，其中使用表格和層排版是基本的方法，通過設(shè)計(jì)模式可以輕松完成，簡單易學(xué)，是大家常用的方法，對網(wǎng)頁排版起到了重要的作用。
2.1表格排版
在制作網(wǎng)頁時，要想將文本、圖片等組織得美觀，有條理，就需要排版人員頭腦里有一個整體布局的概念。在Dreamweaver中，安排頁面內(nèi)容布局主要是依靠表格來完成的。通過表格的相互嵌套和合并、拆分，可以將自己的構(gòu)思完整地表現(xiàn)出來。表格是網(wǎng)頁設(shè)計(jì)制作時不可缺少的重要元素，它以簡潔明了和高效快捷的方式將數(shù)據(jù)、文本、圖片、表單等元素有序地顯示在頁面上，從而設(shè)計(jì)出版式漂亮的頁面。使用表格排版的頁面，在不同平臺、不同分辨率的瀏覽器里都能保持其原有的布局，且在不同的瀏覽器平臺有較好的兼容性，所以表格是網(wǎng)頁中最常用的排版方式之一。表格排版比較規(guī)范，整體性強(qiáng)，一般的網(wǎng)頁排版中都會使用表格進(jìn)行整體的排版，但其表現(xiàn)比較中規(guī)中矩，不會有太多其他的豐富功能。
2.2層排版
層是CSS中的定位技術(shù)，在Dreamweaver中可對其可視化操作。文本、圖像、表格等元素只能固定其位置，不能相互疊加在一起，使用層功能，可以將其放置在網(wǎng)頁文檔內(nèi)的任何一個位置，還可以按順序排放網(wǎng)頁文檔中的其他構(gòu)成元素。層體現(xiàn)了網(wǎng)頁技術(shù)從二維空間向三維空間的一種延伸。層具有很多表格所不具備的特點(diǎn)，比如可以重疊，便于移動，可設(shè)為隱藏，還能為層添加一些行為，使頁面具有更豐富的變化等。這些特點(diǎn)有助于設(shè)計(jì)思維不受局限，從而發(fā)揮更多的想象力。由于它是一種新的CSS定位技術(shù)，層在具有上述優(yōu)點(diǎn)的同時，也存在著一些不可避免的缺陷，比如兼容性、定位問題。所以，目前比較大型的網(wǎng)站不會單獨(dú)使用層來排版。
2.3層轉(zhuǎn)換成表格排版
前面提到，層與表格都可以用來在頁面中定位其他對象，它們有時可以互相取代，但兩者并不完全相同，有時就必須使用其中的一種。比如，當(dāng)需要用到表格來排版頁面，但又覺得表格的添加比較煩瑣，而層比較靈活，這時候，排版者可以使用層到表格的轉(zhuǎn)換來實(shí)現(xiàn)。具體的操作步驟是：（1）首先在層面板中勾選“防止重疊”選項(xiàng)，這樣繪制層的時候就不會出現(xiàn)疊加和嵌套的現(xiàn)象；（2）在頁面中繪制若干個層，把頁面中的各元素添加到層里面；（3）把每個層自由地排列到頁面中各個相應(yīng)的位置；（4）使用層排版結(jié)束之后，要將層排版轉(zhuǎn)化為表格排版，選擇“修改”—“轉(zhuǎn)換”—“層到表格”命令，在對話框中設(shè)置好相應(yīng)的參數(shù)，確定之后層就會轉(zhuǎn)換成對應(yīng)的表格。這種排版方法在排列對象時比較靈活一點(diǎn)，但有時也會產(chǎn)生一些多余的單元格。當(dāng)然，這種方法一般適用于不太復(fù)雜的頁面的排版，對于比較復(fù)雜的圖文混排頁面，最好還是采用傳統(tǒng)的表格排版方法。
3排版時容易出現(xiàn)的問題及解決方法
3.1整體表格排版出現(xiàn)的問題
有很多人在網(wǎng)頁中用表格排版時習(xí)慣使用一個大表格，然后在大表格中嵌入一個個小表格，認(rèn)為這保持了排版的整體性，其實(shí)這個習(xí)慣是不好的。一個大而長的表格在瀏覽器中打開時會加重瀏覽器的負(fù)擔(dān)，瀏覽器一般是等待整個表格的內(nèi)容都接收到以后才顯示這個表格的內(nèi)容，如果一個很長的頁面使用一個大表格排版，那么這個網(wǎng)頁顯示速度就會比較慢，使得頁面呈現(xiàn)的時間大大加長，很多時候有些網(wǎng)頁的訪問者會失去等待的耐心而放棄瀏覽這個網(wǎng)頁。解決的方法是：拆分表格，將大表格化整為零，把表格打散，并要盡可能地避免表格的層層嵌套。注意，拆分后的表格的寬度要設(shè)置為相等，這樣表格的排版效果和拆分前相比并沒有改變，在瀏覽器中呈現(xiàn)時，頁面會從上至下一個個表格呈現(xiàn)出來，明顯加快了頁面打開的速度。
3.2層排版出現(xiàn)位置偏差
在頁面中使用表格和層混合排版時，先加入表格進(jìn)行頁面的整體布局，然后在局部加入層。通常情況下，層加入到頁面中之后是游離在表格之上的，它雖然移動方便，但在頁面中的位置是固定的，由于表格的寬度是固定像素，設(shè)置在窗口中居中顯示，所以當(dāng)窗口變大時，表格會產(chǎn)生一個相對位移，但是層卻還在原位，沒有跟著相對位移，因而出現(xiàn)層與表格中其他內(nèi)容位置上的偏差。所以，層排版的靈活性同樣也體現(xiàn)了一定的不穩(wěn)定性。要想辦法使層與頁面中其他元素一樣，能夠隨瀏覽器的變化而產(chǎn)生相對位置上的變化，排版者可以將層嵌入到表格的單元格中，使層成為單元格中的一個元素，就像插入到單元格中的文本、圖片一樣，層就是屬于單元格中的對象，當(dāng)瀏覽器窗口大小變化時，表格必然會產(chǎn)生相對的變化，層也就會隨著單元格的位置變化而產(chǎn)生相應(yīng)的變化，這樣就不會出現(xiàn)頁面中元素相對位置的偏差。整個排版會變得很規(guī)范，就相當(dāng)于是利用表格整體排版，層只是嵌入到單元格中的一個元素，又可以使用到層的豐富功能，兩全其美。解決的方法是：先使用表格對整個網(wǎng)頁的整體進(jìn)行規(guī)劃，然后添加一個層到表格中的某個單元格中。添加的方法：直接將工具欄中的層拖動到單元格中，這樣該層就成為該單元格的嵌入層，該層在單元格中默認(rèn)是靠左對齊，垂直方向居中，而且在水平方向是不能移動的，只要移動便會脫離該單元格，即成為普通層，不會是單元格的嵌入對象，如果在水平方向一定要移動的話，可以將該單元格的位置進(jìn)行調(diào)整，進(jìn)而單元格中的嵌入層也會隨之移動。而在垂直方向上的位置是可以調(diào)整的，不過不要用鼠標(biāo)拖動，這樣容易使層脫離單元格，可以選中層通過方向箭上下移動或?qū)⒃搯卧翊怪狈较蛏系奈恢糜伞熬又小备臑椤绊敹恕被颉暗锥恕?。采用這種方法設(shè)置層后，無論窗口大小怎么變化，層始終是跟著單元格位置變化而變化，因而不會出現(xiàn)之前那種位置上的偏差。這個問題解決之后，接下來就可以在頁面中利用層的一些行為來豐富頁面。
4結(jié)語
總之，網(wǎng)頁設(shè)計(jì)中，內(nèi)容雖然很重要，但是如果只有好的內(nèi)容而沒有精美的排版以及合理的布局，那么再好的內(nèi)容也很難引起瀏覽者的閱讀瀏覽興趣。通過合理的、有新意的頁面布局，特別是主頁設(shè)計(jì)，才可以將網(wǎng)頁的內(nèi)容完美地呈現(xiàn)在瀏覽者面前。所以，排版者在平時要多參考他人優(yōu)秀的網(wǎng)頁排版作品，加強(qiáng)排版練習(xí)，這樣才可能創(chuàng)造更漂亮的網(wǎng)頁排版。
[參考文獻(xiàn)]
[1]李愛軍.網(wǎng)頁的排版布局[J].辦公自動化：綜合版，2009（7）：29-30.
[2]藝博，張明真.網(wǎng)頁設(shè)計(jì)與制作——MacromediaDreamweaver8[M].北京：高等教育出版社，2007.
關(guān)鍵詞：Dreamweaver；表格；層；排版
1 Dreamweaver網(wǎng)頁設(shè)計(jì)工具簡介
瀏覽網(wǎng)頁已經(jīng)是現(xiàn)代社會人們生活中的一個重要組成部分，網(wǎng)頁作為網(wǎng)絡(luò)信息傳播的主要載體，其設(shè)計(jì)也被大家所關(guān)注。網(wǎng)頁設(shè)計(jì)的軟件有多種，Dreamweaver是著名的“所見即所得”的可視化網(wǎng)站開發(fā)工具，是國內(nèi)外普遍應(yīng)用的專用網(wǎng)頁設(shè)計(jì)軟件。它被稱為“織夢者”，即它的英文單詞所表達(dá)的意思。Dreamweaver不僅提供了強(qiáng)大的網(wǎng)頁編輯功能，而且提供了完善的站點(diǎn)管理機(jī)制。它是一個集網(wǎng)頁創(chuàng)作和站點(diǎn)管理兩大利器于一身的超重量級創(chuàng)作工具。
網(wǎng)頁設(shè)計(jì)的重點(diǎn)是版面的設(shè)計(jì)，即如何將所有的素材按照設(shè)計(jì)要求精美地羅列在頁面中。所以，如何排版成為網(wǎng)頁設(shè)計(jì)中的關(guān)鍵。
2 使用表格和層排版
在Dreamweaver網(wǎng)頁設(shè)計(jì)中，排版的方法有很多種，其中使用表格和層排版是基本的方法，通過設(shè)計(jì)模式可以輕松完成，簡單易學(xué)，是大家常用的方法，對網(wǎng)頁排版起到了重要的作用。
2.1 表格排版
在制作網(wǎng)頁時，要想將文本、圖片等組織得美觀，有條理，就需要排版人員頭腦里有一個整體布局的概念。在Dreamweaver中，安排頁面內(nèi)容布局主要是依靠表格來完成的。通過表格的相互嵌套和合并、拆分，可以將自己的構(gòu)思完整地表現(xiàn)出來。表格是網(wǎng)頁設(shè)計(jì)制作時不可缺少的重要元素，它以簡潔明了和高效快捷的方式將數(shù)據(jù)、文本、圖片、表單等元素有序地顯示在頁面上，從而設(shè)計(jì)出版式漂亮的頁面。使用表格排版的頁面，在不同平臺、不同分辨率的瀏覽器里都能保持其原有的布局，且在不同的瀏覽器平臺有較好的兼容性，所以表格是網(wǎng)頁中最常用的排版方式之_。
表格排版比較規(guī)范，整體性強(qiáng)，一般的網(wǎng)頁排版中都會使用表格進(jìn)行整體的排版，但其表現(xiàn)比較中規(guī)中矩，不會有太多其他的豐富功能。
2.2 層排版
層是CSS中的定位技術(shù)，在Dreamweaver中可對其可視化操作。文本、圖像、表格等元素只能固定其位置，不能相互疊加在一起，使用層功能，可以將其放置在網(wǎng)頁文檔內(nèi)的任何一個位置，還可以按順序排放網(wǎng)頁文檔中的其他構(gòu)成元素。層體現(xiàn)了網(wǎng)頁技術(shù)從二維空間向三維空間的一種延伸。
層具有很多表格所不具備的特點(diǎn)，比如可以重疊，便于移動，可設(shè)為隱藏，還能為層添加一些行為，使頁面具有更豐富的變化等。這些特點(diǎn)有助于設(shè)計(jì)思維不受局限，從而發(fā)揮更多的想象力。由于它是一種新的CSS定位技術(shù)，層在具有上述優(yōu)點(diǎn)的同時，也存在著一些不可避免的缺陷，比如兼容性、定位問題。所以，目前比較大型的網(wǎng)站不會單獨(dú)使用層來排版。
2.3 層轉(zhuǎn)換成表格排版
前面提到，層與表格都可以用來在頁面中定位其他對象，它們有時可以互相取代，但兩者并不完全相同，有時就必須使用其中的一種。比如，當(dāng)需要用到表格來排版頁面，但又覺得表格的添加比較煩瑣，而層比較靈活，這時候，排版者可以使用層到表格的轉(zhuǎn)換來實(shí)現(xiàn)。具體的操作步驟是：（1）首先在層面板中勾選“防止重疊”選項(xiàng)，這樣繪制層的時候就不會出現(xiàn)疊加和嵌套的現(xiàn)象；（2）在頁面中繪制若干個層，把頁面中的各元素添加到層里面；（3）把每個層自由地排列到頁面中各個相應(yīng)的位置；（4）使用層排版結(jié)束之后，要將層排版轉(zhuǎn)化為表格排版，選擇“修改”“轉(zhuǎn)換”“層到表格”命令，在對話框中設(shè)置好相應(yīng)的參數(shù)，確定之后層就會轉(zhuǎn)換成對應(yīng)的表格。
這種排版方法在排列對象時比較靈活一點(diǎn)，但有時也會產(chǎn)生一些多余的單元格。當(dāng)然，這種方法一般適用于不太復(fù)雜的頁面的排版，對于比較復(fù)雜的圖文混排頁面，最好還是采用傳統(tǒng)的表格排版方法。
3 排版時容易出現(xiàn)的問題及解決方法
3.1 整體表格排版出現(xiàn)的問題
有很多人在網(wǎng)頁中用表格排版時習(xí)慣使用一個大表格，然后在大表格中嵌入_個個小表格，認(rèn)為這保持了排版的整體性，其實(shí)這個習(xí)慣是不好的。一個大而長的表格在瀏覽器中打開時會加重瀏覽器的負(fù)擔(dān)，瀏覽器一般是等待整個表格的內(nèi)容都接收到以后才顯示這個表格的內(nèi)容，如果一個很長的頁面使用一個大表格排版，那么這個網(wǎng)頁顯示速度就會比較慢，使得頁面呈現(xiàn)的時間大大加長，很多時候有些網(wǎng)頁的訪問者會失去等待的耐心而放棄瀏覽這個網(wǎng)頁。
解決的方法是：拆分表格，將大表格化整為零，把表格打散，并要盡可能地避免表格的層層嵌套。注意，拆分后的表格的寬度要設(shè)置為相等，這樣表格的排版效果和拆分前相比并沒有改變，在瀏覽器中呈現(xiàn)時，頁面會從上至下一個個表格呈現(xiàn)出來，明顯加快了頁面打開的速度。
3.2 層排版出現(xiàn)位置偏差
在頁面中使用表格和層混合排版時，先加入表格進(jìn)行頁面的整體布局，然后在局部加入層。通常情況下，層加入到頁面中之后是游離在表格之上的，它雖然移動方便，但在頁面中的位置是固定的，由于表格的寬度是固定像素，設(shè)置在窗口中居中顯示，所以當(dāng)窗口變大時，表格會產(chǎn)生一個相對位移，但是層卻還在原位，沒有跟著相對位移，因而出現(xiàn)層與表格中其他內(nèi)容位置上的偏差。所以，層排版的靈活性同樣也體現(xiàn)了一定的不穩(wěn)定性。
要想辦法使層與頁面中其他元素一樣，能夠隨瀏覽器的變化而產(chǎn)生相對位置上的變化，排版者可以將層嵌入到表格的單元格中，使層成為單元格中的一個元素，就像插入到單元格中的文本、圖片一樣，層就是屬于單元格中的對象，當(dāng)瀏覽器窗口大小變化時，表格必然會產(chǎn)生相對的變化，層也就會隨著單元格的位置變化而產(chǎn)生相應(yīng)的變化，這樣就不會出現(xiàn)頁面中元素相對位置的偏差。整個排版會變得很規(guī)范，就相當(dāng)于是利用表格整體排版，層只是嵌入到單元格中的一個元素，又可以使用到層的豐富功能，兩全其美。
解決的方法是：先使用表格對整個網(wǎng)頁的整體進(jìn)行規(guī)劃，然后添加一個層到表格中的某個單元格中。添加的方法：直接將工具欄中的層拖動到單元格中，這樣該層就成為該單元格的嵌入層，該層在單元格中默認(rèn)是靠左對齊，垂直方向居中，而且在水平方向是不能移動的，只要移動便會脫離該單元格，即成為普通層，不會是單元格的嵌入對象，如果在水平方向一定要移動的話，可以將該單元格的位置進(jìn)行調(diào)整，進(jìn)而單元格中的嵌入層也會隨之移動。而在垂直方向上的位置是可以調(diào)整的，不過不要用鼠標(biāo)拖動，這樣容易使層脫離單元格，可以選中層通過方向箭上下移動或?qū)⒃搯卧翊怪狈较蛏系奈恢糜伞熬又小备臑椤绊敹恕被颉暗锥恕薄?/p>
采用這種方法設(shè)置層后，無論窗口大小怎么變化，層始終是跟著單元格位置變化而變化，因而不會出現(xiàn)之前那種位置上的偏差。
這個問題解決之后，接下來就可以在頁面中利用層的一些行為來豐富頁面。
隨著我國互聯(lián)網(wǎng)信息技術(shù)的飛速發(fā)展，通過網(wǎng)絡(luò)流量網(wǎng)頁觀看新聞、圖片和視頻等已經(jīng)成為人們?nèi)粘Ｉ钪斜夭豢缮俚纳顑?nèi)容，因此，網(wǎng)頁設(shè)計(jì)所受到的關(guān)注度越來越高。其中圖形圖像處理技巧是網(wǎng)頁設(shè)計(jì)最重要的影響因素之一，決定著網(wǎng)頁設(shè)計(jì)整體效果、主題思路和瀏覽感受。為了滿足人們對網(wǎng)頁設(shè)計(jì)日益增長的審美要求，必須充分發(fā)揮出圖形圖像處理技巧的優(yōu)勢，設(shè)計(jì)出更加優(yōu)秀和美觀的網(wǎng)頁。本文對網(wǎng)頁設(shè)計(jì)中的圖形圖像處理的優(yōu)勢、構(gòu)圖方法和處理技巧應(yīng)用等方面進(jìn)行了簡要分析。切實(shí)希望有助于提升網(wǎng)頁設(shè)計(jì)中的圖形圖像處理的水平和質(zhì)量。
關(guān)鍵詞:
網(wǎng)頁設(shè)計(jì);圖形圖像處理技巧
近年來，隨著我國科學(xué)技術(shù)的飛速發(fā)展和人民生活質(zhì)量的不斷提高，通過互聯(lián)網(wǎng)信息技術(shù)瀏覽網(wǎng)頁已經(jīng)成為人們?nèi)粘９ぷ鲗W(xué)習(xí)生活的一部分，不但如此，各個行業(yè)領(lǐng)域、機(jī)關(guān)部門都需要借助網(wǎng)絡(luò)來輔助辦公，因此，網(wǎng)站和網(wǎng)頁建設(shè)是目前備受關(guān)注的焦點(diǎn)。網(wǎng)頁設(shè)計(jì)中最重要的一個環(huán)節(jié)就是圖形圖像處理的過程，由于網(wǎng)頁是面向網(wǎng)站用戶的直接對象，網(wǎng)頁所展示出的整體效果和層次脈絡(luò)代表著網(wǎng)頁所有者的能力和態(tài)度，能否把網(wǎng)頁設(shè)計(jì)與藝術(shù)美感有機(jī)結(jié)合是獲取瀏覽者認(rèn)同度和滿意度的基礎(chǔ)因素。這就要求網(wǎng)頁設(shè)計(jì)中圖形圖像處理過程的質(zhì)量和水平要格外高超，用專業(yè)的圖形圖像處理技能和知識配合富有藝術(shù)美感的處理技巧，充分滿足人們對瀏覽網(wǎng)頁的視覺需求和效用需求。
1網(wǎng)頁設(shè)計(jì)中的圖形圖像處理技術(shù)分析
1.1網(wǎng)頁設(shè)計(jì)過程中運(yùn)用圖形圖像的優(yōu)勢
首先，在網(wǎng)頁設(shè)計(jì)過程中使用圖片首先可以給用戶帶來直觀的視覺沖擊，具有視覺優(yōu)勢，以圖片作為網(wǎng)頁版面的構(gòu)成要素可以烘托出特殊的網(wǎng)頁風(fēng)格，而且圖片具有良好的適配性和包容性，能夠配合網(wǎng)頁中蘊(yùn)含的其他因素，從而使網(wǎng)頁獲得統(tǒng)一、協(xié)調(diào)的美感。其次，圖片內(nèi)容的受眾性逛具備認(rèn)知優(yōu)勢，通過圖片設(shè)計(jì)者可以忽略由于語言文字產(chǎn)生的信息障礙，增大瀏覽和觀看的受眾范圍，即使用戶不認(rèn)識文字或者來自不同語言文化的國家，都可以通過圖片內(nèi)容來準(zhǔn)確理解設(shè)計(jì)者所表達(dá)的思想內(nèi)涵。
1.2網(wǎng)頁設(shè)計(jì)過程中運(yùn)用圖形圖像的構(gòu)圖方式
網(wǎng)頁設(shè)計(jì)中主要的構(gòu)圖方式按結(jié)構(gòu)劃分有三種，分別是縱向式、水平式和中心式構(gòu)圖。其中，縱向式構(gòu)圖是指將網(wǎng)頁中的全部元素按照豎直方式進(jìn)行排列，這種構(gòu)圖方式比較簡潔明了，用戶能夠直觀、清晰地感受到網(wǎng)頁的主體內(nèi)容，多適用于廣告設(shè)計(jì)中。而水平式構(gòu)圖與上一種構(gòu)圖方式類似，只不過是將排列方式轉(zhuǎn)變?yōu)闄M向，這種構(gòu)圖方式體現(xiàn)出莊重、樸實(shí)和嚴(yán)謹(jǐn)?shù)娘L(fēng)格，適合用戶的瀏覽習(xí)慣，主要適用于政府機(jī)關(guān)、企業(yè)單位和學(xué)校等機(jī)構(gòu)的網(wǎng)站中。中心式構(gòu)圖運(yùn)用較少，其設(shè)計(jì)理念是把所有元素統(tǒng)一集中到網(wǎng)頁中心，集中表現(xiàn)力較強(qiáng)，但是給人的感覺過于拘謹(jǐn)。
1.3網(wǎng)頁設(shè)計(jì)過程中運(yùn)用圖形圖像的處理技術(shù)
1.3.1圖形圖像去噪
網(wǎng)頁在添加圖形圖像的時候會伴隨著噪聲，噪聲的產(chǎn)生是由圖形圖像的自身屬性所決定的。通過圖形圖像去噪處理，可以有效提高圖形圖像的分辨率，對圖片質(zhì)量和大小進(jìn)行優(yōu)化。
1.3.2圖形圖像增強(qiáng)
主要是通過后期制作將中心圖像四周的圖像進(jìn)行淡化處理，以此達(dá)到突出中心主題的目的。圖形圖像增強(qiáng)能夠有效提升圖片的畫面感，其主要技術(shù)有，邊緣增強(qiáng)、圖像色彩增強(qiáng)和銳化增強(qiáng)等。
1.3.3圖形圖像壓縮
這種技術(shù)被大范圍適用于數(shù)字圖像中，主要是針對圖像數(shù)據(jù)中冗余信息進(jìn)行壓縮處理，以提升圖形圖像的分辨率、像素水平，降低圖像的失真性，提高圖片質(zhì)量。
2網(wǎng)頁設(shè)計(jì)中的圖形圖像處理技術(shù)的應(yīng)用
2.1圖形圖像的形式與網(wǎng)站整體風(fēng)格的匹配度與協(xié)調(diào)性
網(wǎng)頁設(shè)計(jì)中所涉及到圖形圖像的表達(dá)方式大致有三種，分別是四方圖、退底圖和邊緣模糊圖。每一種圖片表達(dá)方式都有其獨(dú)特的視覺效果和瀏覽體驗(yàn)，需要通過合理的運(yùn)用組合，才可以設(shè)計(jì)出高水平的網(wǎng)站網(wǎng)頁。在網(wǎng)頁設(shè)計(jì)過程中，要充分考慮到圖形圖像的形式與網(wǎng)站整體風(fēng)格的匹配度與協(xié)調(diào)性，按照主題風(fēng)格將圖片內(nèi)容進(jìn)行層次性排列設(shè)計(jì)，突出中心主題圖像，對次要信息表達(dá)的圖片進(jìn)行弱化處理，從而設(shè)計(jì)出最佳效果的網(wǎng)站網(wǎng)頁。
2.2對圖片的格式、大小和顏色等因素進(jìn)行處理
在設(shè)計(jì)網(wǎng)頁的過程中要按照實(shí)際需求選取圖片格式，科學(xué)規(guī)范的圖片格式設(shè)置可以保證網(wǎng)頁設(shè)計(jì)的合理性和美觀性，通過對拍攝圖片、截取圖片和拼接圖片的處理，增強(qiáng)用戶的視覺感官與瀏覽享受，運(yùn)用“圖片+文字”的手法是網(wǎng)頁設(shè)計(jì)中較為普遍的設(shè)計(jì)形式，為了不影響整體效果和中心內(nèi)涵，不同格式的圖片設(shè)計(jì)是必須考慮清楚的環(huán)節(jié)。由于網(wǎng)頁的版面所限，如何在有限的空間中高效運(yùn)用圖片進(jìn)行信息輸出是設(shè)計(jì)者需要考慮的重要內(nèi)容，網(wǎng)頁設(shè)計(jì)中圖片大小主要影響圖形圖像的分辨率清晰度，同樣需要配合網(wǎng)頁中心思想來進(jìn)行設(shè)置，突出重點(diǎn)來提升網(wǎng)頁瀏覽效果。網(wǎng)頁設(shè)計(jì)過程中圖形圖像的不同顏色搭配，能夠展現(xiàn)出不同的設(shè)計(jì)風(fēng)格和不同的表達(dá)效果，與圖表、背景和文字之間的協(xié)同搭配是設(shè)計(jì)師在選擇圖片顏色時考慮的重要因素。
2.3圖形圖像處理的相關(guān)技術(shù)
要想制作出具備觀賞性和藝術(shù)性的高水平網(wǎng)頁，圖形圖像處理的相關(guān)技術(shù)的運(yùn)用必不可少。Photoshop作為功能性和適用性較強(qiáng)的圖形圖像處理軟件，在網(wǎng)頁設(shè)計(jì)過程中應(yīng)用較為廣泛。根據(jù)網(wǎng)頁設(shè)計(jì)要求，Photoshop能夠?qū)D片的位置、大小和版式等多項(xiàng)內(nèi)容進(jìn)行處理和調(diào)整，其中，圖片分割技術(shù)是較為常用的一種技巧。通過多幅圖片的分割、重構(gòu)和組合能夠設(shè)計(jì)出別具風(fēng)格的圖形圖像，極大地增加了圖片的靈動性和美感。
3結(jié)論
綜上所述，網(wǎng)頁設(shè)計(jì)對技術(shù)性和美觀性的要求越來越高，設(shè)計(jì)師對圖形圖像處理技巧運(yùn)用的能力更為重要。在設(shè)計(jì)網(wǎng)頁的過程中，通過強(qiáng)調(diào)圖形圖像的形式與網(wǎng)站整體風(fēng)格的匹配度與協(xié)調(diào)性，根據(jù)主題對圖片的格式、大小和顏色等因素進(jìn)行處理，運(yùn)用Photoshop等圖片處理軟件，可以有效提升網(wǎng)頁的藝術(shù)性和美觀性，提高網(wǎng)頁設(shè)計(jì)的質(zhì)量和水平。
參考文獻(xiàn)
[1]王燕軍.網(wǎng)頁設(shè)計(jì)中計(jì)算機(jī)圖像處理技術(shù)的應(yīng)用[J].電子技術(shù)與軟件工程,2016(13):104-104.
>> Flash教學(xué)課件中彈出式窗口的實(shí)現(xiàn) 清除Real影片播放過程中彈出的廣告網(wǎng)頁 惡意彈出網(wǎng)頁的應(yīng)對措施 彈出窗口阻止程序，不是IE的專利 輕松去除視頻中自動彈出的網(wǎng)頁 淺談經(jīng)濟(jì)分析中彈性的應(yīng)用 超高層結(jié)構(gòu)設(shè)計(jì)中彈塑性法的分析與應(yīng)用 網(wǎng)絡(luò)用戶對在線客服彈出窗口的心理抗拒與接受意愿分析 IE總是彈出腳本錯誤提示窗口 巧抓QQ彈出消息窗口 打開論壇彈出“安全警報(bào)”窗口等 網(wǎng)頁設(shè)計(jì)中視覺元素的應(yīng)用 FLASH在網(wǎng)頁設(shè)計(jì)中的應(yīng)用 Flash在網(wǎng)頁設(shè)計(jì)中的應(yīng)用 Photoshop在網(wǎng)頁設(shè)計(jì)中的應(yīng)用 詳解網(wǎng)頁設(shè)計(jì)中的定位應(yīng)用 淺談網(wǎng)頁設(shè)計(jì)中的色彩應(yīng)用 圖層在網(wǎng)頁設(shè)計(jì)中的應(yīng)用 CSS在網(wǎng)頁設(shè)計(jì)中的應(yīng)用 井下糾偏器中彈簧的設(shè)計(jì)計(jì)算 常見問題解答 當(dāng)前所在位置：l”，”width=100，height=150，menubar=0，toolbar=0”）
-->
此段代碼的最終執(zhí)行結(jié)果是在一個寬度為100像素、高度為150像素、沒有菜單欄也沒有工具條的窗口中將window.html頁面打開。
二、巧妙應(yīng)用彈出窗口
（一）警告性的彈出窗口
當(dāng)要提示系統(tǒng)中有些重要的事情將要發(fā)生或者已經(jīng)發(fā)生的時候，就可以利用警告窗口來實(shí)現(xiàn)。這類彈出窗口被設(shè)計(jì)在網(wǎng)頁中以后，不僅僅用于警告作用，還可以用來表示一些重要通知的或者對網(wǎng)頁用戶的友好問候。彈出窗口出現(xiàn)以后，只要直接點(diǎn)擊其中的確定按鈕或者頁面右上角的關(guān)閉按鈕，就可以將其關(guān)閉。我們可以在HTML語言中應(yīng)用alret命令來建立這樣的彈出窗口，在具體的使用過程中，可以有兩種方法來調(diào)用alret命令，一種是可以直接在HTML語言中的Body中進(jìn)行使用，例如：
第二種方法是在Java腳本語言中進(jìn)行調(diào)用，舉例：
Alert（‘歡迎惠顧。、請收藏本站地址’）
（二）選擇性的彈出窗口
當(dāng)用戶在查詢信息的時候，有些重要內(nèi)容需要在用戶的甄別和選擇之后才能繼續(xù)查詢，為此，應(yīng)用選擇性的彈出窗口就成為一件非常有必要的事情。在這種類型的彈出窗口中，一般情況下至少要有兩個按鈕，選擇不同的按鈕可以讓網(wǎng)站轉(zhuǎn)向不同的頁面，用戶在選擇的時候可以根據(jù)自身的需求來進(jìn)行，在具體的使用過程中，一般是在Java腳本語言中進(jìn)行調(diào)用的。
（三）一般的自動彈出窗口
這種彈出窗口在網(wǎng)頁設(shè)計(jì)中是最經(jīng)常使用的一種彈出窗口了，其作用就是，當(dāng)用戶打開某一瀏覽器的窗口時，同時另外一個窗口也會隨之自動打開，用來顯示與網(wǎng)站相關(guān)的內(nèi)容或者作為廣告宣傳的工具。在具體的使用過程中，可以在Java腳本語言中使用window.open命令來實(shí)現(xiàn)。鑒于篇幅原因，這里不再編寫代碼舉例說明。
三、應(yīng)用彈出窗口時應(yīng)注意的原則
在進(jìn)行網(wǎng)頁設(shè)計(jì)時，同時將彈出窗口設(shè)計(jì)在網(wǎng)站中，可以更加方便的將一些重要的內(nèi)容和信息傳遞給用戶，而且通過彈出窗口還可以進(jìn)行廣告宣傳。然而，當(dāng)用戶在查詢信息的時候，當(dāng)打開一個Web頁面的時候，出現(xiàn)一個甚至多個的彈出窗口，難免會或多或少的影響到用戶對信息的查看，為了更全面的觀看自己的查詢信息，用戶還需要耐心的一個一個的將這些彈出窗口關(guān)閉或者最小化。因此，過多過快的彈出窗口的出現(xiàn)，甚至可能會讓用戶產(chǎn)生厭惡的情緒。所以，我們在進(jìn)行網(wǎng)頁設(shè)計(jì)的時候，如果要設(shè)計(jì)一些彈出窗口，首先要站在用戶的角度去思考和觀察，彈出窗口的出現(xiàn)會不會對用戶產(chǎn)生不良的影響。
第一，確定彈出窗口是不是必須使用的。這個在一定程度上是由網(wǎng)頁設(shè)計(jì)者的目的和彈出窗口所包含的內(nèi)容決定的。用戶最關(guān)心的就是自己要查詢的信息，與此相關(guān)的一些重要通知或者信息必然會對用戶產(chǎn)生良好的引導(dǎo)作用，用戶往往對此持歡迎的態(tài)度。目前，很多網(wǎng)站上各種各樣的彈出的廣告窗口在彈出窗口中占有非常大的比重，要讓廣告達(dá)到最佳的效果，最好就是讓廣告的內(nèi)容與網(wǎng)站的內(nèi)容是息息相關(guān)的，否則，一般不會引起用戶的關(guān)注，其廣告的作用就大大降低了。因此，設(shè)計(jì)者必須考慮廣告內(nèi)容與網(wǎng)站內(nèi)容的銜接關(guān)系以及用戶的需要，確定出一個彈出窗口的設(shè)計(jì)是不是必須的。第二，彈出窗口的最佳出現(xiàn)時機(jī)的確定。當(dāng)前，彈出窗口的出現(xiàn)時機(jī)一般可以分為三個時間段，第一個時間段就是彈出窗口伴隨著網(wǎng)站頁面的打開而打開，第二個時間段就是彈出窗口在網(wǎng)站頁面關(guān)閉的時候打開，第三個時間段就是用戶在瀏覽網(wǎng)頁信息的過程中當(dāng)某個觸發(fā)事件發(fā)生時打開。為此，設(shè)計(jì)者在網(wǎng)頁設(shè)計(jì)的時候就要把握好這個時機(jī)，確定好什么樣的彈出窗口應(yīng)該在什么樣的時機(jī)出現(xiàn)。比如，對于一些廣告類的窗口可以在用戶查詢信息的網(wǎng)頁關(guān)閉的時候再出現(xiàn)，或者通過一些觸發(fā)事件來彈出有時也會產(chǎn)生一些意想不到的結(jié)果。第三，彈出窗口樣式的選擇。彈出窗口包含有很多種不同的類型，前面已經(jīng)做了說明，我們在進(jìn)行設(shè)計(jì)的時候，就可以根據(jù)實(shí)際需要選擇合適的類型。另外，在使用的時候，還要注意設(shè)置好合適的彈出位置，彈出窗口出現(xiàn)的最佳位置是頁面中沒有信息內(nèi)容的部位，或者容易用鼠標(biāo)進(jìn)行操作的地方，然后根據(jù)窗口所包含的內(nèi)容的容量設(shè)計(jì)窗口的高和寬的具體尺寸，至于彈出窗口中是否要設(shè)計(jì)上滾動條和工具欄等工具，則要根據(jù)實(shí)際情況來定。第四，從網(wǎng)站的總體來進(jìn)行規(guī)劃，對彈出窗口進(jìn)行科學(xué)和合理的應(yīng)用。如果彈出窗口中包含的內(nèi)容非常多，可以用目錄的形式將這些內(nèi)容存放在彈出窗口中，然后為其建立超級鏈接，當(dāng)用戶要進(jìn)行察看的時候，可以通過超級鏈接在其他的窗口中進(jìn)行察看。還有很重要的一點(diǎn)，那就是不要不斷的重復(fù)彈出內(nèi)容完全一樣的彈出窗口，因?yàn)閺棾龃翱诘眯畔⑹欠裰匾?，對用戶是否有用，在用戶第一次見到的時候就已經(jīng)決定下來了。為了盡可能節(jié)省終端電腦的資源，彈出窗口更不能無限的惡意彈出。
四、總結(jié)
本文重點(diǎn)介紹了在網(wǎng)頁設(shè)計(jì)中如何更好、更規(guī)范的應(yīng)用彈出窗口。為了更加方便用戶的使用，彈出窗口的設(shè)計(jì)必須更加的科學(xué)和合理，只有這樣，設(shè)計(jì)彈出窗口的最終目的才能得以實(shí)現(xiàn)，筆者相信，伴隨著電腦網(wǎng)絡(luò)技術(shù)的不斷提高和發(fā)展，Java腳本語言必然將得到更加廣泛的應(yīng)用。
參考文獻(xiàn)：
[1]陳邦澤,楊曉波.JAVASCRIPT與彈出窗口制作[J].甘肅高師學(xué)報(bào),2000
[2]張志遠(yuǎn).JavaScript與客戶端安全[J].東莞理工學(xué)院學(xué)報(bào),2002
什么是網(wǎng)絡(luò)廣告
簡單地說，網(wǎng)絡(luò)廣告就是在網(wǎng)絡(luò)上做的廣告。
利用網(wǎng)站上的廣告橫幅、文本鏈接、多媒體的方法，在互聯(lián)網(wǎng)刊登或廣告，通過網(wǎng)絡(luò)傳遞到互聯(lián)網(wǎng)用戶的一種高科技廣告運(yùn)作方式。
與傳統(tǒng)的四大傳播媒體(報(bào)紙、雜志、電視、廣播)廣告及近來備受垂青的戶外廣告相比，網(wǎng)絡(luò)廣告具有得天獨(dú)厚的優(yōu)勢，是實(shí)施現(xiàn)代營銷媒體戰(zhàn)略的重要一部分。Internet是一個全新的廣告媒體，速度最快效果很理想，是中小企業(yè)擴(kuò)展裝大的很好途徑，對于廣泛開展國際業(yè)務(wù)的公司更是如此。
目前網(wǎng)絡(luò)廣告的市場正在以驚人的速度增長，網(wǎng)絡(luò)廣告發(fā)揮的效用越來越顯得重要。以致廣告界甚至認(rèn)為互聯(lián)網(wǎng)絡(luò)將超越路牌，成為傳統(tǒng)四大媒體(電視、廣播、報(bào)紙、雜志)之后的第五大媒體。因而眾多國際級的廣告公司都成立了專門的“網(wǎng)絡(luò)媒體分部”，以開拓網(wǎng)絡(luò)廣告的巨大市場。
網(wǎng)絡(luò)廣告的優(yōu)勢
1、網(wǎng)絡(luò)廣告是多維廣告
傳統(tǒng)媒體是二維的，而網(wǎng)絡(luò)廣告則是多維的，它能將文字、圖像和聲音有機(jī)的組合在一起，傳遞多感官的信息，讓顧客如身臨其境般感受商品或服務(wù)。網(wǎng)絡(luò)廣告的載體基本上是多媒體、超文本格式文件，廣告受眾可以對其感興趣的產(chǎn)品信息進(jìn)行更詳細(xì)的了解，使消費(fèi)者能親身體驗(yàn)產(chǎn)品、服務(wù)與品牌。這種圖、文、聲、像相結(jié)合的廣告形式，將大大增強(qiáng)網(wǎng)絡(luò)廣告的實(shí)效。
2、網(wǎng)絡(luò)廣告擁有最有活力的消費(fèi)群體
互聯(lián)網(wǎng)用戶70.54%集中在經(jīng)濟(jì)較為發(fā)達(dá)地區(qū)，64%家庭人均月收入高于1000元，85.8%年齡在18歲到35歲之間，83%受過大學(xué)以上教育。因此，網(wǎng)絡(luò)廣告的目標(biāo)群體是目前社會上層次最高、收入最高、消費(fèi)能力最高的最具活力的消費(fèi)群體。這一群體的消費(fèi)總額往往大于其他消費(fèi)層次之和。
3、網(wǎng)絡(luò)廣告制作成本低，速度快，更改靈活
網(wǎng)絡(luò)廣告制作周期短，即使在較短的周期進(jìn)行投放，也可以根據(jù)客戶的需求很快完成制作，而傳統(tǒng)廣告制作成本高，投放周期固定。另外，在傳統(tǒng)媒體上做廣告后很難更改即使可以改動往往也須付出很大的經(jīng)濟(jì)代價。而在互聯(lián)網(wǎng)上做廣告能夠按照客戶需要及時變更廣告內(nèi)容。這樣，經(jīng)營決策的變化就能及時實(shí)施和推廣。
4、網(wǎng)絡(luò)廣告具有交互性和縱深性
交互性強(qiáng)交互性是互聯(lián)網(wǎng)絡(luò)媒體的最大的優(yōu)勢，它不同于傳統(tǒng)媒體的信息單向傳播，而是信息互動傳播。通過鏈接，用戶只需簡單地點(diǎn)擊鼠標(biāo)，就可以從廠商的相關(guān)站點(diǎn)中得到更多、更詳盡的信息。另外，用戶可以通過廣告位直接填寫并提交在線表單信息，廠商可以隨時得到寶貴的用戶反饋信息，進(jìn)一步減少了用戶和廣告客戶之間的距離。同時，網(wǎng)絡(luò)廣告可以提供進(jìn)一步的產(chǎn)品查詢需求。
5、網(wǎng)絡(luò)廣告能進(jìn)行完善的統(tǒng)計(jì)
“無法衡量的東西就無法管理?！本W(wǎng)絡(luò)廣告通過及時和精確的統(tǒng)計(jì)機(jī)制，使廣告主能夠直接對廣告的進(jìn)行在線監(jiān)控。而傳統(tǒng)的廣告形式只能通過并不精確的收視率、發(fā)行量等來統(tǒng)計(jì)投放的受眾數(shù)量。
6、網(wǎng)絡(luò)廣告可以跟蹤和衡量廣告的效果
廣告主能通過Internet即時衡量廣告的效果。通過監(jiān)視廣告的瀏覽量、點(diǎn)擊率等指標(biāo)，廣告主可以統(tǒng)計(jì)出多少人看到了廣告，其中有多少人對廣告感興趣進(jìn)而進(jìn)一步了解了廣告的詳細(xì)信息。因此，較之其他任何廣告，網(wǎng)絡(luò)廣告使廣告主能夠更好地跟蹤廣告受眾的反應(yīng)，及時了解用戶和潛在用戶的情況。
7、網(wǎng)絡(luò)廣告的投放更具有針對性
通過提供眾多的免費(fèi)服務(wù)，網(wǎng)站一般都能建立完整的用戶數(shù)據(jù)庫，包括用戶的地域分布、年齡、性別、收入、職業(yè)、婚姻狀況、愛好等。這些資料可幫助廣告主分析市場與受眾，根據(jù)廣告目標(biāo)受眾的特點(diǎn)，有針對性地投放廣告，并根據(jù)用戶特點(diǎn)作定點(diǎn)投放和跟蹤分析，對廣告效果作出客觀準(zhǔn)確的評價。
另外，網(wǎng)絡(luò)廣告還可以提供有針對性的內(nèi)容環(huán)境。不同的網(wǎng)站或者是同一網(wǎng)站不同的頻道所提供的服務(wù)是不同質(zhì)且具有很強(qiáng)類的分別的，這就為密切迎合廣告目標(biāo)受眾的興趣提供了可能。
8、網(wǎng)絡(luò)廣告的受眾關(guān)注度高
據(jù)資料顯示，電視并不能集中人的注意力，電視觀眾40%的人同時在閱讀，21%的人同時在做家務(wù)，13%的人在吃喝，12%的人在玩賞它物，10%在烹飪，9%在寫作，8%在打電話。而網(wǎng)上用戶55%在使用計(jì)算機(jī)時不做任何它事，只有6%同時在打電話，只有5%在吃喝，只有4%在寫作。
9、網(wǎng)絡(luò)廣告縮短了媒體投放的進(jìn)程
廣告主在傳統(tǒng)媒體上進(jìn)行市場推廣一般要經(jīng)過三個階段：市場開發(fā)期、市場鞏固期和市場維持期。在這三個階段中，廠商要首先獲取注意力，創(chuàng)立品牌知名度；在消費(fèi)者獲得品牌的初步信息后，推廣更為詳細(xì)的產(chǎn)品信息。然后是建立和消費(fèi)者之間較為牢固的聯(lián)系，以建立品牌忠誠。而互聯(lián)網(wǎng)將這三個階段合并在一次廣告投放中實(shí)現(xiàn)：消費(fèi)者看到網(wǎng)絡(luò)廣告，點(diǎn)擊后獲得詳細(xì)信息，并填寫用戶資料或直接參與廣告主的市場活動甚至直接在網(wǎng)上實(shí)施購買行為。
10、網(wǎng)絡(luò)廣告?zhèn)鞑シ秶鷱V、不受時空限制
通過國際互聯(lián)網(wǎng)絡(luò)，網(wǎng)絡(luò)廣告可以將廣告信息24小時不間斷地傳播到世界的每一個角落。只要具備上網(wǎng)條件，任何人，在任何地點(diǎn)都可以閱讀。這是傳統(tǒng)媒體無法達(dá)到的。
11、網(wǎng)絡(luò)廣告具有可重復(fù)性和可檢索性
網(wǎng)絡(luò)廣告可以將文字、聲音、畫面完美地結(jié)合之后供用戶主動檢索，重復(fù)觀看。而與之相比電視廣告卻是讓廣告受眾被動地接受廣告內(nèi)容。如果錯過廣告時間，就不能再得到廣告信息。另外，顯而易見，較之網(wǎng)絡(luò)廣告的檢索平面廣告的檢索要費(fèi)時、費(fèi)事的多。
12、網(wǎng)絡(luò)廣告具有價格優(yōu)勢
從價格方面考慮，與報(bào)紙雜志或電視廣告相比，目前網(wǎng)絡(luò)廣告費(fèi)用還是較為低廉的。獲得同等的廣告效應(yīng)，網(wǎng)絡(luò)廣告的有效千人成本遠(yuǎn)遠(yuǎn)低于傳統(tǒng)廣告媒體。一個廣告主頁一年的費(fèi)用大致為幾千元人民幣，而且主頁內(nèi)容可以隨企業(yè)經(jīng)營決策的變更隨時改變，這是傳統(tǒng)廣告媒體不可想像的。
1999年全球網(wǎng)絡(luò)廣告支出為28億美元。預(yù)計(jì)2004年全球網(wǎng)絡(luò)廣告支出將達(dá)到220億美元。據(jù)Jupiter通信公司日前的一份研究報(bào)告顯示，美國的互聯(lián)網(wǎng)廣告在未來的4年內(nèi)將以40%的速度增長，到2003年有望達(dá)到115億美元，將超過廣告客戶花在一些傳統(tǒng)媒體上的廣告費(fèi)，接近現(xiàn)在廣播電視行業(yè)廣告費(fèi)的3/4。雖然中國的互聯(lián)網(wǎng)廣告在1997年才開始出現(xiàn)，但是經(jīng)過三年的發(fā)展，網(wǎng)絡(luò)廣告已經(jīng)成為中國互聯(lián)網(wǎng)站的最主要收入形式。由于上述優(yōu)勢，中國互聯(lián)網(wǎng)廣告收入也以每年400%速率遞增，2000年底將達(dá)到2千6百萬美金，網(wǎng)絡(luò)廣告將成為企業(yè)市場推廣必不可少的高效途徑。
前言：
得益于計(jì)算機(jī)與智能手機(jī)的普及，我國網(wǎng)民數(shù)量已達(dá)7億，而這一龐大的網(wǎng)民人口則標(biāo)志著網(wǎng)絡(luò)與我國民眾生活之間聯(lián)系的日漸緊密。我國當(dāng)下數(shù)字媒體的發(fā)展速度不斷提升，其本身也開始真正融入我國各行各業(yè)之中，但數(shù)字媒體本身在發(fā)展中也暴露出了一些問題，而本文就數(shù)字媒體中網(wǎng)頁設(shè)計(jì)原則與制作技巧展開的研究目的，正是為了解決其中一部分問題。
1.數(shù)字媒體概述
為了能夠較好的完成本文就數(shù)字媒體中網(wǎng)頁設(shè)計(jì)原則與制作技巧展開的研究，我們首先就需要對數(shù)字媒體進(jìn)行深入了解。結(jié)合相關(guān)文獻(xiàn)資料與筆者自身對數(shù)字媒體的認(rèn)知，本文將數(shù)字媒體定義為利用二進(jìn)制數(shù)據(jù)處理和記錄，采取數(shù)字通信的原理，收集、存儲、傳輸各種矢量數(shù)字文本的過程，簡單的說數(shù)字媒體就是一種圖形、圖像、視頻、聲音、動畫等信息的載體與平臺。對于數(shù)字媒體來說，其本身具備著高效相互性、靈活多變性以及強(qiáng)大融合性等三方面的特點(diǎn)，這些特點(diǎn)也是其能夠較好發(fā)揮自身功能的原因所在。具體來說，高效相互性指的是數(shù)字媒體能夠通過自身的載體與平臺特性，使信息變?yōu)榭筛?、可知、可管、可交互的狀態(tài)，這就使得信息的傳播的過程中能夠較好的實(shí)現(xiàn)作者與受眾的交流網(wǎng)絡(luò)影視、網(wǎng)絡(luò)游戲等都屬于這一特點(diǎn)的具體表現(xiàn)；而在靈活多變性這一特點(diǎn)中，這一特點(diǎn)使得數(shù)字媒體能夠?qū)⒙曇?、圖片、視頻、音頻、文字等創(chuàng)作要素進(jìn)行較好的改變，這樣相關(guān)信息就能夠?qū)崿F(xiàn)更好的創(chuàng)造；而在強(qiáng)大融合性這一特點(diǎn)中，這一特點(diǎn)使得數(shù)字媒體本身能夠與各類藝術(shù)方式實(shí)現(xiàn)較好的融合，這種融合由于往往能夠發(fā)揮“1+1＞2”的作用，就使得數(shù)字媒體能夠更好的滿足各類受眾的需求[1]。
2.數(shù)字媒體中網(wǎng)頁設(shè)計(jì)原則
上文中我們深入了解了各類數(shù)字媒體，而在下文中筆者將結(jié)合自身實(shí)際工作經(jīng)驗(yàn)與相關(guān)文獻(xiàn)資料，就數(shù)字媒體中網(wǎng)頁設(shè)計(jì)原則進(jìn)行詳細(xì)論述，希望這一論述能夠在一定程度上為我國數(shù)字媒體的進(jìn)一步發(fā)展帶來一定幫助。
2.1明確網(wǎng)頁主題
在數(shù)字媒體的網(wǎng)頁設(shè)計(jì)中，為了保證這一網(wǎng)頁設(shè)計(jì)能夠較好的為受眾提供服務(wù)，我們首先就需要結(jié)合網(wǎng)頁內(nèi)容確認(rèn)網(wǎng)頁主題，而為了實(shí)現(xiàn)這一目標(biāo)，網(wǎng)頁設(shè)計(jì)人員需要進(jìn)行充分的市場調(diào)查，最大程度上了解網(wǎng)頁受眾的情況，這樣才能夠較好的確定整個網(wǎng)頁的風(fēng)格與主題。而在確定了網(wǎng)頁的主題后，設(shè)計(jì)人員還需要在設(shè)計(jì)的過程中保證網(wǎng)頁本身的鮮明突出、要點(diǎn)明確，最終實(shí)現(xiàn)通過簡單的網(wǎng)頁頁面?zhèn)鬟_(dá)不簡單的信息這一追求。值得注意的是，網(wǎng)頁還需要最大程度上保證自身的即時性，這樣才能夠更好的實(shí)現(xiàn)信息的傳達(dá)[2]。
2.2結(jié)合受眾需求
除了明確網(wǎng)頁主題外，網(wǎng)頁設(shè)計(jì)人員在進(jìn)行數(shù)字媒體的網(wǎng)頁設(shè)計(jì)過程中，還需要細(xì)致了解網(wǎng)頁受眾人群的性別、年齡、職業(yè)以及受教育程度、生活習(xí)俗等方面的分布，并以此更好的結(jié)合網(wǎng)頁向受眾傳達(dá)某種情感，這樣就能夠更好的提高數(shù)字媒體中網(wǎng)頁信息的傳播效率。例如，對網(wǎng)頁受眾年齡的把握，使得設(shè)計(jì)人員能夠更好的抓住網(wǎng)頁設(shè)計(jì)的側(cè)重點(diǎn)，這樣就能夠保證該網(wǎng)頁設(shè)計(jì)傳達(dá)的信息更具備針對性，這自然就大大提高了網(wǎng)頁本身信息的傳達(dá)效率。值得注意的是，我們還需要在網(wǎng)頁設(shè)計(jì)中參考受眾的接受與理解信息的態(tài)度、愿望、需求以及情感等心理因素，這樣才能夠更好的為其提供服務(wù)[3]。
2.3保證風(fēng)格統(tǒng)一
除了上述兩方面的原則外，設(shè)計(jì)人員還必須保證數(shù)字媒體中網(wǎng)頁設(shè)計(jì)的風(fēng)格統(tǒng)一。具體來說，據(jù)筆者調(diào)查發(fā)現(xiàn)，我國當(dāng)下很多數(shù)字媒體中的網(wǎng)頁設(shè)計(jì)存在著文字設(shè)計(jì)影響網(wǎng)頁質(zhì)量、色彩運(yùn)用與搭配影響網(wǎng)頁主題風(fēng)格、圖片選用不合理等一系列問題，這些問題歸根結(jié)底屬于網(wǎng)頁設(shè)計(jì)中風(fēng)格出現(xiàn)的問題，而這一問題也對數(shù)字媒體中網(wǎng)頁設(shè)計(jì)帶來了種種負(fù)面影響，為此設(shè)計(jì)人員必須在文字選擇、色彩搭配、圖片選用等方面注意保持整個網(wǎng)頁的風(fēng)格統(tǒng)一，這樣才能夠更好的保證數(shù)字媒體中網(wǎng)頁設(shè)計(jì)的整體質(zhì)量[4]。
3.數(shù)字媒體中網(wǎng)頁制作技巧
3.1首頁設(shè)計(jì)技巧
在數(shù)字媒體中的網(wǎng)頁設(shè)計(jì)中，網(wǎng)站的首頁一般存在形象展示型與信息羅列型兩種，一般來說信息羅列型較為適用于大、中型網(wǎng)站，也是我國當(dāng)下最為主流的網(wǎng)站首頁設(shè)計(jì)選擇。在形象展示型的網(wǎng)站首頁設(shè)計(jì)中，設(shè)計(jì)人員需要在突出網(wǎng)站本身形象的同時向受眾傳達(dá)相關(guān)形象與氣氛；而在信息羅列型的網(wǎng)站首頁設(shè)計(jì)中，設(shè)計(jì)人員需要結(jié)合自身信息傳播特點(diǎn)，合理選擇“國”字、拐角、標(biāo)題正文、左右框架、上下框架、封面、變化等型號的版面布局方式，這樣才能夠?qū)崿F(xiàn)相關(guān)信息的較好傳達(dá)。
3.2風(fēng)格統(tǒng)一技巧
上文中筆者提到了數(shù)字媒體中網(wǎng)頁設(shè)計(jì)必須遵循風(fēng)格統(tǒng)一這一原則，而為了真正實(shí)現(xiàn)這一風(fēng)格的統(tǒng)一，設(shè)計(jì)人員就需要從網(wǎng)頁設(shè)計(jì)的結(jié)構(gòu)、色彩、導(dǎo)航欄等三個方面實(shí)現(xiàn)這一風(fēng)格統(tǒng)一。具體來說，在網(wǎng)頁設(shè)計(jì)的結(jié)構(gòu)統(tǒng)一中，設(shè)計(jì)人員需要保證整個網(wǎng)站除特殊網(wǎng)頁外，在網(wǎng)站布局、文字排版、裝飾性元素出現(xiàn)的位置、圖片的位置等方面呈現(xiàn)較高的統(tǒng)一性；而在色彩的統(tǒng)一中，設(shè)計(jì)人員需要盡量保證網(wǎng)站的主體色彩一致，并只在有需求的時候改變網(wǎng)站的部分色塊；而在導(dǎo)航欄的統(tǒng)一中，導(dǎo)航欄的位置與背景必須在大小、明暗、位置等方面實(shí)現(xiàn)統(tǒng)一，這樣才能夠較好的提高網(wǎng)站本身的特點(diǎn)，使更多的受眾對該網(wǎng)站產(chǎn)生深刻印象。
結(jié)論：
在本文就數(shù)字媒體中網(wǎng)頁設(shè)計(jì)原則與制作技巧展開的研究中，筆者詳細(xì)論述了數(shù)字媒體的概念、網(wǎng)頁設(shè)計(jì)的原則以及網(wǎng)頁的制作技巧，雖然受限于篇幅原因本文并未對數(shù)字媒體中網(wǎng)頁設(shè)計(jì)進(jìn)行較為深入的研究，但還是希望本文論述的內(nèi)容能夠在一定程度上推動我國數(shù)字媒體的相關(guān)發(fā)展。
引用：
[1]楊旭蘭.色彩在網(wǎng)頁設(shè)計(jì)中的應(yīng)用研究[D].南京林業(yè)大學(xué),2009.
[2]張燕.多媒體素材的無障礙設(shè)計(jì)研究[D].浙江師范大學(xué),2009.
[3]黃曉乾,陳超.網(wǎng)頁設(shè)計(jì)原則與制作技巧[J].中國科技信息,2010,07:95-96.
推行“CEC—CDIO做中學(xué)”課程模式，學(xué)校和企業(yè)需要在相同利益訴求和“雙贏”的前提下，建立緊密的合作關(guān)系，搭建校企合作平臺，培養(yǎng)崗位技能人才，在企業(yè)中鍛煉教師的實(shí)踐能力，建設(shè)“雙師”結(jié)構(gòu)教學(xué)團(tuán)隊(duì)，根據(jù)企業(yè)網(wǎng)頁設(shè)計(jì)崗位的工作內(nèi)容、工作項(xiàng)目和流程開發(fā)工學(xué)結(jié)合課程，提高學(xué)生崗位能力和職業(yè)素質(zhì)，使得學(xué)生節(jié)課后便能參與實(shí)際的網(wǎng)頁設(shè)計(jì)項(xiàng)目，提高自己的實(shí)際工作能力。與企業(yè)深度合作，選取適合網(wǎng)頁項(xiàng)目交由學(xué)生完成，選派教師到企業(yè)中實(shí)踐鍛煉，并用自己的技術(shù)服務(wù)企業(yè)。教師和學(xué)生接手一些可操作的企業(yè)實(shí)際項(xiàng)目，由教師帶領(lǐng)同學(xué)在校內(nèi)模擬職場環(huán)境的實(shí)訓(xùn)室或企業(yè)實(shí)習(xí)基地進(jìn)行設(shè)計(jì)制作，通過做中學(xué)的方式學(xué)習(xí)網(wǎng)頁設(shè)計(jì)課程，其項(xiàng)目的難易程度由簡單到復(fù)雜逐漸過渡，使得學(xué)生逐漸從初學(xué)者過渡到職業(yè)能手，并在適當(dāng)?shù)臅r機(jī)讓學(xué)生到企業(yè)中參與實(shí)際工作，為企業(yè)創(chuàng)造經(jīng)濟(jì)利益的同時接觸實(shí)際崗位，了解職場環(huán)境，促進(jìn)職業(yè)素質(zhì)和網(wǎng)頁設(shè)計(jì)崗位能力的提高。
二、課程建設(shè)主要方面
（一）課程內(nèi)容的選擇
課程內(nèi)容應(yīng)放棄以知識點(diǎn)為基礎(chǔ)的教學(xué)內(nèi)容，采用以網(wǎng)頁設(shè)計(jì)崗位需求為主要目標(biāo)來選取和設(shè)置教學(xué)內(nèi)容，選取企業(yè)崗位應(yīng)用最廣泛的內(nèi)容，篩選典型的網(wǎng)頁項(xiàng)目，并將項(xiàng)目由簡單到復(fù)雜進(jìn)行排序設(shè)置教學(xué)內(nèi)容，每個項(xiàng)目是相對獨(dú)立的又是知識和難度遞進(jìn)的，保證學(xué)生從基礎(chǔ)逐級向高級進(jìn)行學(xué)習(xí)，保證學(xué)生能夠在課堂中邊做邊學(xué)。
（二）課程標(biāo)準(zhǔn)建設(shè)
課程標(biāo)準(zhǔn)的制定需要合作企業(yè)的網(wǎng)站開發(fā)崗位的人員與學(xué)校任課教師合作研究制定。將課程大綱改成課程標(biāo)準(zhǔn)，能夠更加準(zhǔn)確的說明課程的任務(wù)、完成每個網(wǎng)頁項(xiàng)目后學(xué)生應(yīng)該達(dá)到的職業(yè)標(biāo)準(zhǔn)和職業(yè)能力，而不是知識點(diǎn)的羅列，應(yīng)該是技能和素質(zhì)的要求，明確教師和合作企業(yè)的任務(wù)，合理統(tǒng)籌安排課堂內(nèi)容和企業(yè)實(shí)踐要求，明確什么時間企業(yè)人員參與，明確什么時間實(shí)訓(xùn)設(shè)計(jì)，明確課程的課時標(biāo)準(zhǔn)，明確課程完成后學(xué)生所掌握的技術(shù)方法。
（三）教材建設(shè)
課程教材需要隨著網(wǎng)頁設(shè)計(jì)技術(shù)的發(fā)展而更新，在教材建設(shè)中，校企合作編寫符合“做中學(xué)”和CDIO模式的課程教材，注重實(shí)踐動手能力的培養(yǎng)、注重分析問題解決問題能力的培養(yǎng)以及網(wǎng)頁設(shè)計(jì)崗位能力、素質(zhì)和行業(yè)規(guī)范的培養(yǎng)。從合作企業(yè)選取實(shí)際典型的網(wǎng)頁設(shè)計(jì)任務(wù)，經(jīng)過重組編排后形成教材內(nèi)容，在每個項(xiàng)目的制作中講解使用的技術(shù)、技巧和標(biāo)準(zhǔn)，并且每個項(xiàng)目任務(wù)要按照CDIO的思想，按網(wǎng)頁項(xiàng)目的開發(fā)周期進(jìn)行編寫，按照構(gòu)思、設(shè)計(jì)、實(shí)現(xiàn)和運(yùn)行測試的順序進(jìn)行，每兩年對教材進(jìn)行重新編寫或修訂工作。
（四）輔助教學(xué)資源建設(shè)
關(guān)鍵詞：技工院校；網(wǎng)頁設(shè)計(jì)
案例教學(xué)在信息時代快速發(fā)展的今天，各行各業(yè)對技術(shù)型人才的要求普遍提高。技術(shù)院校捕捉到市場對人才的新要求，也在積極地進(jìn)行教學(xué)改革。將全新的教學(xué)方法與網(wǎng)頁設(shè)計(jì)教學(xué)結(jié)合起來，是促進(jìn)網(wǎng)頁設(shè)計(jì)教學(xué)目標(biāo)實(shí)現(xiàn)的重要手段。案例教學(xué)法與網(wǎng)頁設(shè)計(jì)課程的操作性與實(shí)踐性特點(diǎn)相符，以此來打破傳統(tǒng)教學(xué)模式對網(wǎng)頁設(shè)計(jì)教學(xué)的限制，能夠讓學(xué)生的發(fā)展需求得到滿足。
一、做好內(nèi)容選擇工作
選擇案例教學(xué)法內(nèi)容，是實(shí)施案例教學(xué)活動的第一步。在選擇案例教學(xué)內(nèi)容時，教師要堅(jiān)持兩點(diǎn)原則。第一，教學(xué)案例要具有真實(shí)性與典型性。教師選擇教學(xué)案例時，需要查找社會生活中真實(shí)存在的網(wǎng)頁設(shè)計(jì)案例，杜絕一切不真實(shí)的案例走進(jìn)課堂。教學(xué)所用案例要具有典型性，不僅與生活密切相關(guān)，更要能夠啟發(fā)學(xué)生的網(wǎng)頁設(shè)計(jì)思維，促進(jìn)學(xué)生找到切入點(diǎn)去討論。實(shí)事求是的教學(xué)，才能促進(jìn)學(xué)生網(wǎng)頁設(shè)計(jì)能力的提升。第二，教學(xué)案例內(nèi)容要與教學(xué)內(nèi)容相關(guān)。之所以將案例教學(xué)法引入技工院校的網(wǎng)頁設(shè)計(jì)課堂中，就是為了促進(jìn)網(wǎng)頁設(shè)計(jì)教學(xué)目標(biāo)的快速實(shí)現(xiàn)，讓學(xué)生通過網(wǎng)頁設(shè)計(jì)知識的學(xué)習(xí)，提高自己的實(shí)踐能力。因此，教師需要在教學(xué)目標(biāo)的引導(dǎo)下選擇案例教學(xué)的內(nèi)容，本著提高全體學(xué)生網(wǎng)頁設(shè)計(jì)技巧的目的選擇有針對性的案例教學(xué)內(nèi)容。
二、出示任務(wù)書
出示任務(wù)書是利用案例教學(xué)法實(shí)施教學(xué)的重要環(huán)節(jié)。任務(wù)書中包括案例學(xué)習(xí)的內(nèi)容以及具體要求，教師要重視任務(wù)書的設(shè)計(jì)工作，將學(xué)生要掌握的理論知識與實(shí)踐技巧明確地整理在任務(wù)書中，讓學(xué)生以任務(wù)書為引導(dǎo)實(shí)施開展學(xué)習(xí)。換言之，如果學(xué)生掌握了任務(wù)書中的知識點(diǎn)，達(dá)到了任務(wù)書中的目標(biāo)，就等于完成了課本相關(guān)內(nèi)容的學(xué)習(xí)。值得注意的是，教師要重視技工院校學(xué)生創(chuàng)造力的培養(yǎng)，在任務(wù)書中設(shè)置的任務(wù)要具有啟發(fā)性，設(shè)置任務(wù)的難度不宜太大，要給學(xué)生完成任務(wù)的信心。例如，在講解制作文本網(wǎng)頁知識時，教師可以設(shè)計(jì)這樣一個任務(wù)書：掌握網(wǎng)頁文本格式的設(shè)置技巧，如空格、對齊、項(xiàng)目列表、標(biāo)題、字體字號的設(shè)置等。這部分內(nèi)容學(xué)習(xí)難度不大，教師可以選擇學(xué)生所在城市的一個旅游景點(diǎn)，讓學(xué)生為這個旅游景點(diǎn)設(shè)計(jì)一個文本網(wǎng)頁。這樣讓學(xué)生參與到真實(shí)的案例中，可以鍛煉學(xué)生的網(wǎng)頁設(shè)計(jì)技巧，有利于提高專業(yè)技能。
三、組織學(xué)生討論
讓學(xué)生在案例學(xué)習(xí)活動中發(fā)揮自己的主觀能動性，是提升學(xué)生學(xué)習(xí)效果的重要手段。在案例教學(xué)中，教師要組織學(xué)生就難以解決的問題進(jìn)行討論，讓學(xué)生在互幫互助中成長起來。討論活動的實(shí)施要有標(biāo)準(zhǔn)，教師要求小組內(nèi)的每一位成員都表達(dá)自己的看法，分析自己的網(wǎng)頁設(shè)計(jì)工作，為小組成員的學(xué)習(xí)貢獻(xiàn)自己的力量。在所有觀點(diǎn)都擺上臺面上之后，再針對關(guān)鍵問題進(jìn)行討論。例如，在旅游景點(diǎn)文本網(wǎng)站的設(shè)計(jì)中，一些學(xué)生對旅游景點(diǎn)的特色列表持有不同見解，教師要鼓勵學(xué)生分析網(wǎng)頁服務(wù)對象以及受眾，討論出最佳方案，讓學(xué)生在自主探究中實(shí)現(xiàn)個人能力的提升。
四、總結(jié)點(diǎn)撥，提高案例教學(xué)成效
學(xué)生的學(xué)習(xí)能力再強(qiáng)，也需要教師的引導(dǎo)。在技工院校的網(wǎng)頁設(shè)計(jì)教學(xué)中，教師要積極發(fā)揮在課堂教學(xué)中的主導(dǎo)作用。教師通過案例教學(xué)法實(shí)施教學(xué)，給學(xué)生創(chuàng)造了更加自由與多元化的學(xué)習(xí)、探究與討論的空間，也讓教學(xué)內(nèi)容更加開放，從而使教師的教學(xué)行為更加輕松。在學(xué)生的討論過程中，教師要巡回指導(dǎo)，避免使學(xué)生的學(xué)習(xí)走入歧途，浪費(fèi)時間。例如，在學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的知識時，教師引入城市現(xiàn)代化進(jìn)程網(wǎng)頁的案例組織學(xué)生討論。討論中，一些小組在特效功能上產(chǎn)生了分歧，教師要及時指導(dǎo)，幫助學(xué)生明晰每一種特效的視覺作用與情感作用，并引導(dǎo)學(xué)生開發(fā)特效的設(shè)計(jì)方法，保證案例學(xué)習(xí)的質(zhì)量。
五、小結(jié)
綜上所述，網(wǎng)頁設(shè)計(jì)知識的應(yīng)用性與綜合性較強(qiáng)，教師要重視專業(yè)理論知識的講解，也要針對企業(yè)對人才的需求、學(xué)生的個人能力等加強(qiáng)對操作方法的指導(dǎo)。選擇科學(xué)合理的案例教學(xué)內(nèi)容，突出學(xué)生在案例學(xué)習(xí)中的主體地位，讓問題討論更加深入，鼓勵學(xué)生說出自己的疑惑?？茖W(xué)應(yīng)用案例教學(xué)法，是推動技工院校教學(xué)改革的重要環(huán)節(jié)。
參考文獻(xiàn)：
[1]王哲.項(xiàng)目教學(xué)法在技工院校《網(wǎng)頁設(shè)計(jì)與制作》課程中的探索與實(shí)踐[D].南昌:南昌大學(xué),2012.
[2]盛志燕.案例教學(xué)法在中職《網(wǎng)頁設(shè)計(jì)與制作》課程中的應(yīng)用分析[J].信息與電腦(理論版),2015(16).
