網頁設計的技巧8篇

緒論：在尋找寫作靈感嗎？愛發表網為您精選了8篇網頁設計的技巧，愿這些內容能夠啟迪您的思維，激發您的創作熱情，歡迎您的閱讀與分享！

篇1

關鍵詞：Dreamweaver；表格；層；排版

作者簡介：龍敏敏（1979-），女，湖南祁東，本科，講師；研究方向：計算機教育教學

1Dreamweaver網頁設計工具簡介

瀏覽網頁已經是現代社會人們生活中的一個重要組成部分，網頁作為網絡信息傳播的主要載體，其設計也被大家所關注。網頁設計的軟件有多種，Dreamweaver是著名的“所見即所得”的可視化網站開發工具，是國內外普遍應用的專用網頁設計軟件。它被稱為“織夢者”，即它的英文單詞所表達的意思。Dreamweaver不僅提供了強大的網頁編輯功能，而且提供了完善的站點管理機制。它是一個集網頁創作和站點管理兩大利器于一身的超重量級創作工具。網頁設計的重點是版面的設計，即如何將所有的素材按照設計要求精美地羅列在頁面中。所以，如何排版成為網頁設計中的關鍵。

2使用表格和層排版

在Dreamweaver網頁設計中，排版的方法有很多種，其中使用表格和層排版是基本的方法，通過設計模式可以輕松完成，簡單易學，是大家常用的方法，對網頁排版起到了重要的作用。

2.1表格排版

在制作網頁時，要想將文本、圖片等組織得美觀，有條理，就需要排版人員頭腦里有一個整體布局的概念。在Dreamweaver中，安排頁面內容布局主要是依靠表格來完成的。通過表格的相互嵌套和合并、拆分，可以將自己的構思完整地表現出來。表格是網頁設計制作時不可缺少的重要元素，它以簡潔明了和高效快捷的方式將數據、文本、圖片、表單等元素有序地顯示在頁面上，從而設計出版式漂亮的頁面。使用表格排版的頁面，在不同平臺、不同分辨率的瀏覽器里都能保持其原有的布局，且在不同的瀏覽器平臺有較好的兼容性，所以表格是網頁中最常用的排版方式之一。表格排版比較規范，整體性強，一般的網頁排版中都會使用表格進行整體的排版，但其表現比較中規中矩，不會有太多其他的豐富功能。

2.2層排版

層是CSS中的定位技術，在Dreamweaver中可對其可視化操作。文本、圖像、表格等元素只能固定其位置，不能相互疊加在一起，使用層功能，可以將其放置在網頁文檔內的任何一個位置，還可以按順序排放網頁文檔中的其他構成元素。層體現了網頁技術從二維空間向三維空間的一種延伸。層具有很多表格所不具備的特點，比如可以重疊，便于移動，可設為隱藏，還能為層添加一些行為，使頁面具有更豐富的變化等。這些特點有助于設計思維不受局限，從而發揮更多的想象力。由于它是一種新的CSS定位技術，層在具有上述優點的同時，也存在著一些不可避免的缺陷，比如兼容性、定位問題。所以，目前比較大型的網站不會單獨使用層來排版。

2.3層轉換成表格排版

前面提到，層與表格都可以用來在頁面中定位其他對象，它們有時可以互相取代，但兩者并不完全相同，有時就必須使用其中的一種。比如，當需要用到表格來排版頁面，但又覺得表格的添加比較煩瑣，而層比較靈活，這時候，排版者可以使用層到表格的轉換來實現。具體的操作步驟是：（1）首先在層面板中勾選“防止重疊”選項，這樣繪制層的時候就不會出現疊加和嵌套的現象；（2）在頁面中繪制若干個層，把頁面中的各元素添加到層里面；（3）把每個層自由地排列到頁面中各個相應的位置；（4）使用層排版結束之后，要將層排版轉化為表格排版，選擇“修改”—“轉換”—“層到表格”命令，在對話框中設置好相應的參數，確定之后層就會轉換成對應的表格。這種排版方法在排列對象時比較靈活一點，但有時也會產生一些多余的單元格。當然，這種方法一般適用于不太復雜的頁面的排版，對于比較復雜的圖文混排頁面，最好還是采用傳統的表格排版方法。

3排版時容易出現的問題及解決方法

3.1整體表格排版出現的問題

有很多人在網頁中用表格排版時習慣使用一個大表格，然后在大表格中嵌入一個個小表格，認為這保持了排版的整體性，其實這個習慣是不好的。一個大而長的表格在瀏覽器中打開時會加重瀏覽器的負擔，瀏覽器一般是等待整個表格的內容都接收到以后才顯示這個表格的內容，如果一個很長的頁面使用一個大表格排版，那么這個網頁顯示速度就會比較慢，使得頁面呈現的時間大大加長，很多時候有些網頁的訪問者會失去等待的耐心而放棄瀏覽這個網頁。解決的方法是：拆分表格，將大表格化整為零，把表格打散，并要盡可能地避免表格的層層嵌套。注意，拆分后的表格的寬度要設置為相等，這樣表格的排版效果和拆分前相比并沒有改變，在瀏覽器中呈現時，頁面會從上至下一個個表格呈現出來，明顯加快了頁面打開的速度。

3.2層排版出現位置偏差

在頁面中使用表格和層混合排版時，先加入表格進行頁面的整體布局，然后在局部加入層。通常情況下，層加入到頁面中之后是游離在表格之上的，它雖然移動方便，但在頁面中的位置是固定的，由于表格的寬度是固定像素，設置在窗口中居中顯示，所以當窗口變大時，表格會產生一個相對位移，但是層卻還在原位，沒有跟著相對位移，因而出現層與表格中其他內容位置上的偏差。所以，層排版的靈活性同樣也體現了一定的不穩定性。要想辦法使層與頁面中其他元素一樣，能夠隨瀏覽器的變化而產生相對位置上的變化，排版者可以將層嵌入到表格的單元格中，使層成為單元格中的一個元素，就像插入到單元格中的文本、圖片一樣，層就是屬于單元格中的對象，當瀏覽器窗口大小變化時，表格必然會產生相對的變化，層也就會隨著單元格的位置變化而產生相應的變化，這樣就不會出現頁面中元素相對位置的偏差。整個排版會變得很規范，就相當于是利用表格整體排版，層只是嵌入到單元格中的一個元素，又可以使用到層的豐富功能，兩全其美。解決的方法是：先使用表格對整個網頁的整體進行規劃，然后添加一個層到表格中的某個單元格中。添加的方法：直接將工具欄中的層拖動到單元格中，這樣該層就成為該單元格的嵌入層，該層在單元格中默認是靠左對齊，垂直方向居中，而且在水平方向是不能移動的，只要移動便會脫離該單元格，即成為普通層，不會是單元格的嵌入對象，如果在水平方向一定要移動的話，可以將該單元格的位置進行調整，進而單元格中的嵌入層也會隨之移動。而在垂直方向上的位置是可以調整的，不過不要用鼠標拖動，這樣容易使層脫離單元格，可以選中層通過方向箭上下移動或將該單元格垂直方向上的位置由“居中”改為“頂端”或“底端”。采用這種方法設置層后，無論窗口大小怎么變化，層始終是跟著單元格位置變化而變化，因而不會出現之前那種位置上的偏差。這個問題解決之后，接下來就可以在頁面中利用層的一些行為來豐富頁面。

4結語

總之，網頁設計中，內容雖然很重要，但是如果只有好的內容而沒有精美的排版以及合理的布局，那么再好的內容也很難引起瀏覽者的閱讀瀏覽興趣。通過合理的、有新意的頁面布局，特別是主頁設計，才可以將網頁的內容完美地呈現在瀏覽者面前。所以，排版者在平時要多參考他人優秀的網頁排版作品，加強排版練習，這樣才可能創造更漂亮的網頁排版。

[參考文獻]

[1]李愛軍.網頁的排版布局[J].辦公自動化：綜合版，2009（7）：29-30.

[2]藝博，張明真.網頁設計與制作——MacromediaDreamweaver8[M].北京：高等教育出版社，2007.

篇2

關鍵詞：Dreamweaver；表格；層；排版

1 Dreamweaver網頁設計工具簡介

瀏覽網頁已經是現代社會人們生活中的一個重要組成部分，網頁作為網絡信息傳播的主要載體，其設計也被大家所關注。網頁設計的軟件有多種，Dreamweaver是著名的“所見即所得”的可視化網站開發工具，是國內外普遍應用的專用網頁設計軟件。它被稱為“織夢者”，即它的英文單詞所表達的意思。Dreamweaver不僅提供了強大的網頁編輯功能，而且提供了完善的站點管理機制。它是一個集網頁創作和站點管理兩大利器于一身的超重量級創作工具。

網頁設計的重點是版面的設計，即如何將所有的素材按照設計要求精美地羅列在頁面中。所以，如何排版成為網頁設計中的關鍵。

2 使用表格和層排版

在Dreamweaver網頁設計中，排版的方法有很多種，其中使用表格和層排版是基本的方法，通過設計模式可以輕松完成，簡單易學，是大家常用的方法，對網頁排版起到了重要的作用。

2.1 表格排版

在制作網頁時，要想將文本、圖片等組織得美觀，有條理，就需要排版人員頭腦里有一個整體布局的概念。在Dreamweaver中，安排頁面內容布局主要是依靠表格來完成的。通過表格的相互嵌套和合并、拆分，可以將自己的構思完整地表現出來。表格是網頁設計制作時不可缺少的重要元素，它以簡潔明了和高效快捷的方式將數據、文本、圖片、表單等元素有序地顯示在頁面上，從而設計出版式漂亮的頁面。使用表格排版的頁面，在不同平臺、不同分辨率的瀏覽器里都能保持其原有的布局，且在不同的瀏覽器平臺有較好的兼容性，所以表格是網頁中最常用的排版方式之_。

表格排版比較規范，整體性強，一般的網頁排版中都會使用表格進行整體的排版，但其表現比較中規中矩，不會有太多其他的豐富功能。

2.2 層排版

層是CSS中的定位技術，在Dreamweaver中可對其可視化操作。文本、圖像、表格等元素只能固定其位置，不能相互疊加在一起，使用層功能，可以將其放置在網頁文檔內的任何一個位置，還可以按順序排放網頁文檔中的其他構成元素。層體現了網頁技術從二維空間向三維空間的一種延伸。

層具有很多表格所不具備的特點，比如可以重疊，便于移動，可設為隱藏，還能為層添加一些行為，使頁面具有更豐富的變化等。這些特點有助于設計思維不受局限，從而發揮更多的想象力。由于它是一種新的CSS定位技術，層在具有上述優點的同時，也存在著一些不可避免的缺陷，比如兼容性、定位問題。所以，目前比較大型的網站不會單獨使用層來排版。

2.3 層轉換成表格排版

前面提到，層與表格都可以用來在頁面中定位其他對象，它們有時可以互相取代，但兩者并不完全相同，有時就必須使用其中的一種。比如，當需要用到表格來排版頁面，但又覺得表格的添加比較煩瑣，而層比較靈活，這時候，排版者可以使用層到表格的轉換來實現。具體的操作步驟是：（1）首先在層面板中勾選“防止重疊”選項，這樣繪制層的時候就不會出現疊加和嵌套的現象；（2）在頁面中繪制若干個層，把頁面中的各元素添加到層里面；（3）把每個層自由地排列到頁面中各個相應的位置；（4）使用層排版結束之后，要將層排版轉化為表格排版，選擇“修改”“轉換”“層到表格”命令，在對話框中設置好相應的參數，確定之后層就會轉換成對應的表格。

這種排版方法在排列對象時比較靈活一點，但有時也會產生一些多余的單元格。當然，這種方法一般適用于不太復雜的頁面的排版，對于比較復雜的圖文混排頁面，最好還是采用傳統的表格排版方法。

3 排版時容易出現的問題及解決方法

3.1 整體表格排版出現的問題

有很多人在網頁中用表格排版時習慣使用一個大表格，然后在大表格中嵌入_個個小表格，認為這保持了排版的整體性，其實這個習慣是不好的。一個大而長的表格在瀏覽器中打開時會加重瀏覽器的負擔，瀏覽器一般是等待整個表格的內容都接收到以后才顯示這個表格的內容，如果一個很長的頁面使用一個大表格排版，那么這個網頁顯示速度就會比較慢，使得頁面呈現的時間大大加長，很多時候有些網頁的訪問者會失去等待的耐心而放棄瀏覽這個網頁。

解決的方法是：拆分表格，將大表格化整為零，把表格打散，并要盡可能地避免表格的層層嵌套。注意，拆分后的表格的寬度要設置為相等，這樣表格的排版效果和拆分前相比并沒有改變，在瀏覽器中呈現時，頁面會從上至下一個個表格呈現出來，明顯加快了頁面打開的速度。

3.2 層排版出現位置偏差

在頁面中使用表格和層混合排版時，先加入表格進行頁面的整體布局，然后在局部加入層。通常情況下，層加入到頁面中之后是游離在表格之上的，它雖然移動方便，但在頁面中的位置是固定的，由于表格的寬度是固定像素，設置在窗口中居中顯示，所以當窗口變大時，表格會產生一個相對位移，但是層卻還在原位，沒有跟著相對位移，因而出現層與表格中其他內容位置上的偏差。所以，層排版的靈活性同樣也體現了一定的不穩定性。

要想辦法使層與頁面中其他元素一樣，能夠隨瀏覽器的變化而產生相對位置上的變化，排版者可以將層嵌入到表格的單元格中，使層成為單元格中的一個元素，就像插入到單元格中的文本、圖片一樣，層就是屬于單元格中的對象，當瀏覽器窗口大小變化時，表格必然會產生相對的變化，層也就會隨著單元格的位置變化而產生相應的變化，這樣就不會出現頁面中元素相對位置的偏差。整個排版會變得很規范，就相當于是利用表格整體排版，層只是嵌入到單元格中的一個元素，又可以使用到層的豐富功能，兩全其美。

解決的方法是：先使用表格對整個網頁的整體進行規劃，然后添加一個層到表格中的某個單元格中。添加的方法：直接將工具欄中的層拖動到單元格中，這樣該層就成為該單元格的嵌入層，該層在單元格中默認是靠左對齊，垂直方向居中，而且在水平方向是不能移動的，只要移動便會脫離該單元格，即成為普通層，不會是單元格的嵌入對象，如果在水平方向一定要移動的話，可以將該單元格的位置進行調整，進而單元格中的嵌入層也會隨之移動。而在垂直方向上的位置是可以調整的，不過不要用鼠標拖動，這樣容易使層脫離單元格，可以選中層通過方向箭上下移動或將該單元格垂直方向上的位置由“居中”改為“頂端”或“底端”。

采用這種方法設置層后，無論窗口大小怎么變化，層始終是跟著單元格位置變化而變化，因而不會出現之前那種位置上的偏差。

這個問題解決之后，接下來就可以在頁面中利用層的一些行為來豐富頁面。

篇3

隨著我國互聯網信息技術的飛速發展，通過網絡流量網頁觀看新聞、圖片和視頻等已經成為人們日常生活中必不可少的生活內容，因此，網頁設計所受到的關注度越來越高。其中圖形圖像處理技巧是網頁設計最重要的影響因素之一，決定著網頁設計整體效果、主題思路和瀏覽感受。為了滿足人們對網頁設計日益增長的審美要求，必須充分發揮出圖形圖像處理技巧的優勢，設計出更加優秀和美觀的網頁。本文對網頁設計中的圖形圖像處理的優勢、構圖方法和處理技巧應用等方面進行了簡要分析。切實希望有助于提升網頁設計中的圖形圖像處理的水平和質量。

關鍵詞:

網頁設計;圖形圖像處理技巧

近年來，隨著我國科學技術的飛速發展和人民生活質量的不斷提高，通過互聯網信息技術瀏覽網頁已經成為人們日常工作學習生活的一部分，不但如此，各個行業領域、機關部門都需要借助網絡來輔助辦公，因此，網站和網頁建設是目前備受關注的焦點。網頁設計中最重要的一個環節就是圖形圖像處理的過程，由于網頁是面向網站用戶的直接對象，網頁所展示出的整體效果和層次脈絡代表著網頁所有者的能力和態度，能否把網頁設計與藝術美感有機結合是獲取瀏覽者認同度和滿意度的基礎因素。這就要求網頁設計中圖形圖像處理過程的質量和水平要格外高超，用專業的圖形圖像處理技能和知識配合富有藝術美感的處理技巧，充分滿足人們對瀏覽網頁的視覺需求和效用需求。

1網頁設計中的圖形圖像處理技術分析

1.1網頁設計過程中運用圖形圖像的優勢

首先，在網頁設計過程中使用圖片首先可以給用戶帶來直觀的視覺沖擊，具有視覺優勢，以圖片作為網頁版面的構成要素可以烘托出特殊的網頁風格，而且圖片具有良好的適配性和包容性，能夠配合網頁中蘊含的其他因素，從而使網頁獲得統一、協調的美感。其次，圖片內容的受眾性逛具備認知優勢，通過圖片設計者可以忽略由于語言文字產生的信息障礙，增大瀏覽和觀看的受眾范圍，即使用戶不認識文字或者來自不同語言文化的國家，都可以通過圖片內容來準確理解設計者所表達的思想內涵。

1.2網頁設計過程中運用圖形圖像的構圖方式

網頁設計中主要的構圖方式按結構劃分有三種，分別是縱向式、水平式和中心式構圖。其中，縱向式構圖是指將網頁中的全部元素按照豎直方式進行排列，這種構圖方式比較簡潔明了，用戶能夠直觀、清晰地感受到網頁的主體內容，多適用于廣告設計中。而水平式構圖與上一種構圖方式類似，只不過是將排列方式轉變為橫向，這種構圖方式體現出莊重、樸實和嚴謹的風格，適合用戶的瀏覽習慣，主要適用于政府機關、企業單位和學校等機構的網站中。中心式構圖運用較少，其設計理念是把所有元素統一集中到網頁中心，集中表現力較強，但是給人的感覺過于拘謹。

1.3網頁設計過程中運用圖形圖像的處理技術

1.3.1圖形圖像去噪

網頁在添加圖形圖像的時候會伴隨著噪聲，噪聲的產生是由圖形圖像的自身屬性所決定的。通過圖形圖像去噪處理，可以有效提高圖形圖像的分辨率，對圖片質量和大小進行優化。

1.3.2圖形圖像增強

主要是通過后期制作將中心圖像四周的圖像進行淡化處理，以此達到突出中心主題的目的。圖形圖像增強能夠有效提升圖片的畫面感，其主要技術有，邊緣增強、圖像色彩增強和銳化增強等。

1.3.3圖形圖像壓縮

這種技術被大范圍適用于數字圖像中，主要是針對圖像數據中冗余信息進行壓縮處理，以提升圖形圖像的分辨率、像素水平，降低圖像的失真性，提高圖片質量。

2網頁設計中的圖形圖像處理技術的應用

2.1圖形圖像的形式與網站整體風格的匹配度與協調性

網頁設計中所涉及到圖形圖像的表達方式大致有三種，分別是四方圖、退底圖和邊緣模糊圖。每一種圖片表達方式都有其獨特的視覺效果和瀏覽體驗，需要通過合理的運用組合，才可以設計出高水平的網站網頁。在網頁設計過程中，要充分考慮到圖形圖像的形式與網站整體風格的匹配度與協調性，按照主題風格將圖片內容進行層次性排列設計，突出中心主題圖像，對次要信息表達的圖片進行弱化處理，從而設計出最佳效果的網站網頁。

2.2對圖片的格式、大小和顏色等因素進行處理

在設計網頁的過程中要按照實際需求選取圖片格式，科學規范的圖片格式設置可以保證網頁設計的合理性和美觀性，通過對拍攝圖片、截取圖片和拼接圖片的處理，增強用戶的視覺感官與瀏覽享受，運用“圖片+文字”的手法是網頁設計中較為普遍的設計形式，為了不影響整體效果和中心內涵，不同格式的圖片設計是必須考慮清楚的環節。由于網頁的版面所限，如何在有限的空間中高效運用圖片進行信息輸出是設計者需要考慮的重要內容，網頁設計中圖片大小主要影響圖形圖像的分辨率清晰度，同樣需要配合網頁中心思想來進行設置，突出重點來提升網頁瀏覽效果。網頁設計過程中圖形圖像的不同顏色搭配，能夠展現出不同的設計風格和不同的表達效果，與圖表、背景和文字之間的協同搭配是設計師在選擇圖片顏色時考慮的重要因素。

2.3圖形圖像處理的相關技術

要想制作出具備觀賞性和藝術性的高水平網頁，圖形圖像處理的相關技術的運用必不可少。Photoshop作為功能性和適用性較強的圖形圖像處理軟件，在網頁設計過程中應用較為廣泛。根據網頁設計要求，Photoshop能夠對圖片的位置、大小和版式等多項內容進行處理和調整，其中，圖片分割技術是較為常用的一種技巧。通過多幅圖片的分割、重構和組合能夠設計出別具風格的圖形圖像，極大地增加了圖片的靈動性和美感。

3結論

綜上所述，網頁設計對技術性和美觀性的要求越來越高，設計師對圖形圖像處理技巧運用的能力更為重要。在設計網頁的過程中，通過強調圖形圖像的形式與網站整體風格的匹配度與協調性，根據主題對圖片的格式、大小和顏色等因素進行處理，運用Photoshop等圖片處理軟件，可以有效提升網頁的藝術性和美觀性，提高網頁設計的質量和水平。

參考文獻

[1]王燕軍.網頁設計中計算機圖像處理技術的應用[J].電子技術與軟件工程,2016(13):104-104.

篇4

>> Flash教學課件中彈出式窗口的實現 清除Real影片播放過程中彈出的廣告網頁 惡意彈出網頁的應對措施 彈出窗口阻止程序，不是IE的專利 輕松去除視頻中自動彈出的網頁 淺談經濟分析中彈性的應用 超高層結構設計中彈塑性法的分析與應用 網絡用戶對在線客服彈出窗口的心理抗拒與接受意愿分析 IE總是彈出腳本錯誤提示窗口 巧抓QQ彈出消息窗口 打開論壇彈出“安全警報”窗口等 網頁設計中視覺元素的應用 FLASH在網頁設計中的應用 Flash在網頁設計中的應用 Photoshop在網頁設計中的應用 詳解網頁設計中的定位應用 淺談網頁設計中的色彩應用 圖層在網頁設計中的應用 CSS在網頁設計中的應用 井下糾偏器中彈簧的設計計算 常見問題解答 當前所在位置：l”，”width=100，height=150，menubar=0，toolbar=0”）

-->

此段代碼的最終執行結果是在一個寬度為100像素、高度為150像素、沒有菜單欄也沒有工具條的窗口中將window.html頁面打開。

二、巧妙應用彈出窗口

（一）警告性的彈出窗口

當要提示系統中有些重要的事情將要發生或者已經發生的時候，就可以利用警告窗口來實現。這類彈出窗口被設計在網頁中以后，不僅僅用于警告作用，還可以用來表示一些重要通知的或者對網頁用戶的友好問候。彈出窗口出現以后，只要直接點擊其中的確定按鈕或者頁面右上角的關閉按鈕，就可以將其關閉。我們可以在HTML語言中應用alret命令來建立這樣的彈出窗口，在具體的使用過程中，可以有兩種方法來調用alret命令，一種是可以直接在HTML語言中的Body中進行使用，例如：

第二種方法是在Java腳本語言中進行調用，舉例：

Alert（‘歡迎惠顧。、請收藏本站地址’）

（二）選擇性的彈出窗口

當用戶在查詢信息的時候，有些重要內容需要在用戶的甄別和選擇之后才能繼續查詢，為此，應用選擇性的彈出窗口就成為一件非常有必要的事情。在這種類型的彈出窗口中，一般情況下至少要有兩個按鈕，選擇不同的按鈕可以讓網站轉向不同的頁面，用戶在選擇的時候可以根據自身的需求來進行，在具體的使用過程中，一般是在Java腳本語言中進行調用的。

（三）一般的自動彈出窗口

這種彈出窗口在網頁設計中是最經常使用的一種彈出窗口了，其作用就是，當用戶打開某一瀏覽器的窗口時，同時另外一個窗口也會隨之自動打開，用來顯示與網站相關的內容或者作為廣告宣傳的工具。在具體的使用過程中，可以在Java腳本語言中使用window.open命令來實現。鑒于篇幅原因，這里不再編寫代碼舉例說明。

三、應用彈出窗口時應注意的原則

在進行網頁設計時，同時將彈出窗口設計在網站中，可以更加方便的將一些重要的內容和信息傳遞給用戶，而且通過彈出窗口還可以進行廣告宣傳。然而，當用戶在查詢信息的時候，當打開一個Web頁面的時候，出現一個甚至多個的彈出窗口，難免會或多或少的影響到用戶對信息的查看，為了更全面的觀看自己的查詢信息，用戶還需要耐心的一個一個的將這些彈出窗口關閉或者最小化。因此，過多過快的彈出窗口的出現，甚至可能會讓用戶產生厭惡的情緒。所以，我們在進行網頁設計的時候，如果要設計一些彈出窗口，首先要站在用戶的角度去思考和觀察，彈出窗口的出現會不會對用戶產生不良的影響。

第一，確定彈出窗口是不是必須使用的。這個在一定程度上是由網頁設計者的目的和彈出窗口所包含的內容決定的。用戶最關心的就是自己要查詢的信息，與此相關的一些重要通知或者信息必然會對用戶產生良好的引導作用，用戶往往對此持歡迎的態度。目前，很多網站上各種各樣的彈出的廣告窗口在彈出窗口中占有非常大的比重，要讓廣告達到最佳的效果，最好就是讓廣告的內容與網站的內容是息息相關的，否則，一般不會引起用戶的關注，其廣告的作用就大大降低了。因此，設計者必須考慮廣告內容與網站內容的銜接關系以及用戶的需要，確定出一個彈出窗口的設計是不是必須的。第二，彈出窗口的最佳出現時機的確定。當前，彈出窗口的出現時機一般可以分為三個時間段，第一個時間段就是彈出窗口伴隨著網站頁面的打開而打開，第二個時間段就是彈出窗口在網站頁面關閉的時候打開，第三個時間段就是用戶在瀏覽網頁信息的過程中當某個觸發事件發生時打開。為此，設計者在網頁設計的時候就要把握好這個時機，確定好什么樣的彈出窗口應該在什么樣的時機出現。比如，對于一些廣告類的窗口可以在用戶查詢信息的網頁關閉的時候再出現，或者通過一些觸發事件來彈出有時也會產生一些意想不到的結果。第三，彈出窗口樣式的選擇。彈出窗口包含有很多種不同的類型，前面已經做了說明，我們在進行設計的時候，就可以根據實際需要選擇合適的類型。另外，在使用的時候，還要注意設置好合適的彈出位置，彈出窗口出現的最佳位置是頁面中沒有信息內容的部位，或者容易用鼠標進行操作的地方，然后根據窗口所包含的內容的容量設計窗口的高和寬的具體尺寸，至于彈出窗口中是否要設計上滾動條和工具欄等工具，則要根據實際情況來定。第四，從網站的總體來進行規劃，對彈出窗口進行科學和合理的應用。如果彈出窗口中包含的內容非常多，可以用目錄的形式將這些內容存放在彈出窗口中，然后為其建立超級鏈接，當用戶要進行察看的時候，可以通過超級鏈接在其他的窗口中進行察看。還有很重要的一點，那就是不要不斷的重復彈出內容完全一樣的彈出窗口，因為彈出窗口得信息是否重要，對用戶是否有用，在用戶第一次見到的時候就已經決定下來了。為了盡可能節省終端電腦的資源，彈出窗口更不能無限的惡意彈出。

四、總結

本文重點介紹了在網頁設計中如何更好、更規范的應用彈出窗口。為了更加方便用戶的使用，彈出窗口的設計必須更加的科學和合理，只有這樣，設計彈出窗口的最終目的才能得以實現，筆者相信，伴隨著電腦網絡技術的不斷提高和發展，Java腳本語言必然將得到更加廣泛的應用。

參考文獻：

[1]陳邦澤,楊曉波.JAVASCRIPT與彈出窗口制作[J].甘肅高師學報,2000

[2]張志遠.JavaScript與客戶端安全[J].東莞理工學院學報,2002

篇5

什么是網絡廣告

簡單地說，網絡廣告就是在網絡上做的廣告。

利用網站上的廣告橫幅、文本鏈接、多媒體的方法，在互聯網刊登或廣告，通過網絡傳遞到互聯網用戶的一種高科技廣告運作方式。

與傳統的四大傳播媒體(報紙、雜志、電視、廣播)廣告及近來備受垂青的戶外廣告相比，網絡廣告具有得天獨厚的優勢，是實施現代營銷媒體戰略的重要一部分。Internet是一個全新的廣告媒體，速度最快效果很理想，是中小企業擴展裝大的很好途徑，對于廣泛開展國際業務的公司更是如此。

目前網絡廣告的市場正在以驚人的速度增長，網絡廣告發揮的效用越來越顯得重要。以致廣告界甚至認為互聯網絡將超越路牌，成為傳統四大媒體(電視、廣播、報紙、雜志)之后的第五大媒體。因而眾多國際級的廣告公司都成立了專門的“網絡媒體分部”，以開拓網絡廣告的巨大市場。

網絡廣告的優勢

1、網絡廣告是多維廣告

傳統媒體是二維的，而網絡廣告則是多維的，它能將文字、圖像和聲音有機的組合在一起，傳遞多感官的信息，讓顧客如身臨其境般感受商品或服務。網絡廣告的載體基本上是多媒體、超文本格式文件，廣告受眾可以對其感興趣的產品信息進行更詳細的了解，使消費者能親身體驗產品、服務與品牌。這種圖、文、聲、像相結合的廣告形式，將大大增強網絡廣告的實效。

2、網絡廣告擁有最有活力的消費群體

互聯網用戶70.54%集中在經濟較為發達地區，64%家庭人均月收入高于1000元，85.8%年齡在18歲到35歲之間，83%受過大學以上教育。因此，網絡廣告的目標群體是目前社會上層次最高、收入最高、消費能力最高的最具活力的消費群體。這一群體的消費總額往往大于其他消費層次之和。

3、網絡廣告制作成本低，速度快，更改靈活

網絡廣告制作周期短，即使在較短的周期進行投放，也可以根據客戶的需求很快完成制作，而傳統廣告制作成本高，投放周期固定。另外，在傳統媒體上做廣告后很難更改即使可以改動往往也須付出很大的經濟代價。而在互聯網上做廣告能夠按照客戶需要及時變更廣告內容。這樣，經營決策的變化就能及時實施和推廣。

4、網絡廣告具有交互性和縱深性

交互性強交互性是互聯網絡媒體的最大的優勢，它不同于傳統媒體的信息單向傳播，而是信息互動傳播。通過鏈接，用戶只需簡單地點擊鼠標，就可以從廠商的相關站點中得到更多、更詳盡的信息。另外，用戶可以通過廣告位直接填寫并提交在線表單信息，廠商可以隨時得到寶貴的用戶反饋信息，進一步減少了用戶和廣告客戶之間的距離。同時，網絡廣告可以提供進一步的產品查詢需求。

5、網絡廣告能進行完善的統計

“無法衡量的東西就無法管理。”網絡廣告通過及時和精確的統計機制，使廣告主能夠直接對廣告的進行在線監控。而傳統的廣告形式只能通過并不精確的收視率、發行量等來統計投放的受眾數量。

6、網絡廣告可以跟蹤和衡量廣告的效果

廣告主能通過Internet即時衡量廣告的效果。通過監視廣告的瀏覽量、點擊率等指標，廣告主可以統計出多少人看到了廣告，其中有多少人對廣告感興趣進而進一步了解了廣告的詳細信息。因此，較之其他任何廣告，網絡廣告使廣告主能夠更好地跟蹤廣告受眾的反應，及時了解用戶和潛在用戶的情況。

7、網絡廣告的投放更具有針對性

通過提供眾多的免費服務，網站一般都能建立完整的用戶數據庫，包括用戶的地域分布、年齡、性別、收入、職業、婚姻狀況、愛好等。這些資料可幫助廣告主分析市場與受眾，根據廣告目標受眾的特點，有針對性地投放廣告，并根據用戶特點作定點投放和跟蹤分析，對廣告效果作出客觀準確的評價。

另外，網絡廣告還可以提供有針對性的內容環境。不同的網站或者是同一網站不同的頻道所提供的服務是不同質且具有很強類的分別的，這就為密切迎合廣告目標受眾的興趣提供了可能。

8、網絡廣告的受眾關注度高

據資料顯示，電視并不能集中人的注意力，電視觀眾40%的人同時在閱讀，21%的人同時在做家務，13%的人在吃喝，12%的人在玩賞它物，10%在烹飪，9%在寫作，8%在打電話。而網上用戶55%在使用計算機時不做任何它事，只有6%同時在打電話，只有5%在吃喝，只有4%在寫作。

9、網絡廣告縮短了媒體投放的進程

廣告主在傳統媒體上進行市場推廣一般要經過三個階段：市場開發期、市場鞏固期和市場維持期。在這三個階段中，廠商要首先獲取注意力，創立品牌知名度；在消費者獲得品牌的初步信息后，推廣更為詳細的產品信息。然后是建立和消費者之間較為牢固的聯系，以建立品牌忠誠。而互聯網將這三個階段合并在一次廣告投放中實現：消費者看到網絡廣告，點擊后獲得詳細信息，并填寫用戶資料或直接參與廣告主的市場活動甚至直接在網上實施購買行為。

10、網絡廣告傳播范圍廣、不受時空限制

通過國際互聯網絡，網絡廣告可以將廣告信息24小時不間斷地傳播到世界的每一個角落。只要具備上網條件，任何人，在任何地點都可以閱讀。這是傳統媒體無法達到的。

11、網絡廣告具有可重復性和可檢索性

網絡廣告可以將文字、聲音、畫面完美地結合之后供用戶主動檢索，重復觀看。而與之相比電視廣告卻是讓廣告受眾被動地接受廣告內容。如果錯過廣告時間，就不能再得到廣告信息。另外，顯而易見，較之網絡廣告的檢索平面廣告的檢索要費時、費事的多。

12、網絡廣告具有價格優勢

從價格方面考慮，與報紙雜志或電視廣告相比，目前網絡廣告費用還是較為低廉的。獲得同等的廣告效應，網絡廣告的有效千人成本遠遠低于傳統廣告媒體。一個廣告主頁一年的費用大致為幾千元人民幣，而且主頁內容可以隨企業經營決策的變更隨時改變，這是傳統廣告媒體不可想像的。

1999年全球網絡廣告支出為28億美元。預計2004年全球網絡廣告支出將達到220億美元。據Jupiter通信公司日前的一份研究報告顯示，美國的互聯網廣告在未來的4年內將以40%的速度增長，到2003年有望達到115億美元，將超過廣告客戶花在一些傳統媒體上的廣告費，接近現在廣播電視行業廣告費的3/4。雖然中國的互聯網廣告在1997年才開始出現，但是經過三年的發展，網絡廣告已經成為中國互聯網站的最主要收入形式。由于上述優勢，中國互聯網廣告收入也以每年400%速率遞增，2000年底將達到2千6百萬美金，網絡廣告將成為企業市場推廣必不可少的高效途徑。

篇6

前言：

得益于計算機與智能手機的普及，我國網民數量已達7億，而這一龐大的網民人口則標志著網絡與我國民眾生活之間聯系的日漸緊密。我國當下數字媒體的發展速度不斷提升，其本身也開始真正融入我國各行各業之中，但數字媒體本身在發展中也暴露出了一些問題，而本文就數字媒體中網頁設計原則與制作技巧展開的研究目的，正是為了解決其中一部分問題。

1.數字媒體概述

為了能夠較好的完成本文就數字媒體中網頁設計原則與制作技巧展開的研究，我們首先就需要對數字媒體進行深入了解。結合相關文獻資料與筆者自身對數字媒體的認知，本文將數字媒體定義為利用二進制數據處理和記錄，采取數字通信的原理，收集、存儲、傳輸各種矢量數字文本的過程，簡單的說數字媒體就是一種圖形、圖像、視頻、聲音、動畫等信息的載體與平臺。對于數字媒體來說，其本身具備著高效相互性、靈活多變性以及強大融合性等三方面的特點，這些特點也是其能夠較好發揮自身功能的原因所在。具體來說，高效相互性指的是數字媒體能夠通過自身的載體與平臺特性，使信息變為可感、可知、可管、可交互的狀態，這就使得信息的傳播的過程中能夠較好的實現作者與受眾的交流網絡影視、網絡游戲等都屬于這一特點的具體表現；而在靈活多變性這一特點中，這一特點使得數字媒體能夠將聲音、圖片、視頻、音頻、文字等創作要素進行較好的改變，這樣相關信息就能夠實現更好的創造；而在強大融合性這一特點中，這一特點使得數字媒體本身能夠與各類藝術方式實現較好的融合，這種融合由于往往能夠發揮“1+1＞2”的作用，就使得數字媒體能夠更好的滿足各類受眾的需求[1]。

2.數字媒體中網頁設計原則

上文中我們深入了解了各類數字媒體，而在下文中筆者將結合自身實際工作經驗與相關文獻資料，就數字媒體中網頁設計原則進行詳細論述，希望這一論述能夠在一定程度上為我國數字媒體的進一步發展帶來一定幫助。

2.1明確網頁主題

在數字媒體的網頁設計中，為了保證這一網頁設計能夠較好的為受眾提供服務，我們首先就需要結合網頁內容確認網頁主題，而為了實現這一目標，網頁設計人員需要進行充分的市場調查，最大程度上了解網頁受眾的情況，這樣才能夠較好的確定整個網頁的風格與主題。而在確定了網頁的主題后，設計人員還需要在設計的過程中保證網頁本身的鮮明突出、要點明確，最終實現通過簡單的網頁頁面傳達不簡單的信息這一追求。值得注意的是，網頁還需要最大程度上保證自身的即時性，這樣才能夠更好的實現信息的傳達[2]。

2.2結合受眾需求

除了明確網頁主題外，網頁設計人員在進行數字媒體的網頁設計過程中，還需要細致了解網頁受眾人群的性別、年齡、職業以及受教育程度、生活習俗等方面的分布，并以此更好的結合網頁向受眾傳達某種情感，這樣就能夠更好的提高數字媒體中網頁信息的傳播效率。例如，對網頁受眾年齡的把握，使得設計人員能夠更好的抓住網頁設計的側重點，這樣就能夠保證該網頁設計傳達的信息更具備針對性，這自然就大大提高了網頁本身信息的傳達效率。值得注意的是，我們還需要在網頁設計中參考受眾的接受與理解信息的態度、愿望、需求以及情感等心理因素，這樣才能夠更好的為其提供服務[3]。

2.3保證風格統一

除了上述兩方面的原則外，設計人員還必須保證數字媒體中網頁設計的風格統一。具體來說，據筆者調查發現，我國當下很多數字媒體中的網頁設計存在著文字設計影響網頁質量、色彩運用與搭配影響網頁主題風格、圖片選用不合理等一系列問題，這些問題歸根結底屬于網頁設計中風格出現的問題，而這一問題也對數字媒體中網頁設計帶來了種種負面影響，為此設計人員必須在文字選擇、色彩搭配、圖片選用等方面注意保持整個網頁的風格統一，這樣才能夠更好的保證數字媒體中網頁設計的整體質量[4]。

3.數字媒體中網頁制作技巧

3.1首頁設計技巧

在數字媒體中的網頁設計中，網站的首頁一般存在形象展示型與信息羅列型兩種，一般來說信息羅列型較為適用于大、中型網站，也是我國當下最為主流的網站首頁設計選擇。在形象展示型的網站首頁設計中，設計人員需要在突出網站本身形象的同時向受眾傳達相關形象與氣氛；而在信息羅列型的網站首頁設計中，設計人員需要結合自身信息傳播特點，合理選擇“國”字、拐角、標題正文、左右框架、上下框架、封面、變化等型號的版面布局方式，這樣才能夠實現相關信息的較好傳達。

3.2風格統一技巧

上文中筆者提到了數字媒體中網頁設計必須遵循風格統一這一原則，而為了真正實現這一風格的統一，設計人員就需要從網頁設計的結構、色彩、導航欄等三個方面實現這一風格統一。具體來說，在網頁設計的結構統一中，設計人員需要保證整個網站除特殊網頁外，在網站布局、文字排版、裝飾性元素出現的位置、圖片的位置等方面呈現較高的統一性；而在色彩的統一中，設計人員需要盡量保證網站的主體色彩一致，并只在有需求的時候改變網站的部分色塊；而在導航欄的統一中，導航欄的位置與背景必須在大小、明暗、位置等方面實現統一，這樣才能夠較好的提高網站本身的特點，使更多的受眾對該網站產生深刻印象。

結論：

在本文就數字媒體中網頁設計原則與制作技巧展開的研究中，筆者詳細論述了數字媒體的概念、網頁設計的原則以及網頁的制作技巧，雖然受限于篇幅原因本文并未對數字媒體中網頁設計進行較為深入的研究，但還是希望本文論述的內容能夠在一定程度上推動我國數字媒體的相關發展。

引用：

[1]楊旭蘭.色彩在網頁設計中的應用研究[D].南京林業大學,2009.

[2]張燕.多媒體素材的無障礙設計研究[D].浙江師范大學,2009.

[3]黃曉乾,陳超.網頁設計原則與制作技巧[J].中國科技信息,2010,07:95-96.

篇7

推行“CEC—CDIO做中學”課程模式，學校和企業需要在相同利益訴求和“雙贏”的前提下，建立緊密的合作關系，搭建校企合作平臺，培養崗位技能人才，在企業中鍛煉教師的實踐能力，建設“雙師”結構教學團隊，根據企業網頁設計崗位的工作內容、工作項目和流程開發工學結合課程，提高學生崗位能力和職業素質，使得學生節課后便能參與實際的網頁設計項目，提高自己的實際工作能力。與企業深度合作，選取適合網頁項目交由學生完成，選派教師到企業中實踐鍛煉，并用自己的技術服務企業。教師和學生接手一些可操作的企業實際項目，由教師帶領同學在校內模擬職場環境的實訓室或企業實習基地進行設計制作，通過做中學的方式學習網頁設計課程，其項目的難易程度由簡單到復雜逐漸過渡，使得學生逐漸從初學者過渡到職業能手，并在適當的時機讓學生到企業中參與實際工作，為企業創造經濟利益的同時接觸實際崗位，了解職場環境，促進職業素質和網頁設計崗位能力的提高。

二、課程建設主要方面

（一）課程內容的選擇

課程內容應放棄以知識點為基礎的教學內容，采用以網頁設計崗位需求為主要目標來選取和設置教學內容，選取企業崗位應用最廣泛的內容，篩選典型的網頁項目，并將項目由簡單到復雜進行排序設置教學內容，每個項目是相對獨立的又是知識和難度遞進的，保證學生從基礎逐級向高級進行學習，保證學生能夠在課堂中邊做邊學。

（二）課程標準建設

課程標準的制定需要合作企業的網站開發崗位的人員與學校任課教師合作研究制定。將課程大綱改成課程標準，能夠更加準確的說明課程的任務、完成每個網頁項目后學生應該達到的職業標準和職業能力，而不是知識點的羅列，應該是技能和素質的要求，明確教師和合作企業的任務，合理統籌安排課堂內容和企業實踐要求，明確什么時間企業人員參與，明確什么時間實訓設計，明確課程的課時標準，明確課程完成后學生所掌握的技術方法。

（三）教材建設

課程教材需要隨著網頁設計技術的發展而更新，在教材建設中，校企合作編寫符合“做中學”和CDIO模式的課程教材，注重實踐動手能力的培養、注重分析問題解決問題能力的培養以及網頁設計崗位能力、素質和行業規范的培養。從合作企業選取實際典型的網頁設計任務，經過重組編排后形成教材內容，在每個項目的制作中講解使用的技術、技巧和標準，并且每個項目任務要按照CDIO的思想，按網頁項目的開發周期進行編寫，按照構思、設計、實現和運行測試的順序進行，每兩年對教材進行重新編寫或修訂工作。

（四）輔助教學資源建設

篇8

關鍵詞：技工院校；網頁設計

案例教學在信息時代快速發展的今天，各行各業對技術型人才的要求普遍提高。技術院校捕捉到市場對人才的新要求，也在積極地進行教學改革。將全新的教學方法與網頁設計教學結合起來，是促進網頁設計教學目標實現的重要手段。案例教學法與網頁設計課程的操作性與實踐性特點相符，以此來打破傳統教學模式對網頁設計教學的限制，能夠讓學生的發展需求得到滿足。

一、做好內容選擇工作

選擇案例教學法內容，是實施案例教學活動的第一步。在選擇案例教學內容時，教師要堅持兩點原則。第一，教學案例要具有真實性與典型性。教師選擇教學案例時，需要查找社會生活中真實存在的網頁設計案例，杜絕一切不真實的案例走進課堂。教學所用案例要具有典型性，不僅與生活密切相關，更要能夠啟發學生的網頁設計思維，促進學生找到切入點去討論。實事求是的教學，才能促進學生網頁設計能力的提升。第二，教學案例內容要與教學內容相關。之所以將案例教學法引入技工院校的網頁設計課堂中，就是為了促進網頁設計教學目標的快速實現，讓學生通過網頁設計知識的學習，提高自己的實踐能力。因此，教師需要在教學目標的引導下選擇案例教學的內容，本著提高全體學生網頁設計技巧的目的選擇有針對性的案例教學內容。

二、出示任務書

出示任務書是利用案例教學法實施教學的重要環節。任務書中包括案例學習的內容以及具體要求，教師要重視任務書的設計工作，將學生要掌握的理論知識與實踐技巧明確地整理在任務書中，讓學生以任務書為引導實施開展學習。換言之，如果學生掌握了任務書中的知識點，達到了任務書中的目標，就等于完成了課本相關內容的學習。值得注意的是，教師要重視技工院校學生創造力的培養，在任務書中設置的任務要具有啟發性，設置任務的難度不宜太大，要給學生完成任務的信心。例如，在講解制作文本網頁知識時，教師可以設計這樣一個任務書：掌握網頁文本格式的設置技巧，如空格、對齊、項目列表、標題、字體字號的設置等。這部分內容學習難度不大，教師可以選擇學生所在城市的一個旅游景點，讓學生為這個旅游景點設計一個文本網頁。這樣讓學生參與到真實的案例中，可以鍛煉學生的網頁設計技巧，有利于提高專業技能。

三、組織學生討論

讓學生在案例學習活動中發揮自己的主觀能動性，是提升學生學習效果的重要手段。在案例教學中，教師要組織學生就難以解決的問題進行討論，讓學生在互幫互助中成長起來。討論活動的實施要有標準，教師要求小組內的每一位成員都表達自己的看法，分析自己的網頁設計工作，為小組成員的學習貢獻自己的力量。在所有觀點都擺上臺面上之后，再針對關鍵問題進行討論。例如，在旅游景點文本網站的設計中，一些學生對旅游景點的特色列表持有不同見解，教師要鼓勵學生分析網頁服務對象以及受眾，討論出最佳方案，讓學生在自主探究中實現個人能力的提升。

四、總結點撥，提高案例教學成效

學生的學習能力再強，也需要教師的引導。在技工院校的網頁設計教學中，教師要積極發揮在課堂教學中的主導作用。教師通過案例教學法實施教學，給學生創造了更加自由與多元化的學習、探究與討論的空間，也讓教學內容更加開放，從而使教師的教學行為更加輕松。在學生的討論過程中，教師要巡回指導，避免使學生的學習走入歧途，浪費時間。例如，在學習網頁設計的知識時，教師引入城市現代化進程網頁的案例組織學生討論。討論中，一些小組在特效功能上產生了分歧，教師要及時指導，幫助學生明晰每一種特效的視覺作用與情感作用，并引導學生開發特效的設計方法，保證案例學習的質量。

五、小結

綜上所述，網頁設計知識的應用性與綜合性較強，教師要重視專業理論知識的講解，也要針對企業對人才的需求、學生的個人能力等加強對操作方法的指導。選擇科學合理的案例教學內容，突出學生在案例學習中的主體地位，讓問題討論更加深入，鼓勵學生說出自己的疑惑。科學應用案例教學法，是推動技工院校教學改革的重要環節。

參考文獻：

[1]王哲.項目教學法在技工院校《網頁設計與制作》課程中的探索與實踐[D].南昌:南昌大學,2012.

[2]盛志燕.案例教學法在中職《網頁設計與制作》課程中的應用分析[J].信息與電腦(理論版),2015(16).