時間：2023-08-09 17:23:18
引言：易發表網憑借豐富的文秘實踐，為您精心挑選了九篇網頁設計的技巧范例。如需獲取更多原創內容，可隨時聯系我們的客服老師。
摘 要 本文主要講了網頁設計的布局和網頁的用色技巧,從網頁布局和色彩在網頁設計中的重要性開始,介紹了網頁設計布局和色彩的基礎理論。從而進一步詳細的介紹了布局和色彩搭配在網頁中不可或缺的作用。好的網頁體現在網頁的主題鮮明、布局形式與內容相統一、整體色彩和諧融洽。
關鍵詞 網站設計 布局 用色技巧
網頁是網站構成的基本要素。網頁的布局和色彩搭配能夠更好的提升網頁的視覺效果、更能吸引瀏覽者的眼球。 理論上研究網頁設計的布局和用色技巧在網頁中的應用以及布局和用色技巧在網頁設計中的發展方向。
網頁設計是藝術與技術的高度統一,網頁藝術設計包含視聽元素與版式設計兩項內容;以主題鮮明、布局形式與內容相統一、強調整體色調為設計原則。因此在明確了網頁藝術設計與網站主題的關系的基礎上,提出了“美”和“功能”都是為了更好地表達網站主題這一觀點。從而更好的認識和理解布局和用色技巧在網頁布局中的發展和創新。
國內網頁設計環境目前還停留在初級的認知階段,如同96年以前的網頁幾乎是純文字的頁面,沒有什么所謂“設計”的概念可言。隨著時代的發展人們對美的追求是不斷深入,網頁設計開始從從審美方面入手,結合使用方便的要求,設計出美觀、合理的頁面,運用一些平面設計中美的基本形式就能使網頁更加富有美感,例如將平面設計中的色彩形式原理融入到網頁設計中,注重了布局規劃從而使繁多的頁面更加有條理。
設計以人為本,任何設計都具有一定的內容和形式。內容貫穿整個網頁設計中,是設計存在的基礎。形式而是內容的延伸,或者說事內容的外部表現方式。
內容決定形式,形式反作用于內容。一個優秀的網頁設計必定是形式對內容的完美表現。正如黑格爾所說:“工藝的美就不在于要求實用品的外部造型、色彩、紋樣去摹擬事物,再現現實,而在于使其外部形式傳達和表現出一定的情緒、氣氛、格調、風尚、趣味,使物質經由象征變成相似于精神生活的有關環境。”
一、網頁設計的布局
頁面布局就是在網頁設計時把網頁的各種構成要素(文字、圖片、菜單等等)在頁面內完美的搭配起來。一個精美的網頁,不僅體現在頁面內容的精彩,還要有效地利用頁面的有效顯示空間,創造出合理的布局模式。
(一)“國”字型
“國”字型,也可以稱為“同”字型,適用于一些大型網站,即最上面是網站的標題以及橫幅廣告條,接下來是網站的主要內容,左右分列一些兩小條內容,中間是主要部分,與左右一起羅列到底,最下面是網站的一些基本信息、聯系方式、版權聲明等。
(二)拐角型
這種結構與上一種“國”字型結構,其實只是形式上的區別,有相似性。頂端是標題及廣告橫幅,接下來的左側是一窄列鏈接等,右列是很寬的正文,底端也是一些網站的輔助信息。在這種類型中,一種很常見的類型是,頂端是標題及廣告,左側是導航鏈接。
(三)左右框架型
這是一種左右分為兩頁的框架結構。一般左面是導航鏈接,有時頂端會有一個小的標題或標致,右面是正文。目前,大部分的大型論壇都是這種結構,一些企業網站也喜歡采用這種左右框架型結構。這種類型結構非常清晰,一目了然。
除了以上的布局類型外,還有上下框架型,標題正文型,綜合框架型,封面型等。
二、網頁用色技巧
(一)確定網頁的主題色
所謂網頁的主題色,就是體現行業特點,企業形象的色彩。色彩搭配的協調可以突出主題形象的視覺效果,色彩的搭配不僅體現美學的訴求,而且是一種可以強化的識別信息,會影響到瀏覽者對網站的印象乃至企業形象的認識。所以,主題色一經確定,要保持一定的穩定性,用這種色彩來幫助瀏覽者對網站的識別。
網頁中顏色的過多使用,會使人感覺到凌亂、輕浮,感到雜亂無章,缺乏對網頁的興趣。因此網頁設計必須有自己獨特的色彩,必須有一種或兩種主體色。
不至于讓瀏覽者迷失方向,也不至于單調、凌亂。當主題色確定好以后,考慮到其他配色時,一定要考慮到其他配色與主體色的關系,要體現企業什么形象以及什么樣的效果。
(二)用色技巧
1.針對不同的企業所要表達信息的不同,可以選擇突出這些信息的顏色。
2.考慮瀏覽者。不同地區、不同年齡層次對色彩的認知的不同,可能會產生不同的反應。對網頁所傳達信息針對的人群的不同選擇不同的用色。
3.不要使用過多的顏色。除了黑色和白色以外,約選擇四到五個顏色就足夠了。太多的顏色會使頁面顯得雜亂,不容易突出網頁所要表達信息的重點。
4.選擇顏色要注意時效性。當一種色彩成為流行色的時候,不免使瀏覽者產生麻木的審美效果。因此在網頁中事實的實施一些懷舊色彩,會達到意想不到的效果。
以后,網頁將代表個人、企業的形象。尤其是個人,或者企業的主頁,它既要傳達出某種信息,又要充分的體現出它們的特色。網頁設計的好壞,直接關系到某個人、某個企業的形象,在人們的印象中所處的地位。所以布局和色彩的恰到好處的搭配將會使個人和企業的形象在別人心中留下深刻的印象,從而更好的體現出個人及其企業的知名度。
參考文獻:
[1]張大鵬,張威,陳海波.網頁設計.成都:電子科技大學出版社.
[2]劉佳,王倩.網頁設計中的色彩表現.美術大觀.2007.
關鍵詞：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 層排版出現位置偏差
在頁面中使用表格和層混合排版時，先加入表格進行頁面的整體布局，然后在局部加入層。通常情況下，層加入到頁面中之后是游離在表格之上的，它雖然移動方便，但在頁面中的位置是固定的，由于表格的寬度是固定像素，設置在窗口中居中顯示，所以當窗口變大時，表格會產生一個相對位移，但是層卻還在原位，沒有跟著相對位移，因而出現層與表格中其他內容位置上的偏差。所以，層排版的靈活性同樣也體現了一定的不穩定性。
要想辦法使層與頁面中其他元素一樣，能夠隨瀏覽器的變化而產生相對位置上的變化，排版者可以將層嵌入到表格的單元格中，使層成為單元格中的一個元素，就像插入到單元格中的文本、圖片一樣，層就是屬于單元格中的對象，當瀏覽器窗口大小變化時，表格必然會產生相對的變化，層也就會隨著單元格的位置變化而產生相應的變化，這樣就不會出現頁面中元素相對位置的偏差。整個排版會變得很規范，就相當于是利用表格整體排版，層只是嵌入到單元格中的一個元素，又可以使用到層的豐富功能，兩全其美。
解決的方法是：先使用表格對整個網頁的整體進行規劃，然后添加一個層到表格中的某個單元格中。添加的方法：直接將工具欄中的層拖動到單元格中，這樣該層就成為該單元格的嵌入層，該層在單元格中默認是靠左對齊，垂直方向居中，而且在水平方向是不能移動的，只要移動便會脫離該單元格，即成為普通層，不會是單元格的嵌入對象，如果在水平方向一定要移動的話，可以將該單元格的位置進行調整，進而單元格中的嵌入層也會隨之移動。而在垂直方向上的位置是可以調整的，不過不要用鼠標拖動，這樣容易使層脫離單元格，可以選中層通過方向箭上下移動或將該單元格垂直方向上的位置由“居中”改為“頂端”或“底端”。
采用這種方法設置層后，無論窗口大小怎么變化，層始終是跟著單元格位置變化而變化，因而不會出現之前那種位置上的偏差。
這個問題解決之后，接下來就可以在頁面中利用層的一些行為來豐富頁面。
關鍵詞：網頁設計；搭配；主題色
優秀的網頁作品能夠使人印象深刻。除了網頁內容豐富、圖像精美、技術含量高之外，網頁的色彩也十分重要！在網頁設計，色彩最重要的一環。當我們打開網頁時，首先看到的網頁的色彩，隨后才關注版式或者是圖片以及網頁內容。所以根據網站的風格與主題來配色設計，是網站設計的關鍵所在。盡管色彩的搭配靈活多變，網頁設計的色彩應用也是有章可循的，以下以一些經典網頁為例，介紹網頁設計中色彩應用技巧。
一、黑白灰的搭配技巧
色彩分有彩色和無彩色。黑白灰屬于無彩色，其它的色彩都屬于彩色。色相，明度和純度，是色彩的三要素，而無彩色只有明度屬性。黑白灰是萬能色，當兩種色彩的搭配不協調時，加入黑或灰色，會有意想不到的效果。很多網站色彩設計留出大塊的白色空間，這種設計成為“留白藝術”。這種留白設計能讓人感覺心情放松，有無限遐想。白色也是網頁設計中最普遍的一種色彩設計。
二、色彩三要素的應用技巧
1.色相色相，指色彩的相貌，色彩最顯著的特征，是色彩之間的主要區。比如紅色，黃色，藍色等各自代表不同的色相。同一色相的色彩，調整明度或純度比較容易搭配，比如深紅，大紅，粉紅，紫紅。色彩在有豐富的感情和象征含義，比如白色聯想白雪、棉花、白糖，聯想到純潔，干凈，神圣、明快、虛無等；紅色讓人聯想到玫瑰、太陽、熱血、紅旗、紅燈，聯想到喜慶，興奮、革命、危險等。橙色代表歡快，華麗，收獲；紫色象征著女性化，高雅，浪漫；藍色象征高科技，穩重，理智、深遠；綠色代表了充滿青春的活力，舒適，希望等。某種色彩并不一定代表了固定的某種含義，是在具體情景下具有恰當的含義；在特定的場合下，同種色彩也可以表現出不同的含義。2.明度明度，指的是色彩的明暗程度，也稱作亮度，色彩越亮明度就越高。比如一些兒童類、購物類網站。多是一些鮮艷明亮的色彩設計，讓人感覺生氣勃勃，歡快絢麗。明度越低，顏色越暗。一些游戲類網站的暗色調設計，充滿了神秘感；運用一些暗色調的設計能夠充分表達個人的孤僻或憂郁等性格。有明度差大的色彩比較容易調和。3.純度純度，指色彩的鮮艷程度，原色純度最高，調和其他顏色越多，色彩純度越低。純度低的色彩暗、淡且含灰色。
三、色彩的調和方法
1.相近色相近色是指色環中相鄰的三種顏色。相近色在網站設計中極為常用。相近色的色彩搭配使人感覺舒適自然。圖1是一個SOHO網站，它很有藝術性，整個網站的色調考究，以鄰近色、暖調、中明度搭配，舒適自然。2.互補色互補色又稱補色，是指色環中相對的兩種色彩，色彩對比度大。在互補色的設計中，適當的調整一下補色的亮度，能夠是對比的視覺效果更出色。圖2是國際足聯的首頁設計，該站點以黃藍對比，畫面醒目而充滿活力。
四、網頁設計中冷暖色彩的運用技巧
1.暖色暖色一般應用于購物類網站，電子商務網站，兒童類網站等等，用以體現商品的琳瑯滿目，兒童類網站的活潑、溫馨等效果。2.冷色冷色一般適合表達嚴肅，穩重等效果，綠色藍色、藍紫色等都屬于冷色系列。冷色系色調多應用于一些高科技，游戲類網站。冷色與白色搭配能達到一種不錯的效果。
五、色彩均衡技巧
網站圖文的合理排版，能使人感到舒適協調，色彩的均衡搭配使網站的視覺、心理更加平衡和諧。網站色彩設計不會單一的運用某一種顏色，設計者必須要考慮色彩的均衡的問題。色彩的均衡，包括色彩的位置，每種色彩所占的面積、不同色彩的比例等等。比如灰暗的色彩面積過多，回事人產生壓抑等感覺；鮮艷明亮的色彩面積如果過多，則會使人感覺刺眼不舒適。
六、確定網站的主題色
網站鮮明獨特的主題色，讓客戶即目標明確，也興致盎然。網站設計者必須考慮主題色的確定。網頁選用的色彩盡量控制在4種左右，太多的色彩會讓人感覺凌亂混沌、不能突出主題特色。確定好主題色，配色與主題色搭配必須能夠有助于烘托主題。另外確定明度，純度、色相那種要素占主導。色彩為網站內容服務，必須與網站的主題以及氣氛相適應，色彩的搭配不僅僅是單純的運用，必須考慮諸多因素，例如，了解你的網站所要傳達的訊息和品牌，明確網站的職能；了解你的讀者群，掌握訪問者的類別、社會背景、心理需求和場合的差異等，社會背景不同，目的不同，往往會對色彩的感受也不同，因此網站的用色必須盡可能的吸引各種的注意力。好的網頁配色并不是漂亮色彩的羅列，是需要根據網站的整體構思進行協調搭配，才是最為恰當色彩。盡管作品內容、設計方向、制作手法各有所異，但始終遵循的設計法則是不變的，網頁設計的色彩永遠是值得探索和嘗試的區域，但切記：網頁設計的秘訣之一就是巧妙的色彩設計！
結語
色彩的搭配數之不盡，設計者不能機械按照某些配色法則搭配設計色彩方案。在確定主題涵義的基礎上，依據網頁風格來確定主色調，勁兒完善整個頁面的配色方案，達到和諧悅目的視覺整體感。
參考文獻：
[1]王欣，王鑫.色彩構成[M].湖北美術出版社，2005.
[2]張建辛.構成[M].高等教育出版社1998.
[3]王欣，王鑫.色彩構成[M].湖北美術出版社，2005.
當今網絡的普及加上快節奏的生活方式使得人們的閱讀行為發生轉向，越來越多的人開始從印刷文本的閱讀逐漸轉變為基于數字視覺圖像的閱讀，由此引發了閱讀對象、閱讀方式、閱讀性質以及閱讀心理和功能價值等多方面的重大轉變。計算機技術的發展使得插畫藝術從過去狹義的概念（只限于書籍、報紙、雜志中所添加的圖和畫）變得更為廣義，藝術性的圖畫和含有說明性文字的插圖都稱之為插畫。插畫設計是社會和歷史的沉淀，成為了一種重要的藝術形式，插畫能激發人們的想象力，能給觀賞者帶來豐富的視覺體驗，由于其直觀性和便于接受性，已經延展到網絡、電影里的片花、CD封面、時裝，玩具、游戲角色設定等一些新的文化載體當中。在國外，插畫被看成是一個大的應用網絡，滲透到各個領域。
二插畫藝術的發展
中國的插畫歷史和歐洲的相似，最早都是把插畫運用于宗教讀物之中，隨著社會的發展，插圖逐漸被廣泛地運用于自然科學書籍、文學書籍和經典作家的出版物上。在一段時期內手繪插畫受到新技術的巨大沖擊，曾一度被照片所取代。受現代藝術流派的影響，插畫風格日趨多樣化并伴隨著現代設計的觀念更新而不斷發展，各種主流的或是非主流的插畫元素彰顯出極具個性化的視覺語言。最近幾年，插畫變得越來越流行，在視覺信息傳播媒體中顯現出絢麗的光芒，被快速地運用于商業生產和銷售中，實現了商業性和藝術性的完美結合。如今，在現代數字媒介多元化的依托下，全新的視覺時代為新一代插畫家提供了更多的發展空間。插畫具有高效率、多樣化、準確性、成本底等特點，更易于進行商業操作。技術和市場的擴大和多樣性給插畫家帶來了新的機遇，插畫藝術可以同時涉及多個領域，插畫行業的特點和局限性也在不斷受到挑戰，在這種相互作用下，動畫、游戲、手機、網絡開發領域為插畫家帶來了新的機遇。數字網絡媒介的加入讓插畫藝術迎來了又一個高峰，插畫在網頁設計中的成功運用，使得商業插畫的潛在市場不斷擴大。
三插畫藝術在網頁環境下的特性網絡
作為新興的傳播媒介，有著傳播速度快、傳播信息量大、無地域性、交互性強等特點，并且由于綜合了視頻、圖形、文字、動畫、音頻等在內的多種媒體的效果，增添了插畫的時間性和交互性，使插畫從二維、三維空間走向了四維空間。數字網絡的傳播形式使得插畫由單一的靜止形態轉向了立體化、空間化的多元形態，實現了插畫與數字技術的結合。插畫在網頁環境中的運用必須要與傳統媒介的運用有所區分，插畫在網絡環境的運用中視覺設計表達的是一定的意圖和要求，即要對經濟效益產生作用，最大程度地吸引消費者的注意力，激發他們的購買欲望。明確的主題，并按照視覺心理規律和形式將信息主動地傳達給觀賞者。訴求的目的，是使主題在適當的環境里被人們及時地理解和接受，以滿足人們的實用和需求，這就要求視覺設計不但要單純、簡練、清晰和精確，而且在強調藝術性的同時，更應該注重通過獨特的風格和強烈的視覺沖擊力，來鮮明地突出設計主題，讓受眾在審美的過程中接受和處理所傳達的信息。插畫運用應該和導航系統聯合起來共同引導瀏覽者的視覺流程，因此插畫的藝術性在于確保整個網頁的個性化和整體性。設計師需要讓瀏覽者在最短的時間內接受到信息與美感的雙重體驗，滿足人們的實用和需求。通過塑造可視的形象來表現社會生活和設計師情感的藝術形式。設計師為了使網頁得到更大程度的推廣，受眾更樂意接受，在設計作品的過程中，應該以審美原則與審美體驗作為依據來創作，要達到最佳的表訴方式，應先從審美特征入手，善于巧妙運用各種元素創造出適合不同欣賞習慣、富有個性的圖形，這樣才能獲得最佳的藝術效果。經過設計師的藝術化渲染，商品的特質往往被突出強調，激發了瀏覽者的點擊沖動。無外乎精彩的網頁往往都能讓人在瀏覽網頁的整個過程一直保持興趣盎然，使用起來明確清晰，在細節上把握得游刃有余。隨著網絡傳播的廣泛性和高速性，網站已經成為越來越多公司及個人與大眾交流的平臺，挑戰著設計師的創造力和想象力。而插畫元素的運用對于企業和個人形象來說無疑是一種全方位的藝術提升，不僅有助于企業樹立良好的社會形象，還能更為直觀地展示企業的產品和服務。
四插畫藝術風格在網頁中的運用
眾所周知，資訊的發達帶來了網頁視覺藝術的多元化，也造成了視覺上的平庸。那么，如何有效地實現網絡視覺藝術的傳達與交流呢？一方面，網頁設計中的藝術審美是一種通過視覺符號、藝術形象去認識客觀世界的思維活動。生動的視覺藝術能夠喚起瀏覽者的審美情緒，從而符合他們獲取信息的心理需求和審美體驗上的滿足；另一方面，通過設計師的藝術化渲染，讓瀏覽者對企業產生好感度，從而激發瀏覽者的點擊沖動。在網頁設計中，設計師先根據需求把主題與內容加以深層次的聯想，然后通過具體的形象符號表達出網頁豐富的感彩，最后運用視覺審美體系的各構成元素，把技巧和情感與各種視覺符號融為一體，轉化為生動、精彩的網頁視覺形象，喚起人們對網絡視覺藝術的追求與熱愛。網絡上充滿了各種各樣的信息，插畫風格成了網頁設計中不可替代的藝術形式，在設計主題的表現上顯示出獨特的藝術魅力。插畫中獨特的親切、活波、個性、旋目的感覺展現出網頁設計的多樣性，插畫中個性化的表現技巧貫穿網頁設計中，使得頁面免于平庸，給瀏覽者帶來別出心裁、強烈奇特的多元化視覺印象。當然，一個高明的網頁設計師需要具備高度的表現力，這種表現力又能傳播更迅速、更方便、更有時代特征、更具心靈震撼力的信息。它要求設計師具有多變的風格語言和高超的表現技能，并能在網頁設計的限制中充分發揮個性和意象的魅力。插畫藝術風格在網頁設計中的運用無論具象還是抽象、自由還是機械，意在創造一種能夠迅速傳達并容易為平民化所接受并高度符號化的圖形語言。
1熱情桑巴裝飾性元素在插畫中的運用有很長的歷史。詭異的形象，流暢優美的線條，從19世紀末的比亞萊茲插畫到現代的英國的設計師SiScott的插畫，裝飾性風格風采依舊。好的裝飾風格會幫助用戶使用而確保用戶在導航網站上走得更遠。Havaianas是巴西一家人字拖鞋生產企業，獨特的設計風格，已在好萊塢以及時尚圈變的廣為皆知，加上插畫家AdhemasBatista對Havaianas網站（）的精心設計，使得Havaianas成為設計師、名人和名模的最愛。新穎的裝飾插畫運用是Havaianas網頁的特色，絢爛的色彩，豐富視覺形象的運用，唯美的畫面，把插畫藝術的技巧和企業的品牌文化完美地結合在一起，使得用戶跟著舞動在這股人字拖巴西桑巴旋風中。頁面的銜接變換出無窮的靈氣，在動感的音樂背景中，鞋子的夸張形象在畫面中不斷綻放。完美的創意加上精良的制作，使整個視覺的設計給人一種獨特的異域風、震撼美，豐富而不凌亂、絢麗而不媚俗，導航條、插畫以及商品特性的結合自然統一。
2個性空間涂鴉作為Hip-hop文化的一部分，涉及了非主流、民間藝術、符號學、達達主義、后現代主義等意識形態，逐漸被商業化并被吸納成一種特殊的表現形式，作為插畫的一種藝術形式，各種符號所代表的內容大都反映著年輕人追求獨特豪放不羈的個性和自由的心理特點，強烈的色彩運用使涂鴉這種獨一無二的視覺性很容易突出品牌的個性化特點。涂鴉藝術的表現內容來源于生活，各種元素都可以作為其創作的表現形式，但這種創作又不是簡單的直白描繪，而是通過夸張的圖形和構思巧妙的構圖表現出來，濃郁的色彩極富視覺沖擊力。涂鴉風格的美體現在它的“拙”上，是內心情感的流露和表達，是回歸自然的豁達和坦然。廣州木果服飾有限公司的網站（）的涂鴉運用，把大面積的紅墻肌理作為背景，畫面上出現的紅色怪舌頭，猶如城市里的一張張大嘴，加上俄羅斯男高音Vitas歌聲的烘托把我們帶入了一個奇異的幻想世界，年輕個性且強烈的視覺體驗立刻撲面而來。
3童話心境卡通風格是大家最為熟悉的一種插畫風格，體現在其表現手法上，即背景的平面化、圖式的卡通化、符號的并置化。這些卡通造型雖然用筆簡單，但特有的親和力和創造力體現了一種角色的互換極具夸張的特征。卡通形象的夸張性也造就了網頁的親和力。（）是AliceChan的個人網站，孩童式的理想空間，極富女性化色彩的頁面，子頁面的卡通形象都有著迷人的大眼睛跟首頁形象大眼女孩公仔形神俱似，雖然每個交互頁面有所區別，但相同的風格使得頁面能夠很好地貫穿在一起。在個人心情網頁（），淡雅的灰藍色是這個網頁的基本色調，美麗中夾雜著傷感的意境，平靜中帶著些許的漣漪。每個頁面聯系起來仿佛是在訴說著一個跟愛情有關故事。
4輕舞飛揚湯姆和戴絲兩位設計師的網站（）交互性很強大，互動的設計更會引起受眾的興趣，滿足人們的參與感。瀏覽者不再僅僅是信息的被動接受者，他們擁有更大的選擇與參與機會。具象的插畫風格運用布局恰到好處，設計者把情境安排到房間里，層出不窮地在網頁上展示著獨特的魅力。燈可以選擇開關，碟片可以選擇性地播放，吹著暖煦的海風，聞著淡淡的花香，感受著咖啡在手中的情調，欣賞著設計師的作品，忍不住要隨著藍調音樂輕舞飛揚起來。似乎瀏覽者就是這個小空間的主人，真實情境的參與性提升了網頁的趣味性，強烈的主題與設計技巧的結合為人們拓展了一個豐富的視覺享受空間。平靜的畫面中流露出來的小資情調，為我們編織了一個美麗的、愜意的情感空間。
5幻想世界基于對未來的憧憬和探索想象、奇幻、怪誕的想象力被源源不斷地釋放出來，現實生活中無法存在的虛擬情境通過具象的方式展現出來，人神合一的生物體、奇特的怪獸與現實世界結合起來共同構筑了一個幻想世界。科幻風格是設計師比較熱衷的表現風格，在大量科幻影視、小說、游戲的帶動下，科幻風格的作品大行其道，應運而生的3D制作具有后現代的感覺，給觀者頹廢及冷酷的印象。網頁的魔幻風格運用一般是與企業游戲和影視的宣傳相結合的。如網站（）中，荒誕的場景，怪獸的運用帶來視覺上的強烈刺激。
什么是網絡廣告
簡單地說，網絡廣告就是在網絡上做的廣告。
利用網站上的廣告橫幅、文本鏈接、多媒體的方法，在互聯網刊登或廣告，通過網絡傳遞到互聯網用戶的一種高科技廣告運作方式。
與傳統的四大傳播媒體(報紙、雜志、電視、廣播)廣告及近來備受垂青的戶外廣告相比，網絡廣告具有得天獨厚的優勢，是實施現代營銷媒體戰略的重要一部分。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百萬美金，網絡廣告將成為企業市場推廣必不可少的高效途徑。
本文著重分析了《網頁設計與制作》課程教學存在的問題，探索了《網頁設計與制作》課程教學改革的策略，以提高《網頁設計與制作》教學質量。
關鍵詞：
網頁設計與制作；課程；教學改革；策略
隨著互聯網的發展，互聯網已經被廣泛運用到人們的工作和生活之中，其中企業網站對企業的宣傳與發展有著重要作用，網頁設計與制作成為企業建設網站的重要技術支撐。因此，各企業積極引入高素質網頁設計與制作人才的，強化企業網站建設。而高校作為為企業培養人才的基本場所，十分重視《網頁設計與制作》課程教學的開展，并在新課改背景下積極探索《網頁設計與制作》教學改革的科學方法。但是，由于受傳高校教育模式的影響，《網頁設計與制作》課程教學在學習地位、實踐教學、師生溝通等方面都存在著一些問題需要高校改進。研究《網頁設計與制作》課程教學改革不僅能夠提高教學質量，培養高素質網絡設計與制作人才，而且對企業發展和互聯網發展有著深刻意義。
1《網頁設計與制作》課程教學存在的問題
1.1學生學習被動
長期以來，我國高校《網頁設計與制作》教學多采用理論與實踐課程交替的教學方式，教師為學生講解基本的《網頁設計與制作》理論知識，并為學生進行實踐操作師范，讓后讓學生根據課堂筆記或一級進行模仿操作。在這種教學模式下，學生的網頁設計與制作處于被動的地位，學生的積極性不高。具體來說，有些學生不愿意聽教師的理論知識講解，有些學生不愿意完成老師的網頁設計與制作作業，在課堂上出現睡覺、玩手機甚至是曠課現象，學生的專業基礎知識不扎實，無法將專業理論知識與網頁設計與制作實踐相結合。
1.2學生動手能力較差
在教師進行示范的時候，部分學生認為教師致使拖動鼠標，具體操作內容沒有難度，不愿意認真觀察教師的示范，而到實踐鍛煉的時候，很多學生對具體的操作步驟不屑一顧，認為網頁設計與制作操作過于簡答。但是當學生真正上手進行網絡設計與制作會發現自己對操作步驟和操作技巧不了解，無法進行網頁設計與制作。另外，還有些學生的自我意識較強，不愿意按照教師的講解進行網頁設計與制作，而是一味按照自己的經驗和想法設計制作網頁，導致網頁設計與制作的專業性和科學性不強。
1.3缺乏溝通
首先，在《網頁設計與制作》教學中，教師與學生之間缺乏溝通與互動。一方面，教師缺乏對學生的了解，無法掌握學生的學習現狀、學習興趣和學習需求，《網頁設計與制作》教學只是按照教學大綱和教材開展，缺乏對學生學習需求的重視。并且，很多教師在課堂講解的過程中一味追求講授的知識量，沒有涉及師生互動環節，導致學生的課堂參與程度較低。另一方面，學生習慣了傳統的教師權威的師生關系，很多學生在《網頁設計與制作》課程學習的過程中不敢與教師溝通交流，也不敢向教師提問，害怕教師批評和嘲諷；其次，在《網頁設計與制作》教學中，學生之間缺乏溝通與互動，很多學生都是獨自為戰，自行設計并制作網絡，但是，個人的知識和智慧是有限的，個人設計與制作網頁受到知識水平和專業技能的限制較大。
2《網頁設計與制作》課程教學改革的策略
2.1重新定位課程教學標準
首先，高校《網頁設計與制作》教學應積極重視企業的用人標準，在《網頁設計與制作》教學中重點培養學生的職業素養、團隊精神、審美能力、美術功底、計算機技能等基礎能力和素質；其次《網頁設計與制作》教學應加強重視課程教育目標，根據新課改的課程教學要求強調學生創新思維和動手操作能力的培養，使學生具備網頁正當年規劃與構建能力、網頁圖形設計能力、動畫設計和制作能力等。
2.2優化教學內容
《網頁設計與制作》課程教學應根據教學大綱和企業的用人要求科學設計教學內容，將教學內容氛圍Web基礎知識、Fireworks、Flash、Dreamweaver這四個模塊。具體來說，Web基礎知識模塊主要包括網絡常用名、網頁瀏覽器、網頁設計原則等基礎知識。Fireworks主要包括基礎知識、基本操作技能和高級應用。Flash主要包括基礎知識、基本動畫制作技巧和高級技術等內容。Dreamweaver主要包括基礎知識、網頁定位技術、動態網頁設計、網頁站點管理、數據庫連接技術等知識。
2.3更新教學模式
高校《網頁設計與制作》課堂教學應積極更新教學模式，采用班級授課制、網絡教學、個別化教學等模式開展課堂教學。并且，教師應積極運用高校的多媒體設備，讓每個學生在課堂上擁有一臺計算機，并使用多媒體技術向學生全面展示教學內容，指導學生的網頁設計與制作，加強學生的動手練習。另外，高校《網頁設計與制作》教學應積極利用網絡中的教學資源，將網絡中的教學資源引入到教學活動中，以視頻、圖片等形式向學生展示網頁設計與制作技巧，提高《網頁設計與制作》教學的吸引力。
引用：
[1]《網頁制作》課程實踐教學模式的探索與設計[J].薛輝.電腦與電信. 2016(Z1)
摘要:隨著互聯網的蓬勃發展,出現了許多優秀的企業主頁
>> 淺析網頁設計原則與制作技巧 網頁設計原則及技巧 網頁設計的小技巧 Dreamweaver必備網頁設計技巧 淺談網頁藝術設計中的網頁版式設計與編排 對網頁設計藝術的探討與研究 藝術高職院校網頁設計教學的研究與實踐 網頁設計中藝術創新的研究與實現探討 探討網頁設計的藝術與處理原則 淺談網頁藝術設計 網頁藝術設計探索 網頁藝術設計初探 《網頁設計與制作》 網頁設計的布局和用色技巧 網站設計及網頁制作技巧 網頁的版式設計技巧探討 網頁新聞編譯的原則與技巧 網頁配色的方法與技巧 淺談網頁制作的經驗與技巧 板式設計課程中的網頁版式設計結構與藝術性探索 常見問題解答 當前所在位置：或.html即可。這時,保存的位置中會出現相應的網頁文件了,直接打開,就可看到網頁的效果。但是單由記事本編輯出的網頁在效果上會過于簡單,不美觀,或功能不是很完善,這就需要我們在簡單掌握html語言后,利用其它的,更為直觀的網頁制作工具來進行網頁的制作了。
1.2 掌握網頁三劍客和簡單的數據庫使用
何為網頁三劍客?是目前比較流行的制作網頁的三個工具軟件,Dreamweaver、Fireworks和Flash。其中Dreamweaver可用來制作靜態網頁、動態網頁、創建和管理網站、制作樣式表等等,功能強大,應用范圍很廣。Fireworks是圖像處理軟件,不僅具備復雜的圖像處理功能,并且能輕松地把圖形輸出到第三方的應用程序中,它最大的特點是,應用網頁制作方面的切片功能,使網頁圖片處理起來更方便,快捷了。Flas制作軟件,目前,大大小小的網頁中,都有flas存在著,給網頁增添了精彩的效果,使網頁更加精致,還可利用flash制作出有趣的游戲,留言板,聊天室等等,是功能強大的應用軟件。
網頁中經常會用到聊天室、留言板、用戶注冊、網上問答等等內容,這樣網頁就被分成了動態網頁和靜態網頁二種,不使用服務器相關內容,不使用數據庫鏈接的網頁被稱為靜態網頁,直接使用Dreamweaver來進行編輯就可以了,它的文件名中的擴展名為.htm或.html。而動態網頁正是相對于靜態網頁來說的,它的擴展名一般為.asp或.php等等。這種網頁要使用相應的服務器技術,并用到數據庫和數據庫鏈接知識。常用的數據庫有Access數據庫、SQL Server數據庫等[2]。
3 網頁內容的選取
網頁的內容是靈魂,制作的網頁是否受歡迎,是否能吸引訪問者的眼球,是否能達到預期的效果。這些都是網頁制作時我們必須要預先考慮的問題。
那么如何完成內容的定位泥?
① 在定位網站內容時,要做到小而精,切忌包羅萬象。把你認為最精彩的東西都放在上面,那么往往會事與愿違,給人以內容泛泛,大而空的感覺.最好做比較專一的內容。試想,如果我們將自己最擅長的某種知識或技術等內容做到網頁中,建立一個專題的站點,那么一旦有訪問者第一次在這里一下子就找到了他想找的內容的話。那么如果再有這方面的需求,首先就會想到你的站點。
② 如果是個人網頁,那就一定要突出自身的個性,當今社會是提倡張揚個性的時代,除了別人都有的內容之外,自己還要融入一些自身的特點,是內容要有亮點,配色也可不拘一格,大膽用色。從各個角度烘托出制作者的獨特性格。
③ 如果是企業的站點,要注意的是:企業的運營宗旨是否能完好體現,能否在網頁中最大限度體現企業網站功能和用戶最需要的內容,用戶的操作是否簡便等;要做到網頁內容主次分明,結構要清晰簡潔。
④ 對于能留住訪問者的另一個重要問題,就是網頁的速度。對于一個瀏覽頁面時間超長的網頁,我想不會讓人有再次訪問的想法。對于線路和網路本身的速度我們不能控制,但我們可以在網頁設計中避免一些影響速度的因素。好的網頁應是越簡單易讀越好。我們可以從以下幾個方面來考慮。首先,影響瀏覽速度的最重要因素之一是圖片容量大小,漂亮的圖片、絢麗的動畫效果,會使你的主頁增光添彩,但圖片的容量大小卻是直接導致瀏覽速度慢嚴重后果。盡管你的內容精彩絕倫,網頁漂亮,但打開你的網頁需要等上半天,在這時間就是金錢的時代,誰會再次的光顧呢?可利用圖片制作工具將圖片進行加工,在不太影響效果的前提下,可利用修改存儲格式,降低像素,分辨率,減少動畫應用等途經來達到目的。
4 網頁制作步驟
制作網頁和裝修差不多,先從整體的角度構思出網頁的內容、色彩等,然后利用相應的軟件進行實際操作。
① 網站定位
先確定所要建立的網站的類型,確定網站風格,網站色調,網站層次,將網站結構先確立出來。
② 收集素材
現在的互聯上的資源非常豐富,各種各樣的圖片資源、動畫資源等多媒體資源比比皆是,就所確定的網站風格等因素,收集相關素材。
③ 使用Fireworks等圖型制作軟件將網頁先畫出來
這一步驟很關鍵,無論使用哪種網頁制作軟件,在進行編輯時經常用到表格,用表格來定位圖片,用表格來定位文本,用表格來組合被切割的小圖片等。因為網頁時經常會出現后位置更改的現象,使用表格來規劃網頁,會得到事半功倍的效果。另外,小圖片的下載速度要比一整張大圖片的下載速度快的多,所以在網頁中多是將大的圖片切割成小部分后,利用無邊框,無間距的表格將小圖片組合成一張大圖。那么,第一步,在使用表格制作前,應用圖片處理軟件進行網頁設計,將整個網頁的效果圖片畫出來。第二步,利用Fireworks的切片工具,將所畫出的效果圖切成適合的小圖片,以備使用。
④ 利用Flas制作軟件制作LOGO和Banner動畫
LOGO是網站的標識,是一個站點的象征,是網站形象的重要體現。一個精美的LOGO可以很好地樹立網站的形像。LOGO一般放在網頁的左上角,大小有三種常用規格:88×31、120×60和120×90。Banner被稱為網幅廣告、旗幟廣告或橫幅廣告,是網絡廣告的主要形式,一般使用GIF格式的圖像文件,也可以使用靜態圖形,也可用多幀圖像拼接為動畫圖像等[2]。
⑤ 添加相應的服務技術
網頁如果被制作成動態網頁形式,首先要添加相應的服務技術,在我們常用的windows系統中,先要添加IIS網絡服務組件,這是windows系統的組件,需要到控制面板中的添加或刪除程序對話框中,選擇添加刪除windows組件一項中進行internet信息服務(IIS)的添加,這時需要我們在光驅中放入系統,或者可以到網絡上進行下載。
⑥ 創建數據庫
網頁中留言板、信息反饋、用戶注冊等等內容都要通過數據庫對其內容進行存儲,以備網頁調用[3]。一般的asp動態網頁使用Access做為數據庫,Access使用起來很方便,可以根據向導來創建數據庫內容。
⑦ 使用Dreamweaver制作網頁
所有的準備工作已經差不多了,我們現在要做的是,用Dreamweaver網頁制作軟件將已有的圖片、文本、數據庫等等內容組合到一起,形成我們的網站。首先,創建一個新的站點,在站點內新建網頁,一般使用index.htm或index.asp做主頁名稱。其次,在網頁中插入表格,將已經完成的圖片、動畫等多媒體內容插入到網頁中。然后,加入相應的圖片效果、鼠標經過、超級鏈接等內容。最后添加相應的樣式表內容,還可以利用行為面板,給網頁加入一些特效,如彈出窗口、時間軸特效等。還可以從網站上下載插件,安裝在Dreamweaver中,以增添效果。如果動態網頁內容需要添加數據庫鏈接內容,那我們就要在Dreamweaver中的數據庫面板中進行操作,添加數據源、綁定數據、記錄集和服務器等內容。使網頁更具有實效性。
5 結束語
網頁設計是一個注重實踐操作和設計的課程,需要我們在制作中不斷的學習,不斷的探索;在互聯網應用如此廣泛的今天,網頁制作的是否精美、實用,是否有訪問量等等是評價網頁優劣的最好方法。讓我們在實踐中進步,在實踐中走出一條屬于自己的路。
參考文獻:
[1] 丁桂芝.ASP動態網頁設計教程[M].北京:中國鐵道出版社,2005:16-18.
關鍵詞：技工院校；網頁設計
案例教學在信息時代快速發展的今天，各行各業對技術型人才的要求普遍提高。技術院校捕捉到市場對人才的新要求，也在積極地進行教學改革。將全新的教學方法與網頁設計教學結合起來，是促進網頁設計教學目標實現的重要手段。案例教學法與網頁設計課程的操作性與實踐性特點相符，以此來打破傳統教學模式對網頁設計教學的限制，能夠讓學生的發展需求得到滿足。
一、做好內容選擇工作
選擇案例教學法內容，是實施案例教學活動的第一步。在選擇案例教學內容時，教師要堅持兩點原則。第一，教學案例要具有真實性與典型性。教師選擇教學案例時，需要查找社會生活中真實存在的網頁設計案例，杜絕一切不真實的案例走進課堂。教學所用案例要具有典型性，不僅與生活密切相關，更要能夠啟發學生的網頁設計思維，促進學生找到切入點去討論。實事求是的教學，才能促進學生網頁設計能力的提升。第二，教學案例內容要與教學內容相關。之所以將案例教學法引入技工院校的網頁設計課堂中，就是為了促進網頁設計教學目標的快速實現，讓學生通過網頁設計知識的學習，提高自己的實踐能力。因此，教師需要在教學目標的引導下選擇案例教學的內容，本著提高全體學生網頁設計技巧的目的選擇有針對性的案例教學內容。
二、出示任務書
出示任務書是利用案例教學法實施教學的重要環節。任務書中包括案例學習的內容以及具體要求，教師要重視任務書的設計工作，將學生要掌握的理論知識與實踐技巧明確地整理在任務書中，讓學生以任務書為引導實施開展學習。換言之，如果學生掌握了任務書中的知識點，達到了任務書中的目標，就等于完成了課本相關內容的學習。值得注意的是，教師要重視技工院校學生創造力的培養，在任務書中設置的任務要具有啟發性，設置任務的難度不宜太大，要給學生完成任務的信心。例如，在講解制作文本網頁知識時，教師可以設計這樣一個任務書：掌握網頁文本格式的設置技巧，如空格、對齊、項目列表、標題、字體字號的設置等。這部分內容學習難度不大，教師可以選擇學生所在城市的一個旅游景點，讓學生為這個旅游景點設計一個文本網頁。這樣讓學生參與到真實的案例中，可以鍛煉學生的網頁設計技巧，有利于提高專業技能。
三、組織學生討論
讓學生在案例學習活動中發揮自己的主觀能動性，是提升學生學習效果的重要手段。在案例教學中，教師要組織學生就難以解決的問題進行討論，讓學生在互幫互助中成長起來。討論活動的實施要有標準，教師要求小組內的每一位成員都表達自己的看法，分析自己的網頁設計工作，為小組成員的學習貢獻自己的力量。在所有觀點都擺上臺面上之后，再針對關鍵問題進行討論。例如，在旅游景點文本網站的設計中，一些學生對旅游景點的特色列表持有不同見解，教師要鼓勵學生分析網頁服務對象以及受眾，討論出最佳方案，讓學生在自主探究中實現個人能力的提升。
四、總結點撥，提高案例教學成效
學生的學習能力再強，也需要教師的引導。在技工院校的網頁設計教學中，教師要積極發揮在課堂教學中的主導作用。教師通過案例教學法實施教學，給學生創造了更加自由與多元化的學習、探究與討論的空間，也讓教學內容更加開放，從而使教師的教學行為更加輕松。在學生的討論過程中，教師要巡回指導，避免使學生的學習走入歧途，浪費時間。例如，在學習網頁設計的知識時，教師引入城市現代化進程網頁的案例組織學生討論。討論中，一些小組在特效功能上產生了分歧，教師要及時指導，幫助學生明晰每一種特效的視覺作用與情感作用，并引導學生開發特效的設計方法，保證案例學習的質量。
五、小結
綜上所述，網頁設計知識的應用性與綜合性較強，教師要重視專業理論知識的講解，也要針對企業對人才的需求、學生的個人能力等加強對操作方法的指導。選擇科學合理的案例教學內容，突出學生在案例學習中的主體地位，讓問題討論更加深入，鼓勵學生說出自己的疑惑。科學應用案例教學法，是推動技工院校教學改革的重要環節。
參考文獻：
[1]王哲.項目教學法在技工院校《網頁設計與制作》課程中的探索與實踐[D].南昌:南昌大學,2012.
[2]盛志燕.案例教學法在中職《網頁設計與制作》課程中的應用分析[J].信息與電腦(理論版),2015(16).
>> 淺談網頁設計中頁面布局的教學 淺析網頁設計中的頁面布局 淺述網頁設計中的頁面布局技術 基于CSS頁面布局的網頁設計 淺談網頁設計中的布局工具 PHP網頁設計中SHTML頁面的應用 《網頁設計與制作》教學中任務的設計 淺談《網頁設計與制作》課程的實訓教學 淺談《網頁制作》教學中任務單的設計 淺談網頁制作課程教學中的引導頁設計 網頁設計中布局模式的比較 淺談網頁設計與制作中應遵循的一些原則 淺談網頁設計與制作中應注意的幾個問題 淺談項目式教學在網頁設計與制作中的應用 網頁設計與制作中超鏈接的運用 《網頁設計與制作》 淺談“網頁制作”之網頁版面的教學設計 《網頁制作》教學中的“任務設計” 淺談網頁制作的經驗與技巧 淺析基于Photoshop的網頁頁面設計方法與流程 常見問題解答 當前所在位置：l”“leflframe.html”“mainframe.html”及“框架示例html”。
第五，單擊菜單“窗口”中的[框架]，顯示[框架]面板，在[框架]面板中，選中“mainFrame”，在[屬性]面板中將“滾動”設為“自動”。
第六，在頂部的框架中插入圖像。在左側的框架中插入一個7行1列的表格，在表格中輸入文字。
第七，在左框架的表格中選中文字，分別設置文字的超鏈接。
第八，按下F12鍵，打開瀏覽器查看網頁內容。
這個例子用框架布局整個頁面，但在框架里又嵌套了表格，這就實現了框架和表格有機結合，讓頁面布局更加靈活。
三、表格和框架的優缺點
表格是用于劃分頁面區域的。使用表格布局頁面的好處是：表格方便排列有規律、結構均勻；使用表格會使頁面結構清晰、布局整齊；表格可被絕大部分的瀏覽器所支持，具有很好的兼容性。表格的缺點是容易產生垃圾代碼，影響頁面下載時間，靈活性不大，難于修改。
框架則是用于分割瀏覽器窗口的，框架可以將一個頁面拓展為多個頁面，每個頁面都可以顯示不同的網頁。框架的優點是支持滾動條，方便導航。框架的缺點是：難以實現在不同框架中精確地對齊各個頁面元素；保存時不方便，應用范圍有限；兼容性不好，并不是所有瀏覽器都提供良好的框架支持。
使用表格和框架對網頁進行布局，各有利弊。初學者要根據不同網頁頁面的要求做出良好判斷。
四、小結
