時間：2022-05-07 03:35:36
序論：在您撰寫網(wǎng)頁設計畢業(yè)論文時，參考他人的優(yōu)秀作品可以開闊視野，小編為您整理的1篇范文，希望這些建議能夠激發(fā)您的創(chuàng)作熱情，引導您走向新的創(chuàng)作高度。
【摘要】網(wǎng)頁設計與制作課程是計算機專業(yè)的主要課程，在專業(yè)人才培養(yǎng)方面處于核心地位。該課程教學的主要目標就是培養(yǎng)學生全面掌握網(wǎng)站建立和管理技術(shù)，同時掌握網(wǎng)頁設計與制作技術(shù)，從而培養(yǎng)網(wǎng)頁制作和網(wǎng)站開發(fā)的技術(shù)性人才。在整體教學中，知識的傳授固然重要，但是更應該注重培養(yǎng)學生的專業(yè)能力，增強學生的職業(yè)素養(yǎng)。本文就網(wǎng)頁設計與制作教學中學生能力培養(yǎng)的策略進行分析。
【關(guān)鍵詞】網(wǎng)頁設計；制作；學生能力；培養(yǎng)
隨著互聯(lián)網(wǎng)的發(fā)展和普及，網(wǎng)頁設計和制作技術(shù)成為網(wǎng)絡時代非常實用的技術(shù)，這一課程也成為學校開設的熱門課程。無論是計算機專業(yè)的學生還是非計算機專業(yè)的學生，網(wǎng)頁制作都成了一門重要的基礎(chǔ)性技術(shù)課程。但是很多學校在教學中采用傳統(tǒng)的教學模式，導致學生的學習積極性不高，實際動手能力也比較差，為了讓學生快速的掌握網(wǎng)頁設計和制作的技術(shù)，需要采用一些新型的教學方法實施教學，加強學生綜合能力地培養(yǎng)。
1加強學生創(chuàng)新能力的培養(yǎng)
創(chuàng)新是一個民族的靈魂和動力，同時也是當今社會競爭的核心。學生創(chuàng)新能力的提升和創(chuàng)新意識的增強對于他們以后的發(fā)展具有非常重要的作用。網(wǎng)頁設計與制作教學作為新時期教學的主要課程，在教學中培養(yǎng)學生的創(chuàng)新能力有利于促進整體教學的發(fā)展。因此，在教學中，可以通過多方面內(nèi)容加強學生創(chuàng)新能力的培養(yǎng)，首先，可以通過興趣教學法喚醒學生的求知欲望，興趣是能夠推動學生求知的內(nèi)在力量，學生只有對某一學科充滿興趣，才能夠持續(xù)的鉆研該學科知識，從而增強學生的學習效率。在教學中，為了增強學生對網(wǎng)頁設計和制作的興趣，教師可以在上課時準備一些網(wǎng)頁作品，讓學生對作品進行點評，然后提出改造的意見。讓學生在頭腦中對網(wǎng)頁設計有一個模糊的認識，產(chǎn)生做網(wǎng)站的想法，這樣一來，通過教師的指導就能夠讓學生梳理一個成型的站點框架，緊接著引導學生如何做網(wǎng)頁，如何使用工具，學生對這些內(nèi)容產(chǎn)生興趣，就會帶著教師提出的問題進行主動探索和學習，以此增強學生的學習效果。除此之外，還可以通過精品賞析的方式增強學生的學習靈感。網(wǎng)頁設計和制作課程是一門藝術(shù)和藝術(shù)相結(jié)合的課程，學生不僅要掌握基本的網(wǎng)頁制作技巧，還要具備欣賞美和創(chuàng)造美的能力。創(chuàng)造的來源是靈感，而靈感的來源則是通過觀察，因此，可以在教學中設計精品賞析的環(huán)節(jié)，利用上課之前的時間展示作品，向?qū)W生展示一些布局合理，設計新穎的精美網(wǎng)頁，讓學生對這些網(wǎng)頁進行觀察和欣賞，這樣不僅可以拓寬學生的視野，同時還能激發(fā)學生的創(chuàng)造靈感，為學生以后設計出精美的作品奠定基礎(chǔ)。
2培養(yǎng)學生的網(wǎng)頁制作綜合能力
在學生掌握網(wǎng)頁設計和制作的基本知識之后，網(wǎng)頁制作綜合能力的培養(yǎng)就顯得非常重要了。即使學生掌握了網(wǎng)頁制作技術(shù)，也不一定能夠設計出好的網(wǎng)站，只有提升學生的綜合能力，加強對他們所掌握知識的綜合應用，才能夠設計出一個精美的網(wǎng)站。為此，需要注重學生在實踐方面的能力培養(yǎng)，可以從教學實驗方面入手，將所有的理論教學和實驗教學都安排在計算機機房完成，可以讓學生在學習理論知識之后直接進入實踐探索階段。此外，為了給學生提供更好的實踐機會，可在學校建立計算機基礎(chǔ)教學網(wǎng)，網(wǎng)頁設計和制作教學的老師可以建立自己的教學網(wǎng)站，同時給學生分配相應的網(wǎng)站空間，要求學生建立自己的個人網(wǎng)站主頁，然后將自己的實踐作業(yè)上傳到網(wǎng)站空間中，設計的風格和主題不受限制，網(wǎng)站主頁的內(nèi)容也不做要求，學生可以根據(jù)自己的興趣進行網(wǎng)頁的制作，將所學習的網(wǎng)頁制作技術(shù)靈活的運用到個人網(wǎng)頁的設計中，做好個人網(wǎng)站。為了讓學生在網(wǎng)站設計中學會創(chuàng)新，教師可以搜集一些具有創(chuàng)意的網(wǎng)站和網(wǎng)頁設計的素材，和學生一起分享，然后與學生所做的網(wǎng)站進行對比，從而提升學生的創(chuàng)新能力。在網(wǎng)站設計中，針對不同的設計環(huán)節(jié)，學生可以自己發(fā)現(xiàn)設計中存在的問題，然后進行分析和解決，對于學生綜合能力的培養(yǎng)具有很大的幫助。
3加強培養(yǎng)學生的團隊協(xié)作能力
現(xiàn)在社會的分工越來越細，很多工作都需要人們協(xié)助完成，這樣以來，團隊精神就顯得格外重要。協(xié)同合作是團隊精神的核心內(nèi)容，尊重個人的興趣和成就是團隊協(xié)作的基礎(chǔ)。就學生而言，獨立意識較強，現(xiàn)代的學生比較自我，溝通能力也有待提升，這些缺陷顯然不適合學生未來的工作。網(wǎng)頁設計和制作教學是一門實踐性要求較高的課程，同時也對學生的團隊協(xié)作能力要求很高。在教學中的綜合實訓中可以選擇采取項目教學法實施教學，將學生分成不同的小組，在自愿的基礎(chǔ)上進行強弱搭配，并且每一個小組推薦一位組長，在老師布置任務之后，組長可以做好小組內(nèi)的分工，讓學生能各司其職，然后合力完成作品的設計和制作。在作品制作中，如果組內(nèi)的成員存在意見不同意的現(xiàn)狀，組長可以和其他的成員進行溝通協(xié)調(diào)，最后達成一致，當組員能夠為同一個目標一起努力時，無論最后的結(jié)果如何，學生最后都會有成就感。在這一過程中，有利于提升學生的團隊協(xié)作精神，增強學生的溝通能力。
4結(jié)語
網(wǎng)頁設計和制作教學是一門實踐性很強的課程，對于學生的綜合實踐能力以及創(chuàng)新能力的要求較高，因此，在教學中，教師要給根據(jù)學生的興趣愛好設計教學內(nèi)容，并且為學生提供一些優(yōu)秀的教學作品，讓他們進行賞析，在優(yōu)秀作品的激勵和教師的引導下，學生的學習興趣會有很大的提升，從而真正的投入到網(wǎng)頁設計和制作的探索當中，熟練的掌握網(wǎng)頁制作方面的技巧，增強學生開發(fā)和維護網(wǎng)站的能力，使他們的知識結(jié)構(gòu)不斷得到完善，對于教學效果的提升會起到很大的作用。
作者：崔愿星 單位：鄂州職業(yè)大學
摘要：隨著社會的發(fā)展與進步，互聯(lián)網(wǎng)技術(shù)得到了快速的發(fā)展，并且已經(jīng)逐漸成為人們生活中不可或缺的一部分。然而，在這種大背景下，網(wǎng)頁設計逐漸的發(fā)展壯大起來，其不僅能夠使網(wǎng)頁在視覺上產(chǎn)生一定的美感，而且還能提高網(wǎng)頁設計的質(zhì)量，促進網(wǎng)頁的健康發(fā)展。本文將對圖像處理技術(shù)在網(wǎng)頁中的應用進行分析，并且計算機圖像處理技術(shù)加以闡述，提出可行性建議，以供參考。
關(guān)鍵詞：網(wǎng)頁設計；計算機圖像處理技術(shù)；應用解析
1圖像處理技術(shù)在網(wǎng)頁中的應用
在圖像設計過程中，圖像在網(wǎng)頁中所占的比較相對比較大，并且圖像功能在網(wǎng)頁設計中也起到非常突出的作用。如何在網(wǎng)頁圖像處理中來吸引瀏覽者的眼球，有效的增強瀏覽者的興趣是目前網(wǎng)頁處理過程中應該解決的主要問題。因此，在進行網(wǎng)頁設計的過程中，一定要對圖像的形式與風格進行準確的定位，提高網(wǎng)頁設計的技術(shù)水平。
1.1視覺吸引作用
一般情況下，每個瀏覽者在進行網(wǎng)頁瀏覽的過程中，首先看到的是圖片上的信息，其次看到的才是網(wǎng)頁上的文字信息。因此，設計人員必須要根據(jù)網(wǎng)頁的設計的這一特點，重點強調(diào)圖像處理的效果，特別是對圖像的色調(diào)、形式與位置進行充分的考慮，并且要重點強調(diào)網(wǎng)頁的色彩調(diào)配效果，因為這樣會對整個設計效果產(chǎn)生不同程度的影響。
1.2信息引導作用
在進行網(wǎng)頁的瀏覽過程中，圖像起到一定的引導作用，人們可以通過圖像對網(wǎng)頁中的內(nèi)容進行充分的了解，并且圖像也可以充分的反映出網(wǎng)頁設計者的風格與理念。同時，網(wǎng)頁中的圖像可以在一定程度縮短人們的瀏覽時間，還能有效的緩解由于網(wǎng)頁信息過長出現(xiàn)的煩躁等不良情緒，從而使人享受一種美感。而就當前的形式上看，各種網(wǎng)站之間的競爭相對比較激烈，如果想要在眾多的網(wǎng)頁之中獲得更多的網(wǎng)頁瀏覽量，就必須要利用網(wǎng)頁中的圖像處理信息來提高網(wǎng)頁的關(guān)注度，因此，必須通過文字與圖像的有效結(jié)合來獲取信息，使人們能夠在美觀的圖像前提下獲取網(wǎng)頁信息。
2網(wǎng)頁設計計算機處理技術(shù)概述
在進行計算機網(wǎng)頁圖像技術(shù)處理時必須要以計算機軟件作為主要的媒介手段，同時設計者對圖像進行有效的加工，對數(shù)字、圖像與視頻進行合理的轉(zhuǎn)化，從而達到更好的視覺效果。
2.1圖像去噪技術(shù)
計算機系統(tǒng)在進行網(wǎng)頁的處理過程中，對圖像的去噪處理發(fā)揮著至關(guān)重要的作用，由于在進行圖片的采集過程中會出現(xiàn)一些不規(guī)則的噪音，從而會對圖片的展示效果有著不同程度的影響，通常情況下，這些噪音都是有計算機的物理性質(zhì)所引起的，因此，在進行圖像去噪的處理過程中，從而確保圖像具有更好的展示效果。
2.2圖像增強技術(shù)
在對計算機網(wǎng)頁圖片進行處理的過程中，增強處理的主要目的是將圖像中的標注和重要信息突顯出來，同時也要將網(wǎng)頁中的無關(guān)緊要的信息做相應的弱化處理，以此來為后續(xù)的圖像處理提供必要的前提條件。對網(wǎng)頁進行增強處理，雖然對網(wǎng)頁圖片能夠進行有效的改善，然而，在進行圖片的采集過程中，會受到一些因素的制約，會對圖片的質(zhì)量產(chǎn)生不同程度的影響。舉例來說，可能會受相機分辨率的限制，使圖片在視覺效果上與實際樣本間存在著差異。因此，在進行網(wǎng)頁圖片進行增強處理的過程中，也要對圖片的色彩以及邊緣做增強處理。
2.3圖片壓縮技術(shù)
圖片壓縮技術(shù)是網(wǎng)頁圖片處理過程中的一種最常用的網(wǎng)頁處理技術(shù)。對圖片進行壓縮處理可以有效的滿足圖片處理的相關(guān)要求。除此之外，在進行圖片的傳輸過程中，通過圖像的壓縮處理，可以有效的降低網(wǎng)頁圖片的失真率。
3計算機處理技術(shù)在網(wǎng)頁設計中的應用
3.1優(yōu)化圖像設計在網(wǎng)頁中的作用
由于圖像的形式的不同在網(wǎng)頁所起的作用也有所不同，換句話說，形式不同的圖片產(chǎn)生的設計效果也不盡相同。一旦圖像通過背景或者圖表的方式表現(xiàn)出來，顯然所表達的效果會存在差異。在這里特別要注意的是如果將圖片以背景的方式展現(xiàn)出來時，必須要避免使用單一的設計背景，應該適當?shù)囊恍┦撬男畔⑿问?，從而提高整體網(wǎng)頁的質(zhì)量，進而增加網(wǎng)頁信息的個性化與多樣化，突出網(wǎng)頁亮點，進而實現(xiàn)更多的瀏覽量。如圖二所示，由于圖片的背景不同，而產(chǎn)生不同的視覺效果。
3.2采用格式處理方式滿足網(wǎng)頁格式需求
在進行計算機網(wǎng)頁設計過程中，對圖像具有較高的要求，特別是對圖像格式的要求更為嚴格，基于此，在圖像的選取過程中，必須要與設計的要求相符，以便圖像與網(wǎng)頁的設計理念相互符合。同時在處理網(wǎng)頁圖片的過程中，會運用到不同的圖像處理方式，包括攝像圖和截圖的等等方式，然而，由于圖像形式的不同會對瀏覽效果產(chǎn)生不同的作用。因此，一般情況下，在進行網(wǎng)頁設計時，會根據(jù)文字形式來對圖像進行合理的設計。然而，在設計的過程中，也會存在著一些弊端，由于網(wǎng)頁設計內(nèi)容較為繁瑣，這些都會對網(wǎng)頁的設計效果造成不同程度的影響，由此使網(wǎng)頁的中心思想不能夠明確的表達出來。
4、結(jié)語
綜上所述，網(wǎng)頁設計作為我國目前新興的技術(shù)產(chǎn)業(yè)形式，已經(jīng)引起各界人士的廣泛關(guān)注。然而，在網(wǎng)頁設計的過程中，仍然存在著一些弊端，這需要網(wǎng)頁設計者采用適當?shù)氖侄?，從而對網(wǎng)頁圖像進行有效的處理。網(wǎng)頁設計中采用圖像處理技術(shù)，不僅能夠提升網(wǎng)頁的質(zhì)量，而且還能滿足大眾需求，從而增加更高的點擊率。
作者：謝會娜 單位：河北省深州市職業(yè)技術(shù)教育中心
摘要：隨著用戶體驗這個理念在電商網(wǎng)站中不斷體現(xiàn)，用戶體驗儼然成為評價一個電商網(wǎng)站是否成功的重要標準。良好的用戶體驗可以給用戶購買時提供方便與愉悅，同時增加電商平臺的收入。伴隨著大眾審美水平的不斷提升，網(wǎng)站頁面設計的藝術(shù)與美感被大眾所關(guān)注。本文以淘寶網(wǎng)為例，探討用戶體驗在電商網(wǎng)頁設計中的應用。
關(guān)鍵詞：電子商務；用戶體驗；網(wǎng)頁設計
一、用戶體驗的概述
用戶體驗一詞最早被大眾所認知是在上個世紀90年代中期，由用戶體驗設計師唐納德?諾曼提出并推廣。用戶體驗是用戶對產(chǎn)品是否美觀實用，以及使用起來是否方便等方面最有效的檢驗，同時也是用戶在使用前使用時以及使用后的情感體現(xiàn)，包括了用戶對產(chǎn)品的全部感受，例如：情感、信仰、喜好、認知印象、生理和心理反應、行為和成就等各個方面。
二、電商網(wǎng)頁的特征以及設計原則
網(wǎng)頁是構(gòu)成網(wǎng)站的元素之一所以電商網(wǎng)頁與其他網(wǎng)頁相比具有更多的互動性。電商網(wǎng)頁在整體頁面的布局排版、圖片設置、文字大小、導航欄等方面都與其它網(wǎng)頁有所不同。網(wǎng)頁的設計原則應該遵循以下幾點：
1.用戶導向性原則。在網(wǎng)頁設計之初，設計者就需要考慮瀏覽網(wǎng)站的定位和用戶的需求以及心理期望等因素。只有充分了解了用戶的訴求并滿足需求，設計出的網(wǎng)頁才能讓用戶使用更為方便，才能讓更多的人訪問這個網(wǎng)頁。
2.易操作性原則。優(yōu)秀的網(wǎng)頁設計可以幫助使用者更方便的找到自己所需的東西。電商網(wǎng)站是大眾型的網(wǎng)站，沒有針對性的客戶群體，使用者的水平也參差不齊，所以簡單的操作是必不可少的。例如在網(wǎng)頁中快速找到用戶登錄欄、搜索框的簡潔明了、關(guān)鍵信息的提示等。
3.統(tǒng)一性原則。網(wǎng)頁的整體效果是至關(guān)重要的，網(wǎng)頁的色彩搭配、文字使用、頁面布局等要和諧統(tǒng)一，不能造成視覺上的負擔。通過網(wǎng)頁設計中對比的方法，可以讓設計更具有生氣，但過于強烈的對比容易失去平衡統(tǒng)一。
4.個性化原則。個性化是獨特的，別具一格的，是在大眾化的基礎(chǔ)上有所改變的。網(wǎng)站的個性化并不是指花哨夸張的圖片或是奪人眼球的宣傳標語，而是能夠體現(xiàn)這個品牌或企業(yè)獨特的文化。例如在電商網(wǎng)頁中可以使用企業(yè)圖標logo或吉祥物等。
三、用戶體驗在電商網(wǎng)頁設計中的應用——以淘寶網(wǎng)為例
1.感官體驗
感官體驗是呈現(xiàn)給用戶視聽上的體驗，強調(diào)舒適性。網(wǎng)頁的感官體驗一般體現(xiàn)在頁面布局、頁面導航、色彩等方面。淘寶網(wǎng)整體色彩采用白色和橙色兩種顏色作為主色調(diào)，橙色是介于紅色和黃色之間的顏色，是一種充滿活力和歡快的色彩。橙色能使人聯(lián)想到秋天收獲的果實、溫暖的太陽等，給人舒適溫暖的感覺，能增加網(wǎng)頁的親和度。白色和橙色的冷暖對比，可以使網(wǎng)頁呈現(xiàn)更為清晰。
2.交互體驗
交互體驗強調(diào)互動性，即網(wǎng)頁給用戶使用、交流的全部體驗。用戶在瀏覽淘寶網(wǎng)時，隨著鼠標位置的移動，光標停留的文字或鏈接會變色，用戶可通過單擊變色部分進入不同的頁面。淘寶網(wǎng)的搜索框與產(chǎn)品分類也體現(xiàn)了交互性。用戶通過在搜索框中輸入關(guān)鍵字詞來搜尋自己所需的產(chǎn)品時并不能描述自己所需物品的準確信息，淘寶搜索框通過關(guān)鍵字聯(lián)想出更多產(chǎn)品，同時提供歷史搜索記錄，為用戶提供了更多選擇。
3.情感體驗
人會對不同的東西產(chǎn)生不同的情感體驗，情感體驗是感性的心理體驗，會受周圍客觀環(huán)境所影響的一種主觀體驗。淘寶網(wǎng)是一個購物消費平臺，給用戶更多的還是積極的情感體驗，同時積極的情感體驗可以留住用戶并且可以吸引用戶購買產(chǎn)品。淘寶網(wǎng)給用戶良好的情感體驗在于細致的分類導航、聯(lián)系客服、售后服務等方面。
4.瀏覽體驗
瀏覽體驗是用戶在瀏覽網(wǎng)頁時全部感受，網(wǎng)頁設計要從用戶的角度出發(fā)，去觀察用戶的瀏覽習慣，用戶關(guān)注的方面等內(nèi)容等。淘寶網(wǎng)的布局采用“國”字型布局，一般最上面是網(wǎng)站的標題及橫幅廣告條，接下來就是網(wǎng)站的主要內(nèi)容，左右分列一些兩小條內(nèi)容，中間是主要部分，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種常規(guī)的布局符合大眾的瀏覽習慣。淘寶網(wǎng)在首頁中間設置滾動廣告圖片已經(jīng)熱門品牌，提供了產(chǎn)品推薦，吸引用戶瀏覽。
四、結(jié)語
隨著互聯(lián)網(wǎng)時代的不斷發(fā)展，電子商務這一產(chǎn)業(yè)也發(fā)展迅速，各種不同類型的電子商務平臺也如雨后春筍般出現(xiàn)，不同的網(wǎng)頁設計也層出不窮。本文以淘寶網(wǎng)為案例，從視覺體驗、交互體驗、情感體驗、瀏覽體驗四個方面分析了用戶體驗在電商網(wǎng)頁設計中的應用。隨著互聯(lián)網(wǎng)的普及和使用人群的年齡跨度的不斷加大，淘寶應推出更適合中老年使用的簡化網(wǎng)頁，從用戶的角度出發(fā)，充分考慮用戶的需求，才能贏得用戶的好感。希望通過本文的研究，希望更多的網(wǎng)站能都以用戶為中心，省去花哨的設計和廣告，為用戶提供更好的體驗。
作者：徐巍 單位：江蘇經(jīng)貿(mào)職業(yè)技術(shù)學院
計算機網(wǎng)頁的設計有著很強的專業(yè)性，其需要設計人員擁有文字版面處置的知識和動畫制作以及圖像的處置能力，這就需要當前網(wǎng)頁設計教學應該將理論和實踐相互融合，積極的使用案例教學的方式。在對其進行使用的時候要積極地塑造一個輕松與和諧的學習氣氛；使其能夠?qū)處煹乃刭|(zhì)加以提升，建設一個很好的師生關(guān)系；挑選適宜的教學案例，積極的建設出一個科學有效的知識體制。以往的網(wǎng)頁設計教學，主要還是按照教學大綱里提出的要求，模式化的去進行教學的課程，這種教學形式嚴重的制約學生進行學習的思維，不使用學生理論聯(lián)系實踐能力上的培養(yǎng)，使得理論和實踐彼此脫節(jié)，針對存在的問題，導入案例的教學，按照學生自身的特點和目前教學的需要，科學的去對案例進行選擇，把教學和具體的工作內(nèi)容進行融合，這樣才能夠?qū)δ壳坝嬎銠C教育培養(yǎng)人才的要要保持一致。
1案例教學模式內(nèi)涵以及特點
案例的教學，美其名曰就是以實際的案例作為依托，然后實習網(wǎng)頁設計教學，這樣的教學形式可以幫助學生能夠爆出扎實的基礎(chǔ)知識與實際實踐操作的要點，按照教學大綱上的需要，對于教學的目標加以確認之后，教師帶著學生工程完善實踐的學習，同時采用小組合作和探索研究的方式，積極的對知識予以進一步的解析與研究，從而不斷對學生處理問題的能力加以提升，另外，教師還需要積極的調(diào)動起學生進行溝通的能力和從工作作風等多個方面去進行教學計劃，從整體上去對學生的網(wǎng)頁設計整體水平加以提升，在很多的實踐調(diào)查分析之后我們能夠看出，案例教學可以充分的調(diào)動起學生進行學習的積極性，并且還可以對網(wǎng)頁課堂教學氣氛進行活躍，從而提升學生進行學習的積極性。
2案例教學在計算機網(wǎng)頁設計中的具體應用
2.1案例教學設計
案例名稱：某旅游公司“一日游”的專題網(wǎng)頁設計（1）企業(yè)概況。本次進行的案例教學，以某旅游公司的專題設計為內(nèi)容，該公司從事旅游資源開發(fā)工作，是一家具有民營性質(zhì)的合法公司，在廬山腳下，四通八達，以“廬山”為景點的一日游獨具特色，價格合理，是針對各個群體要求定制的套餐服務，該公司具有自己的宣傳網(wǎng)站，屬于“三星級”旅游公司。（2）“廬山一日游”的主題介紹。人們生活節(jié)奏加快，身心俱疲，在周末或者是閑暇的時候，去廬山欣賞自然風光，緩解身心疲勞，通過體驗大好的自然風光，喚醒人們對祖國打好河山的熱愛，
2.2主要教學內(nèi)容
（1）準備階段。在準備階段，教師應選擇適當?shù)那闆r，提供給學生，學生根據(jù)教師提供的情況，設計主題，進行相關(guān)數(shù)據(jù)收集，教師應該考慮學生的興趣，興趣和學習特點作為基礎(chǔ)，選擇當前的熱點問題，以及學生關(guān)心的問題，善于解決問題，從而保護案例教學的成功。（2）明確的設計主題。教師將成為向課堂上所有學生分發(fā)的第一種材料，根據(jù)教學目標和公司情況，清晰的設計主題，要求學生設計具有風格特點，可以對互動功能頁面產(chǎn)生市場影響。（3）練習分組。在班上有45名學生，9人分為5組，每組選擇一組組長，組內(nèi)容分配書面報告寫，數(shù)據(jù)收集任務，調(diào)查時間為半天，討論研究時間是長時間。在整個實施階段，教師需要參與整個過程，為學生解決各種問題，教師積極與各個小組保持聯(lián)系，檢查他們的網(wǎng)頁制作情況，發(fā)現(xiàn)問題及時解決。（4）結(jié)束的過程。這一階段是總結(jié)網(wǎng)絡生產(chǎn)情況，分析問題，總結(jié)過程中的經(jīng)驗，案例評估可以是學生自我評價，教師評價和群體相互評價三種方法。
3案例教學落實過程中應該注意的問題
在案例教學過程中，和諧學習分為良好的師生關(guān)系和科學知識體系，這是促進案例教學成功的重要因素。因此，教師應更加注重這些方面，并為案例教學提供更多良好的條件。
3.1營造輕松、和諧的學習氛圍
網(wǎng)頁設計教學，和諧氣氛，學生的思維能更加積極，心理會產(chǎn)生安全感和自由感，網(wǎng)頁設計，數(shù)據(jù)分析與分析的時間，可大膽的想象力，教師在案例教學實現(xiàn)，記住他只是一個指導，在適當?shù)臅r候給予學生輔導，但不能取代學生的思維和設計，教師應該充分發(fā)揮學生的主動性，讓學生獨立完成案例教學過程。
3.2提高教師素質(zhì)，構(gòu)建良好的師生關(guān)系
如你想確保計算機網(wǎng)頁設計案例教學的順利進行，教師需要有博潮知識，有經(jīng)驗的特點，這是老師為學生傳授的基本條件的經(jīng)驗和知識。因此，教師必須繼續(xù)學習，以便為學生提供豐富的信息。因為唯一的辦法是提高教師的影響力和威望，從而提高教學質(zhì)量和教學效果。此外，老師應該全面，多角度關(guān)心和關(guān)心學生，而學生在中間，為了更好地感受和體驗內(nèi)心世界，然后做好老師，努力成為學生朋友。
3.3建立科學合理的知識體系，選擇合適的教學案例
良好的認知系統(tǒng)是幫助學生掌握快速消化知識的關(guān)鍵，學生有基本的條件來理解和適應環(huán)境，在學習中可以繼續(xù)實現(xiàn)知識的同化適應，遵守功能也是更優(yōu)秀。但是良好的認知系統(tǒng)不是從一開始的，老師應該引導學生建立內(nèi)在知識和新知識點之間的聯(lián)系，以大綱為基礎(chǔ)，案例教學，應該確保案例有很強的針對性，可以充分反映相關(guān)知識點的大綱。例如，當布置網(wǎng)頁時，可以通過使用表，框架和層來完成。例如，當你為一個食物網(wǎng)站制作圖表：要確定頁面的主要顏色，將背景圖像放在第一層：添加活力和活力，可以插入第二層哈希動畫：食物將被插入到第三層：為了反映食物文化，可以與第四層的歌曲相關(guān)聯(lián)：增強頁面三維，將浮動對象添加到第五層。此外，教師應鼓勵學生使用表單布局來解決問題，然后是層的內(nèi)涵，然后逐漸解決問題直到完成學習任務。
結(jié)束語
案例教學是網(wǎng)頁設計教學中最有效的教學方法。它的應用突破了傳統(tǒng)的無聊和單一教學模式，釋放了學生的思維，教學更相關(guān)，學生成為學習主體。設計本身非常實用，教學必須結(jié)合理論與實踐兩個方面，案例教學符合教學理論與實踐的要求，提升網(wǎng)頁設計教學質(zhì)量和效率。本文從幾個方面分析案例教學在網(wǎng)頁設計教學中的應用，希望為相關(guān)教育工作者提供一些建議和參考。
作者：琚慧婷 溫郭英 單位：江西應用科技學院
［摘要］軟件類課程具有較強的實踐性，如何讓教學過程充分融入計算機與軟件技術(shù)行業(yè)實踐并符合職業(yè)規(guī)范，是需要重點研究的問題。以網(wǎng)頁設計與制作為例，充分考慮教材和學生特點、企業(yè)用人需求，緊密結(jié)合國際項目管理知識體系與軟件行業(yè)職業(yè)規(guī)范，從重構(gòu)模塊化教學內(nèi)容、優(yōu)化教學順序、建立特色化項目管理體系三個方面設計了新的面向網(wǎng)頁設計與制作課程的項目驅(qū)動型教學方法，從教學實踐和推廣應用來看，取得了良好的效果。
［關(guān)鍵詞］教學方法；項目管理；網(wǎng)頁設計；軟件工程
一、引言
高等職業(yè)教育改革正在逐步深化，對教育教學質(zhì)量也提出了新要求，教育的重心已由單純的知識傳授轉(zhuǎn)向高素質(zhì)技術(shù)技能型人才的培養(yǎng)。人才的培養(yǎng)最終落實到具體的教學環(huán)節(jié)中，專業(yè)課程知識與實踐教學是主要過程，因此教育系統(tǒng)不斷探索科學、合理、高效的課程教學方法。軟件類課程具有較強的實踐性，如何讓教學過程充分融入計算機與軟件技術(shù)行業(yè)實踐是重點研究的問題。針對軟件類課程的特點和學生的實際情況，從新工具技術(shù)應用、情景模擬到任務驅(qū)動等各種課程教學方法被應用到了課堂教學實踐中。采用案例和任務驅(qū)動的方法，以增強學生綜合運用知識和實際動手的能力，探討了網(wǎng)絡環(huán)境下計算機軟件應用類課程的教學方法。強調(diào)以案例驅(qū)動探索教材結(jié)構(gòu)和教學方法的優(yōu)化。從教材課件和教育程序優(yōu)化等方面探索了非計算機專業(yè)的程序設計教學方法?？偨Y(jié)來看，各種教學方法都關(guān)注通過情景、案例、任務等形式，盡可能使教學過程接近實踐應用。
二、教學內(nèi)容改革情況
（一）教學內(nèi)容更新的總體思路
網(wǎng)頁設計與制作是軟件技術(shù)及相關(guān)專業(yè)的職業(yè)技術(shù)基礎(chǔ)課程和必修課。在教學過程中，以軟件技術(shù)專業(yè)人才培養(yǎng)方案為依據(jù)，以培養(yǎng)學生網(wǎng)站策劃、網(wǎng)頁美工、網(wǎng)站程序設計、網(wǎng)站運營與推廣等崗位職業(yè)能力和職業(yè)素養(yǎng)為目標，將增強學生基本就業(yè)力、職業(yè)遷移力、持續(xù)發(fā)展力為著力點，按照“科學性、針對性、時效性、實用性”的原則選擇、更新課程及實踐教學內(nèi)容，重點培養(yǎng)學生的行業(yè)規(guī)范意識、職業(yè)化能力，未來能夠輕松地融入工作崗位，快速進入職業(yè)角色，能有效地實現(xiàn)由教師為中心向以學生為中心，由課本為中心向以項目為中心，由課堂為中心向以實踐為中心的三個轉(zhuǎn)變。
（二）教學內(nèi)容更新的具體做法
1.依據(jù)不同時期對工作崗位的需求，重構(gòu)模塊化教學內(nèi)容作為軟件技術(shù)專業(yè)職業(yè)技術(shù)基礎(chǔ)課程，網(wǎng)頁設計與制作課程涉及的知識內(nèi)容較廣，如：HTML、CSS、JavaScript、Asp等眾多知識點。應該以工作過程為導向，以學生為主體，充分考慮學生的認知水平和已有知識、技能與興趣，為學生提供適應市場需要的、模塊化的學習資源，開發(fā)模塊式教學計劃。2.設計實踐教學特色化項目管理體系，優(yōu)化實踐教學流程目前，整個課程實踐教學的管理體系已經(jīng)建立，有電子商務運營和管理、網(wǎng)絡營銷、物流信息技術(shù)、網(wǎng)頁設計與網(wǎng)站開發(fā)等課程的實踐管理體系，以軟件技術(shù)專業(yè)網(wǎng)頁設計與制作課程為例，將目前計算機技術(shù)與軟件行業(yè)標準化項目管理知識體系與具體的專業(yè)技術(shù)課程實踐教學相結(jié)合，用項目的方式去管理課程實踐，構(gòu)建項目管理體系是基本前提。
三、教學方法改革情況
（一）“項目導向，任務驅(qū)動”教學法
“項目驅(qū)動，任務導向”教學法是師生通過共同實施一個完整的項目工作而進行的教學活動。該方法是以項目為主線、教師為主導、任務為驅(qū)動、學生為主體的一種教學模式。
（二）“分組合作”教學法
分組教學，以團隊的形式參與整個教學過程。以全班40人的規(guī)律為例，學生自由組成小組，一般6人一組，每組推選一名組長，負責項目協(xié)調(diào)和管理，在16~20個學時內(nèi)完成既定的項目（網(wǎng)站），最終分組演示，分個人答辯、項目成果展示。項目的設置由小組討論形成，學生根據(jù)興趣、特長設定網(wǎng)站類型和主題，其中教師只進行輔助，提供技術(shù)和資源支持，不參與項目制作。通過案例實訓，運用項目管理的方式，綜合測評學生的技能掌握情況，同時使團隊中的每個學生揚長避短，發(fā)揮各自優(yōu)勢，最終完成一個網(wǎng)站的設計與制作。
四、結(jié)語
網(wǎng)頁設計與制作是軟件技術(shù)專業(yè)的重要課程，承接了Web前端開發(fā)技術(shù)的主要內(nèi)容，是人機界面的首要交互接口。本文以網(wǎng)頁設計與制作為研究對象，將教學過程與行業(yè)實踐相結(jié)合，緊密結(jié)合國際項目管理知識體系與計算機與軟件技術(shù)行業(yè)職業(yè)規(guī)范，以企業(yè)用人要求為導向，從重構(gòu)模塊化教學內(nèi)容、優(yōu)化教學安排、建立特色化項目管理體系三個方面設計了新的項目驅(qū)動型教學方法。從教學實踐來看，取得了良好的效果。
作者：王書琴 李從慶 吳艷 單位：合肥信息技術(shù)職業(yè)學院
隨著國家網(wǎng)絡信息技術(shù)的發(fā)展，各類新興媒介也逐漸進步，并且形成了較為成熟的發(fā)展體系，而網(wǎng)頁藝術(shù)設計就是其中最為新興的媒介，其是將設計與網(wǎng)絡交叉結(jié)合在一起，形成了良好的藝術(shù)體系，可以為網(wǎng)站建設工作提供較為良好的支持，基于此，本文針對網(wǎng)頁設計構(gòu)成要素的分析，提出幾點設計方式，以供相關(guān)人員參考。
1引言
在網(wǎng)頁設計過程中，相關(guān)設計人員必須要重視各類藝術(shù)形式的表現(xiàn)，保證可以提高網(wǎng)頁設計效率，增強網(wǎng)絡設計效果，達到網(wǎng)站建設要求，形成較為良好的發(fā)展體系。
2網(wǎng)頁設計主要構(gòu)成要素
在網(wǎng)頁設計藝術(shù)之前，相關(guān)設計人員要想更好的表現(xiàn)出各類藝術(shù)形式，就要全面了解網(wǎng)頁設計的主要構(gòu)成要素，保證可以提高網(wǎng)頁設計質(zhì)量與效率。具體構(gòu)成要素包括以下幾點：
2.1網(wǎng)頁文字設計要素文字是網(wǎng)頁設計中信息傳達的主要手段，是網(wǎng)頁設計中不可缺少的核心要素，因此，在網(wǎng)頁設計中，文字將占據(jù)較大面積，網(wǎng)頁設計人員也可以通過文字的設計提高網(wǎng)頁設計質(zhì)量。因此，在
網(wǎng)頁設計期間，為了增強網(wǎng)頁文字編輯效果，為人們留下深刻的印象，必須要避免出現(xiàn)繁瑣、雜亂的文字，保證可以提高受眾度。同時，在文字編排與設計期間，還要根據(jù)信息內(nèi)容的特點，對風格與文字相互融合，避免出現(xiàn)脫離主題或是與主題相互沖突的現(xiàn)象。例如：在對政府網(wǎng)站的網(wǎng)頁文字進行設計的時候，必須要體現(xiàn)出規(guī)范的特性，字體造型歸正有序，不可以出現(xiàn)雜亂無章的現(xiàn)象；在對公司網(wǎng)站進行設計的時候，網(wǎng)頁文字必須要體現(xiàn)出行業(yè)性質(zhì)，或是公司產(chǎn)品特點，這樣，才能提高網(wǎng)頁設計效率；在對個人頁面進行設計的時候，網(wǎng)頁文字必須要體現(xiàn)出個人的性格特點與追求。這樣，才能提高網(wǎng)頁設計效率，充分表現(xiàn)出網(wǎng)頁設計的藝術(shù)形式[1]。
2.2網(wǎng)頁圖形設計要素
在對網(wǎng)頁圖形進行設計的時候，必須要對網(wǎng)頁讀者的需求進行分析，進而提高網(wǎng)頁圖形設計的受眾度。同時，網(wǎng)頁圖形的設計還要凸顯出網(wǎng)頁文字的主體位置，發(fā)揮襯托的作用。同時，網(wǎng)頁圖形設計具有兩重性特點，主要因為網(wǎng)頁圖形不是精彩的文字語言，需要讀者利用視覺理解圖形，使得網(wǎng)頁在整體設計上，展現(xiàn)出飽滿的優(yōu)勢。由此可見，在網(wǎng)頁圖形設計過程中，網(wǎng)頁設計人員必須要重視圖形設計的視覺效果，將圖形與文字整合在一起，為讀者提供更多的信息，另外，還可以達到美化網(wǎng)頁頁面的效果，提高網(wǎng)頁設計質(zhì)量與效率[2]。在網(wǎng)頁圖形設計期間，設計人員要注重圖形的分辨率，更好的對其尺寸與范圍進行設計，這樣，才能提高網(wǎng)頁下載效率，更受讀者的歡迎[3]。
2.3網(wǎng)頁色彩設計要素
在網(wǎng)頁設計過程中，色彩要素是較為重要的，除了可以滿足人們的審美需求之外，還要提高技術(shù)的應用質(zhì)量，全面掌握網(wǎng)站風格，體現(xiàn)出配色與風格藝術(shù)，提高網(wǎng)頁設計質(zhì)量。在網(wǎng)站設計過程中，其屬于一種藝術(shù)品，主要因為網(wǎng)頁中不僅包含著優(yōu)美文字，還有新穎的圖片與色彩，可以產(chǎn)生較為良好的視覺效果，刺激讀者的感官，使得頁面更加生動。在此期間，網(wǎng)頁瀏覽者在瀏覽網(wǎng)頁的時候，會注重網(wǎng)頁的色彩設計，并且為其留下深刻的印象。這就需要網(wǎng)頁設計人員重點關(guān)注網(wǎng)頁色彩的設計，進而提高網(wǎng)頁設計質(zhì)量。在網(wǎng)頁色彩設計期間，設計人員必須要遵循以下幾點原則：第一，遵循色彩選擇原則。就是根據(jù)網(wǎng)站主題的實際情況，選擇相應的主色調(diào)，當前，部分網(wǎng)頁色彩設計中都是以淺顏色為主，例如：淺灰色、淺黃色等，可以有效突出網(wǎng)頁頁面的重點。第二，遵循背景色調(diào)搭配特點。就是在網(wǎng)頁設計期間，設計人員根據(jù)網(wǎng)站建設實際需求，對網(wǎng)頁背景進行色調(diào)的搭配，在此期間，設計人員必須要注色調(diào)搭配的科學性，主要因為如果背景色調(diào)過于強烈，就會形成與網(wǎng)頁文字、圖片相互對立的顏色，導致讀者在閱讀的時候，過于重視網(wǎng)頁背景，不能更好的辨識網(wǎng)頁文字與圖片。由此可見，網(wǎng)頁設計人員在搭配背景顏色的時候，必須要應用單純的顏色，以凸顯出網(wǎng)頁文字與圖形[4]。
3網(wǎng)頁版式設計措施
網(wǎng)頁是網(wǎng)站信息的傳遞系統(tǒng)，設計人員在對其進行設計的過程中，必須要全面了解網(wǎng)頁設計要素，將文字、圖形、圖象、標志與色彩等繪制成為一個整體，然后對菜單與正文等進行編排，這就需要設計人員在網(wǎng)頁設計過程中，重視版式的設計，保證可以提高其設計質(zhì)量。網(wǎng)頁版式設計主要就是對網(wǎng)頁頁面進行布局，在有限的屏幕之內(nèi)，形成良好的視聽多媒體元素排列組合形式，使得頁面設計個性化思維得以有效展現(xiàn)。然而，當前很多網(wǎng)頁設計人員在執(zhí)行工作的過程中，還存在排版設計問題，無法對每個元素的尺寸與位置進行設計，難以提高其設計效率。這就需要網(wǎng)頁設計人員根據(jù)網(wǎng)站建設工作特點與需求對網(wǎng)頁進行排版，進而提高排版的科學性與合理性，達到良好的排版效果[5]。
4網(wǎng)頁設計藝術(shù)特點
在網(wǎng)頁設計過程中，其藝術(shù)特點較為突出，是網(wǎng)頁設計人員需要全面了解的體系。首先，網(wǎng)頁設計具有主題鮮明的藝術(shù)特點。主要因為網(wǎng)頁是網(wǎng)站的信息傳達結(jié)構(gòu)，只有設計較為鮮明，才能提高網(wǎng)頁設計效率與質(zhì)量。同時，色彩鮮明的網(wǎng)頁設計，可以滿足讀者心理需求，提高網(wǎng)站瀏覽效率。其次，網(wǎng)頁設計具有內(nèi)容形式統(tǒng)一的特點。主要因為網(wǎng)頁中的內(nèi)容與形式需要統(tǒng)一結(jié)合，將網(wǎng)頁主題與形象相互結(jié)合在一起。最后，網(wǎng)頁設計具有整體感較強的特點。就是在網(wǎng)頁設計過程中，適當?shù)膶臻g環(huán)境進行設計，并且突出網(wǎng)頁主題與意念，形成良好的設計風格與整體性，進而提高網(wǎng)頁設計質(zhì)量，凸顯出網(wǎng)頁設計的藝術(shù)形式。
5結(jié)語
在網(wǎng)頁設計過程中，相關(guān)設計人員必須要重視各類要素的應用，并且逐漸提升網(wǎng)頁設計效率與質(zhì)量，增強網(wǎng)頁設計效果。在此期間，相關(guān)設計人員不可以一味的重視網(wǎng)頁色彩的設計，而是要突出網(wǎng)頁設計整體性，提高其設計效率。
作者：李偉珍 單位：泉州師范學院軟件學院
摘要：網(wǎng)頁設計課程實訓教學能使技校生有效地掌握網(wǎng)頁制作三劍客Dreamweaver、Fireworks、Flash在網(wǎng)頁設計過程中的應用，這對于技校生將來的就業(yè)具有現(xiàn)實意義。因此，教師在實訓教學過程中采用立體化教學模式，才能切實提升教學效果。本文主要對技工院校的網(wǎng)頁設計課程實訓立體化教學進行論述。
關(guān)鍵詞：網(wǎng)頁 實訓 立體化
技工院校的網(wǎng)頁設計課程是以目前應用最為廣泛的網(wǎng)頁制作軟件的使用方法為主線，采用任務和案例相結(jié)合的教學方式，以簡明通俗的語言和生動真實的案例詳細介紹Dreamweaver、Fireworks、Flash以及Photoshop這幾個在網(wǎng)頁制作中經(jīng)常用到的軟件，并重點講解各軟件在網(wǎng)頁制作中的實際操作。通過網(wǎng)頁設計課程的教學，可以使學生具備就業(yè)所需的網(wǎng)頁設計能力，為未來的發(fā)展和自主創(chuàng)業(yè)奠定基礎(chǔ)。因此，該課程越來越得到技工院校計算機專業(yè)教師與學生的重視。其中，由于實訓教學是整個網(wǎng)頁設計課程教學的關(guān)鍵核心所在，因此改進實訓教學模式，引入新的教學方法、手段，對于提升網(wǎng)頁設計課程的教學效果具有重要的意義。
一、立體化教學的內(nèi)涵
傳統(tǒng)的課堂教學模式過于強調(diào)教師在教學過程中的主導作用，導致學生在教學過程中被動地成為知識的存儲器。實踐證明，這種模式既無法體現(xiàn)職業(yè)教育能力本位的思想，又使學生無法適應當今社會的發(fā)展。因此，引入更加先進的教學模式對于技工院校來說尤為迫切。所謂的立體化教學，就是打破傳統(tǒng)的以教為主的一維化模式和教、學并重的二維化模式，將教、學、練、做四維集成一體，使四者相互滲透、相互融合。從而使學生的學、練、在教師的引導下，真正實現(xiàn)無縫對接，從而實現(xiàn)人才培養(yǎng)方案確定的目標。
二、技工院校網(wǎng)頁設計課程實訓教學采用
立體化模式的必要性一方面，傳統(tǒng)的技工院校計算機實訓教學模式已迫切需要得到改進、提高。隨著技工院校生源的不斷下降，技校生生源素質(zhì)的迅速下降已成為不爭的事實。特別是對于計算機實訓教學，既要面對實訓內(nèi)容與市場需要脫節(jié)的窘境，又要面對學生學習興趣缺乏，學習積極性不高的實際學情。另一方面，企業(yè)的發(fā)展對技工院校的計算機專業(yè)人才提出了更高的要求。既懂理論又具備較強實際操作技能的學生，更受用人單位的歡迎，也有著更加廣闊的發(fā)展空間與發(fā)展基礎(chǔ)。
三、技工院校網(wǎng)頁設計課程實訓立體化教學的開展
1.確定合理的教學目的
技工院校網(wǎng)頁設計課程實訓教學的目的應體現(xiàn)應用型人才的培養(yǎng)，并充分考慮技校學生的學習基礎(chǔ)、特點。在學生掌握計算機和網(wǎng)絡應用基本知識的基礎(chǔ)上，掌握HTML、CSS、javascript有關(guān)的知識。通過對Web頁制作技術(shù)、工具的學習，使學生對于網(wǎng)頁設計與制作中所涉及的相關(guān)知識有全面的了解，并使學生具有解決一般網(wǎng)頁制作問題的能力。掌握運用DreamweaverCS6網(wǎng)頁制作軟件的方法、FireworksCS6圖像處理軟件進行網(wǎng)頁中圖形制作和運用?ashCS6動畫制作軟件設計網(wǎng)頁中動畫的方法，進而將這三個軟件互相配合，完成網(wǎng)頁設計與制作任務的方法。為今后從事網(wǎng)頁設計與制作、網(wǎng)站開發(fā)和管理奠定基礎(chǔ)。
2.科學設置實訓內(nèi)容與要求
由于網(wǎng)頁設計課程的實訓內(nèi)容在整個教學過程中占有重要的地位，因此設置哪些實訓內(nèi)容并提出相應的要求是實訓教學成功與否的關(guān)鍵。如在網(wǎng)頁布局這一環(huán)節(jié)，設置的實訓內(nèi)容是在本地站點文件夾D:\myweb中，創(chuàng)建一個網(wǎng)頁文件web51.html，內(nèi)容自定。要求使用表格布局頁面。頁面要求：①有頁面標題、頁眉、導航欄、主內(nèi)容區(qū)、頁腳。②版面布局合理，內(nèi)容安排有序。然后在本地站點文件夾D:\myweb中創(chuàng)建3個網(wǎng)頁文件，一級頁面web53.html，二級頁面web531.html、web532.html，內(nèi)容自定。要求使用APDiv布局頁面。頁面要求：①有頁面標題、頁眉、導航欄、主內(nèi)容區(qū)、頁腳。②版面布局合理，顏色設置符合美學原理，使用部分圖像增強表現(xiàn)效果。③要求網(wǎng)頁鏈接層次至少2層，完成一、二級頁面的鏈接，并且各頁面之間有統(tǒng)一的導航機制。最后創(chuàng)建一個框架網(wǎng)頁文件web55.html，按要求給每個框架設置初始顯示網(wǎng)頁。其中左側(cè)框架設置為導航頁，被鏈接文件可以使用以前制作好的網(wǎng)頁。這樣就使得學生的學不再是盲目、被動地學，而是知道如何學、練、做，從而真正實現(xiàn)立體化教學。最后，實訓考核立體化?？己瞬粌H要綜合考查學生的學、做、練，也要相應地考查教師的教，只有這樣才能不斷完善立體化教學模式，達到教學相長的目的。
作者：齊立新 單位：江西省冶金技師學院
摘要：文章主要研究網(wǎng)站建設中網(wǎng)頁設計的安全缺陷和對策，分析了網(wǎng)頁設計安全缺陷的成因和危害，并給出了幾種常見網(wǎng)頁設計安全缺陷的應對策略。
關(guān)鍵詞：網(wǎng)站建設；網(wǎng)頁設計；安全缺陷
近些年網(wǎng)絡技術(shù)突飛猛進，人們的工作生活都離不開網(wǎng)絡，更多的企業(yè)以及機關(guān)單位都開始自行建設網(wǎng)站從事網(wǎng)絡宣傳和商務活動，在簡化業(yè)務流程，提高效率，拓寬業(yè)務渠道，方便工作生活的同時，網(wǎng)絡安全問題也日益突出，研究網(wǎng)站建設中網(wǎng)頁設計安全缺陷和對策十分必要。
1網(wǎng)頁設計安全缺陷
1.1網(wǎng)站建設
網(wǎng)絡技術(shù)快速發(fā)展，網(wǎng)絡安全技術(shù)逐漸完善，黑客攻擊技術(shù)也不斷更新?lián)Q代，更加先進，黑客行為從單純惡意攻擊逐漸轉(zhuǎn)變?yōu)樯虡I(yè)機密以及個人隱私的竊取，針對網(wǎng)站的攻擊越來越多，設計人員在網(wǎng)站設計工作中要對其安全問題充分重視，了解網(wǎng)站建設網(wǎng)頁設計中存在的各種安全缺陷，并在網(wǎng)頁設計工作中找尋有效的措施予以解決，提高網(wǎng)站網(wǎng)頁的安全性。網(wǎng)站建設的基本流程主要有需求分析、美工設計、程序開發(fā)、網(wǎng)站運營等幾個步驟，需要設計開發(fā)很多配套輔助程序，其中網(wǎng)頁設計有著自身的特殊性，程序的安全漏洞更多，安全威脅也嚴重。
1.2網(wǎng)頁設計
網(wǎng)站建設的目的是為企業(yè)和用戶、政府機關(guān)和群眾提供便捷的溝通橋梁，利用網(wǎng)站為用戶和群眾提供產(chǎn)品信息、政策信息，并搜集用戶和群眾的反饋信息，加深用戶和群眾對企業(yè)以及政府機關(guān)的了解。尤其是電子商務網(wǎng)站，除了信息溝通之外，還兼具宣傳產(chǎn)品、網(wǎng)絡營銷等商業(yè)用途，能夠為企業(yè)提供展示自身產(chǎn)品的平臺，從而進一步提高自身產(chǎn)品的知名度，為達成交易創(chuàng)造機會，加快企業(yè)發(fā)展。網(wǎng)頁設計是網(wǎng)站建設的核心內(nèi)容之一，網(wǎng)頁設計質(zhì)量的好壞對網(wǎng)站建設的整體質(zhì)量有較大的影響，是網(wǎng)站建設水平的一個縮影，也是網(wǎng)站建設的最終展示效果，經(jīng)過多年發(fā)展，網(wǎng)頁設計技術(shù)已經(jīng)逐漸發(fā)展成熟，形成了多種便利的編程工具，網(wǎng)頁設計的效率更高，最終表現(xiàn)效果也更生動，給網(wǎng)站開發(fā)人員提供了有力的技術(shù)支持。
1.3網(wǎng)頁設計安全缺陷威脅
現(xiàn)階段，網(wǎng)頁設計中應用最為廣泛的服務器端網(wǎng)頁設計技術(shù)主要有動態(tài)服務器頁面（ActiveServerPage，ASP），Java服務器頁面（JavaServerPages，JSP）以及超文本預處理器（HypertextPreprocessor，PHP）等幾類，利用腳本語言，就能夠高效管理網(wǎng)站資源，網(wǎng)站使用者和網(wǎng)站之間的交互性更強，功能更加多樣、直觀、簡潔。如果網(wǎng)頁設計中存在語言編程問題，用戶在使用過程中就會逐漸形成安全漏洞，為不法分子利用，就可能給企業(yè)造成間接和直接損失。用戶輸入信息不可控，信息不確定性很大，網(wǎng)頁設計開發(fā)人員需要充分考慮到這個問題，詳細全面分析用戶信息，避免非法信息輸入損害網(wǎng)站安全。網(wǎng)頁腳本語言編輯和服務器之間有著密切的數(shù)據(jù)連接，關(guān)系到網(wǎng)站設置和服務器數(shù)據(jù)，網(wǎng)頁設計中的漏洞會影響網(wǎng)站的安全性，增加數(shù)據(jù)被竊取的風險。
2網(wǎng)頁設計安全缺陷應對措施
網(wǎng)頁設計中的安全缺陷會降低網(wǎng)站的安全性能，威脅企業(yè)隱私數(shù)據(jù)安全，現(xiàn)階段，網(wǎng)頁設計中存在的安全缺陷主要包括Web安全加固、桌面數(shù)據(jù)庫泄密和文件上傳漏洞等幾方面。
2.1Web安全加固
常規(guī)安全設備不能抵御應用層攻擊，因此互聯(lián)網(wǎng)廠商提供了應用層防火墻，以硬件的方式抵御網(wǎng)絡攻擊，針對SQL注入式攻擊能夠提供數(shù)據(jù)攔截功能。但是針對網(wǎng)頁篡改的攻擊方法多種多樣，攻擊者會想方設法獲取系統(tǒng)操作權(quán)限并進行違法操作。為了避免網(wǎng)頁篡改，設計網(wǎng)頁時要采取措施避免被篡改的網(wǎng)頁流出服務器，同時加固網(wǎng)頁使其不容易被修改。當前市場上防SQL服務以硬件的方式實現(xiàn)，而網(wǎng)頁防篡改則通過網(wǎng)頁設計和應用程序進行，兩種防護功能的相互整合程度不高。為了整合兩種功能，在內(nèi)核層面，可以將文件目錄以及內(nèi)容修改行為封裝在內(nèi)核入口中，系統(tǒng)利用層次攔截服務驗證修改操作的合法性，非法操作拒絕其調(diào)用函數(shù)進入內(nèi)核，并記錄攻擊攔截日志；系統(tǒng)層面，在受保護頁面和文件目錄對應內(nèi)核中設置防修改Incode節(jié)點位；應用層則利用事件觸發(fā)保護策略監(jiān)控網(wǎng)頁文件和目錄，建立多層安全加固體系，保護網(wǎng)頁安全。
2.2逃避驗證/文件上傳
用戶知道網(wǎng)頁文件名、路徑，就有可能逃避驗證，威脅網(wǎng)站安全。網(wǎng)頁如果沒有設置用戶登錄限制，用戶就可能直接將網(wǎng)頁文件名輸入網(wǎng)頁，無需進行登錄驗證就能夠獲取網(wǎng)頁內(nèi)容，降低了網(wǎng)站的安全性。為了避免用戶逃避驗證，網(wǎng)頁設計開發(fā)人員需要注意保護網(wǎng)頁信息，加密網(wǎng)頁文件名、路徑，重要網(wǎng)站內(nèi)容設置用戶身份驗證，用戶需要驗證身份之后再登錄相關(guān)頁面，獲取信息，從而進一步提高網(wǎng)頁安全性。很多網(wǎng)站都設計了上傳文件功能，視頻網(wǎng)站用戶可以自行上傳視頻，網(wǎng)盤用戶可以上傳自己的各類文件，雖然給用戶帶來了便捷和更多豐富的功能，但也給網(wǎng)站安全性帶來了很大考驗。一些網(wǎng)站設計開發(fā)工作人員在網(wǎng)頁設計中忽視了上傳文件的安全性問題，沒有添加過濾功能，或者過濾參數(shù)設置不合理，一些不法分子利用文件上傳功能，上傳惡意文件，潛入網(wǎng)站數(shù)據(jù)庫系統(tǒng)進行破壞或者信息竊取。為了提高網(wǎng)站文件上傳的安全性，網(wǎng)站網(wǎng)頁設計應該設置判斷程序，系統(tǒng)接收文件上傳請求之后首先分析判別其安全性，確認其為無威脅文件之后方可完成上傳操作，從而有效避免非法文件、木馬病毒上傳到網(wǎng)站，提高系統(tǒng)安全性。
2.3數(shù)據(jù)庫下載/源代碼泄露
桌面數(shù)據(jù)庫被下載是另一個嚴重的網(wǎng)頁設計缺陷，ASP+Access應用系統(tǒng)更容易出現(xiàn)這個問題。用戶在一般情況下需要通過網(wǎng)站的用戶登錄和身份驗證之后方可下載網(wǎng)站相關(guān)信息，但是在知道Access數(shù)據(jù)庫名稱、路徑之后，數(shù)據(jù)庫中的信息就可以隨意下載，導致數(shù)據(jù)庫機密敏感信息泄密，給企業(yè)帶來損失。例如圖書館管理系統(tǒng)數(shù)據(jù)庫名稱為Library.mdb，路徑為URL/database，瀏覽器中輸入URL/database/Library.mdb，就能夠直接下載該數(shù)據(jù)庫中的信息。為了保護數(shù)據(jù)庫信息，ASP程序設計首選開放數(shù)據(jù)庫互連（OpenDatabaseConnectivity，ODBC）數(shù)據(jù)源，該數(shù)據(jù)源不將數(shù)據(jù)庫名稱直接寫入程序中，不會出現(xiàn)ASP源代碼和數(shù)據(jù)庫名稱一同丟失的情況，除此之外，還應該進行頁面的加密處理和數(shù)據(jù)庫信息加密處理，保護數(shù)據(jù)庫內(nèi)部資料。源代碼泄露也嚴重威脅著網(wǎng)站的安全，網(wǎng)站建設網(wǎng)頁設計中為了避免源代碼泄露，網(wǎng)站頁面代碼都需要加密處理，從而保護源代碼，提高網(wǎng)站安全性能。常見的ASP加密方法主要有編程邏輯封裝和ASP頁面加密兩種，其中ScriptEncoderASP頁面加密更加常用，有著理想的可編程性，嵌入HTML頁面中的ASP代碼仍然可以使用常用的Dreamweaver等網(wǎng)頁編輯工具完善HTML部分，加密目錄內(nèi)所有ASP文件并統(tǒng)一輸出至指定目錄，操作簡單，安全性高。
2.4網(wǎng)頁篩選過濾
網(wǎng)站服務器提供了過濾轉(zhuǎn)送機制，方便網(wǎng)頁設計開發(fā)工作人員額外篩選處理網(wǎng)頁數(shù)據(jù)，該機制能夠于網(wǎng)站服務器外掛命令文件并編譯執(zhí)行，利用網(wǎng)站服務設定，可以轉(zhuǎn)移網(wǎng)頁輸入數(shù)據(jù)至網(wǎng)頁篩選過濾模塊，該模塊接受網(wǎng)頁數(shù)據(jù)之后，獲得其參數(shù)數(shù)據(jù)，并將其傳遞給XML解析器驗證，驗證成功方可進行下一步操作，否則將向用戶端回傳錯誤信息；之后輸入數(shù)據(jù)傳遞給MAC模塊，校驗數(shù)據(jù)完整性，數(shù)據(jù)完好，可進行下一步操作，否則回傳錯誤信息；數(shù)據(jù)完整性校驗完畢，傳遞給網(wǎng)站應用程序，網(wǎng)站應用程序回傳Cookies和HTML數(shù)據(jù)，提取HTML數(shù)據(jù)參數(shù)網(wǎng)址和窗體數(shù)據(jù)傳給MAC處理模塊，生成信息驗證碼，將其加入Cookie和HTML文件，回傳給客戶端。網(wǎng)頁篩選過濾模塊讀取參數(shù)名稱，判斷該網(wǎng)頁是否有待處理表單，如果沒有參數(shù)名稱則不做處理，有參數(shù)名稱，表示有待處理表單，則逐一提取字段值、Cookies信息，XML解析驗證。該功能能夠過濾和分析網(wǎng)頁，實現(xiàn)流程控制、其他功能模塊調(diào)用和安全校驗等功能。
3結(jié)語
信息化進程不斷加快，網(wǎng)絡進入了生產(chǎn)生活的方方面面，為人們提供了更加便捷的服務，網(wǎng)絡商務行為也更加普遍，電子商務、網(wǎng)絡營銷等網(wǎng)絡商業(yè)行為對網(wǎng)絡安全性的要求越來越高，為了保護網(wǎng)絡信息，需要采取有效的對策解決網(wǎng)站建設網(wǎng)頁設計中存在的各種安全缺陷，進一步提高網(wǎng)站運行安全性和穩(wěn)定性。
作者：錢能 楊杰 單位：重慶科創(chuàng)職業(yè)學院
【摘要】本文先闡述計算機多媒體技術(shù)在網(wǎng)頁設計中的應用，然后分析其中的問題，最后提出相應的應對措施，旨在為網(wǎng)頁設計提供一定的參考。
【關(guān)鍵詞】網(wǎng)頁設計 多媒體技術(shù) 計算機 應用
隨著網(wǎng)絡信息時代的到來，人們的思想觀念、生產(chǎn)和生活方式均發(fā)生重大改變，與此同時，人們對信息技術(shù)的掌握程度較以往明顯提高。作為一種視覺語言，網(wǎng)頁設計是對平面設計的延續(xù)，將計算機多媒體技術(shù)應用其中，一方面可以極大增加網(wǎng)頁的內(nèi)容含量；另一方面，還能顯著提高設計人員的工作效率。目前，在圖像化技術(shù)中，計算機多媒體技術(shù)是最具有優(yōu)勢的技術(shù)之一，受到網(wǎng)頁設計人員的青睞。
1計算機多媒體技術(shù)在網(wǎng)頁設計中的應用
1.1在即時通信設計中的應用
網(wǎng)頁是一種借助互聯(lián)網(wǎng)來進行信息傳播、功能實現(xiàn)的平臺。因此，在網(wǎng)頁設計的過程中，需要確保其通信質(zhì)量、速度。但是，如果網(wǎng)頁的內(nèi)容比較繁多，存儲需求比較大時，就會導致網(wǎng)頁功能不能實現(xiàn)，比如出現(xiàn)網(wǎng)頁打開速度緩慢、無法打開等。為了解決上述問題，需要利用計算機多媒體技術(shù)，即比如壓縮實時通信的信息、增加長度限制等。通常情況下，用戶利用網(wǎng)絡來瀏覽網(wǎng)頁信息時，在下載、讀取文件的過程中，需要對音頻實時采樣序列操作。在網(wǎng)頁設計中，圖像、文本媒體所占內(nèi)存空間比較有限，但為了使用戶充分了解網(wǎng)頁內(nèi)容，實現(xiàn)廣告吸引等，需要有大量的闡述性、介紹性信息，包括文字說明、圖片、網(wǎng)頁介紹等。此外，在大量的圖形、音頻文件中，同樣會夾雜文本信息。要想確保網(wǎng)頁容量處于限制范圍之內(nèi)，同時保證網(wǎng)頁的正常瀏覽，就需要解決好兩個問題，即像素調(diào)節(jié)、控制文本和圖形文件的長度。使用計算機多媒體技術(shù)進行處理時，應考慮壓縮標準對文件質(zhì)量的影響。目前，相對比較高的壓縮質(zhì)量為MPEG標準，但JPEG標準在實際應用中最為廣泛。
1.2在網(wǎng)絡連接設計中的應用
當網(wǎng)頁正式工作后，網(wǎng)絡用戶會通過多種渠道來瀏覽網(wǎng)頁，訪問量會不斷增長，同時承載媒體信息的數(shù)量也會不斷擴張，從而給網(wǎng)絡連接帶來一定的壓力。為了滿足傳輸需求，需要借助計算機多媒體機技術(shù)，實現(xiàn)對媒體數(shù)據(jù)的壓縮和解壓。壓縮指的是用戶在實時數(shù)據(jù)傳輸前，在進行壓縮，然后再進行傳輸，這樣一來，可以節(jié)約傳輸時間，有效避免出現(xiàn)網(wǎng)絡堵塞問題。解壓縮則是發(fā)生在用戶獲得媒體資料以后，它主要是先對文件進行解壓，然后再實施編輯、存儲等。除此之外，為了滿足網(wǎng)頁用戶之間的網(wǎng)絡連接，應用計算機多媒體，可以建立不同的模型，比如OSI框架協(xié)議通信，它可以面向多用戶進行操作，并且還具有自動糾錯功能。
1.3在網(wǎng)頁形象化設計中的應用
在網(wǎng)頁設計中，為了確保網(wǎng)頁的吸引性、可讀性等，需要添加一些因素。利用計算機多媒體技術(shù)，既可以為網(wǎng)頁提供設計因素，同時還能利用視頻、圖像等方式，讓網(wǎng)頁更加生動、豐富。值得注意的是，在網(wǎng)頁設計的過程中，需要認識到多媒體屬于一種加載程序，所以應該適當控制其容量，避免加載過多出現(xiàn)一定的負擔，從而設計出更加絢麗、快捷的網(wǎng)頁來。
2計算機多媒體技術(shù)在網(wǎng)頁設計應用中存在的問題
在網(wǎng)頁設計中，計算機多媒體技術(shù)的應用大大提高其效果和效率，但同樣也存在一些問題，具體如下：
2.1多媒體元素格式選擇錯誤
在網(wǎng)頁設計中應用計算機多媒體技術(shù)時，視頻、圖片等元素的格式選擇非常重要，要求其容量小、真實性好。但是，在目前的網(wǎng)頁設計中，經(jīng)常出現(xiàn)視頻無法打開、圖片不顯示等問題，究其原因，主要是因為瀏覽器與文件格式不兼容，或是文件比較大，不能有效載入。
2.2視覺元素堆砌
網(wǎng)頁平臺包含多種視覺元素，既包括平面視覺構(gòu)成的各個元素，同時又包括多種特有的視覺元素，比如多媒體、交互元素、動態(tài)等。但是，在網(wǎng)頁布局的過程中，呈現(xiàn)出來的是一種簡單的堆砌，網(wǎng)頁布局缺乏規(guī)劃，缺乏美感。這樣一來，不僅造成資源的浪費，而且還會降低網(wǎng)頁的吸引性、可讀性，從而減少用戶瀏覽量。初次之外，還有一些網(wǎng)頁設計片面追求頁面的絢麗，缺乏實際內(nèi)容。
2.3視覺元素與相關(guān)應用的沖突
在網(wǎng)頁設計中應用計算機多媒體技術(shù)后，網(wǎng)頁會包含多種視覺元素，比如文字、影像、圖片等，而瀏覽上述元素需要通過專門的應用軟件，比如瀏覽器、插件程序等，由于機器分辨率存在差異，進而導致網(wǎng)頁呈現(xiàn)與視覺元素本身存在一定的差距。比如用戶在觀賞Flash動畫時，則需要安裝特點的插件程序。此外，對于不同的瀏覽器來講，對于同一網(wǎng)頁的視覺元素，其呈現(xiàn)出來的效果也會出現(xiàn)差異。因此，用戶要想獲取最佳的視覺效果，需要切換瀏覽器。
3提高網(wǎng)頁設計質(zhì)量的具體措施
在網(wǎng)頁設計的過程中，為了提高計算機多媒體技術(shù)的應用效果，需從以下兩個方面入手，做好網(wǎng)頁設計工作。
3.1選擇合適的多媒體元素
網(wǎng)頁設計中應用計算機多媒體技術(shù)時，需要結(jié)合實際情況，選擇合適的多媒體元素格式，避免出現(xiàn)文件太大難以載入或是打不開等情況。比如要盡量多使用圖像微縮圖，針對無需放大的圖片，可以利用相關(guān)的圖像編輯軟件（如Photoshop）進行處理，即先重新取樣原圖片，然后再根據(jù)自己的需要，對圖片的大小進行合理調(diào)整，最后再保留新圖樣。對于動畫標題，為了節(jié)省容量，便于瀏覽等，可采用靜止圖片。
3.2將多媒體技術(shù)與藝術(shù)設計結(jié)合起來
在網(wǎng)頁設計中，設計人員不能一味堆砌多媒體元素，而是要充分考慮其藝術(shù)性、實用性等。因此，在網(wǎng)頁設計的過程中，需要做好以下幾點。
3.2.1突出主題要素。不管是哪個網(wǎng)頁，它都應該有明確的主題。因此，在網(wǎng)頁設計中，風格要素與主題內(nèi)容保持一致，以此為前提，添加文字、動畫、圖片等多媒體元素，同時確保色調(diào)的統(tǒng)一。作為主題要素，還要處理好編排位置，使其成為視覺焦點，同時組合各構(gòu)成要素時，處理好結(jié)構(gòu)的大小、多少、虛實等。
3.2.2注重網(wǎng)頁布局。在網(wǎng)頁設計中，可采用“國”字型、Flash型、標題正文型等。在規(guī)劃網(wǎng)頁布局時，需要根據(jù)信息量的大小來決定。如果信息量比較大，則可以采用拐角型、“國”字型等；對于綱要性的網(wǎng)頁，則可以采用標題正文型。
3.2.3適當運用留白藝術(shù)。留白、虛實均是網(wǎng)頁設計中比較重要的表現(xiàn)形式。因此，在網(wǎng)頁設計的過程中，可以適當運用留白藝術(shù)，形成層次鮮明、節(jié)奏感強的效果，同時化解大量信息內(nèi)容聚集導致的壓迫感，給用戶創(chuàng)造一個輕松、愉悅的享受，激發(fā)用戶的瀏覽興趣。
4結(jié)語
在計算機多媒體技術(shù)的快速發(fā)展，逐漸滲透到社會的方方面面。在網(wǎng)頁設計中，設計人員也將其運用其中，主要體現(xiàn)在即時通信、網(wǎng)絡連接、網(wǎng)頁形象化三個方面的設計中。為了保障其應用效果，設計人員需正視其中存在的問題，并且從選擇合適的多媒體元素、將多媒體技術(shù)與藝術(shù)設計結(jié)合起來兩個方面入手，提高網(wǎng)頁設計的質(zhì)量。
作者：索穎 劉乃榮 王玲 單位：遼東學院
摘要:Flash技術(shù)運用范圍非常廣泛,不論是網(wǎng)站、廣告、動畫、游戲,甚至程序設計與多媒體化展示方面都有一定程度的運用。本文首先對Flash動畫今后的發(fā)展趨勢進行分析并具體化敘述了Flash的實際定義與特點,并對Flash動畫當前在網(wǎng)頁設計中的應用方式進行分析,針對性闡述了Flash動畫在整站式網(wǎng)頁設計過程中交互式導航系統(tǒng)、Web圖像動畫展示以及鼠標動畫的應用。在此針對性研究Flash動畫在網(wǎng)頁設計中的相關(guān)研究,望研究結(jié)果能夠?qū)窈蟮膶W者一定幫助。
關(guān)鍵詞:Flash動畫 網(wǎng)頁設計 應用研究
隨著社會邁入信息化時代,網(wǎng)絡及計算機技術(shù)的發(fā)展及普及程度呈現(xiàn)出優(yōu)質(zhì)化的發(fā)展形勢,從而促進網(wǎng)頁動畫漸漸發(fā)展起來,此外網(wǎng)頁動畫設計在網(wǎng)頁設計中占據(jù)重要地位,促使人們在關(guān)注動畫整體發(fā)展趨勢的過程中將注意力放在網(wǎng)頁動畫方面。在構(gòu)建及設計網(wǎng)頁時,運用Flash幫助網(wǎng)頁實現(xiàn)多媒體化的網(wǎng)頁成果展示,同時也漸漸成為網(wǎng)頁設計發(fā)展過程中不可或缺的重要部分。
1Flash的運用及特點
MacromediaFlash作為一種交互式編輯矢量圖及多媒體創(chuàng)作軟件,因特網(wǎng)網(wǎng)頁設計矢量動畫文件格式時常得以較多的運用,此外,針對性分析Flash,可以了解到目前其主要具備以下六大特點:第一,將矢量圖形作為主要運行前提,致使其自身文件導出容量不大,在進行圖片縮放時對其自身的清晰度影響不大,在網(wǎng)絡傳輸過程中存在一定的便捷性;第二,Flash具備非常優(yōu)質(zhì)化且強大的AS代碼,在設計動畫時運用Flash技術(shù),促使動畫的交互性優(yōu)良,便于讀者在閱讀過程的理解并實施相關(guān)互動;第三,針對實際運用過程分析,Flash動畫在運作時主要采用插件,若用戶想要實現(xiàn)視頻觀看,僅僅需要安裝一次視頻插件就可以直接觀看,避免繁瑣性多次安裝的現(xiàn)象發(fā)生。此外,由于Flash構(gòu)建的動畫自身極小,所以其具備較快的調(diào)用速率;第四,在設計Flash過程中,可以根據(jù)需要適當增加頁面控制按鈕幫助頁面實現(xiàn)鏈接的跳動,還可以運用鼠標實現(xiàn)頁面動畫中的運動及移動。第五,Flash可以實現(xiàn)動畫視聽效果內(nèi)容的升華,譬如漸變聲、位圖等等,用戶在制作圖片的過程中可以直接構(gòu)建全Flash制作站點;第六,Flash動畫屬于一種“準”流式文件內(nèi)容,無需全部下載完成就可以實現(xiàn)動畫觀看。
2Flash動畫在網(wǎng)絡設計中的應用
在網(wǎng)頁設計中,Flash動畫具備非常多關(guān)鍵性的作用,如流式播放動畫、FlashMV及短片動畫等,此外其所表現(xiàn)的形式中存在一定的交互性。但需要注意的是,在實施網(wǎng)頁設計時,避免繁瑣、復雜的動畫設計效果的存在,畢竟物極必反,只會降低網(wǎng)頁的品質(zhì);如圖1所示。2.1網(wǎng)頁動畫信息交互的實現(xiàn)為了進一步卻寶寶網(wǎng)頁動畫信息交互整體的流暢性,其中的一個重要關(guān)鍵就是Flash動畫導航的交互性設計。在對該部分內(nèi)容進行設計時,往往會使用針對性的Flash動畫腳本——AxtionScript。實際設計過程中,通常由編程者的思想與Flash在事件中作用共同形成動力,并依據(jù)動畫中的相應內(nèi)容實現(xiàn)AxtionScript的具體化定義。2.2網(wǎng)頁動畫相關(guān)要素的設計第一,交互式導航系統(tǒng)。在網(wǎng)頁設計中,導航欄對用戶主要起到一種引導性作用。所以在設計時需要將其設計為多個導航級別,并構(gòu)建針對性的標識來將其區(qū)分,以色彩為例,可以采用較為鮮艷、清爽式的搭配。第二,Web圖像動畫形式展示。傳統(tǒng)網(wǎng)頁中,Web圖像主要呈現(xiàn)靜態(tài),不過經(jīng)由計算機技術(shù)的不斷發(fā)展,最近幾年在網(wǎng)頁設計中漸漸出現(xiàn)了一部分動態(tài)化的Web圖像。同時在其色彩方面的運用,主要采用RGB模板,并在網(wǎng)頁安全色方面運用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠標動畫。為了實現(xiàn)優(yōu)質(zhì)化Flash動畫效果,在制作動畫效果時要特別注意鼠標在移動過程中其軌跡圖案及色彩搭配。首先,要確保鼠標移動過程中的色彩與網(wǎng)頁設計色彩是不同的,有助于用戶一眼就可以將鼠標找到。最后就是,鼠標在色彩區(qū)別網(wǎng)頁之后還要注意其透明性,避免遮蔽信息的現(xiàn)象出現(xiàn)。
3結(jié)語
綜合全文內(nèi)容,在網(wǎng)站設計過程中,Flash作為一個極具重要性的視覺性元素,其可以在幫助網(wǎng)站實現(xiàn)多媒體化效果展示的同時,還能夠結(jié)合數(shù)據(jù)通信這一措施全面性豐富網(wǎng)站自身具備的素材及資源,最終達到一種動態(tài)化的效果。截至今日,由于計算機技術(shù)發(fā)展速度不斷提升,結(jié)合Flash自身所具備的多種優(yōu)質(zhì)化特征,筆者相信在今后人們的日常生活中,Flash動畫一定可以獲得更加廣泛的用途,更具普遍性,最終實現(xiàn)網(wǎng)頁設計的主體化運用趨勢。
作者：侯英杰 單位：隴南師范高等?？茖W校
摘要：分析了傳統(tǒng)教學模式與培養(yǎng)應用型人才模式對網(wǎng)頁設計與制作的教學改革的影響，提出為培養(yǎng)應用型人才的改革方向，并以兩個專業(yè)、四個班的學生做為實驗樣本，對本年度教學內(nèi)容做出了一些改革，得出了在培養(yǎng)應用型人才時該課程內(nèi)容的改革方案和注意事項，指出為培養(yǎng)服務地方應用型人才，網(wǎng)頁設計與制作的課程改革勢在必行。
關(guān)鍵詞：傳統(tǒng)教學；學即能用；CSS
互聯(lián)移動終端的大面積推廣，使得掌握網(wǎng)頁制作技術(shù)的人才在各個行業(yè)里都成為必不可少的需求；同時，地方普通高校為社會服務的使命感在不斷增強，如何培養(yǎng)出“學即能用”的人才，使之在短時間內(nèi)掌握主流的網(wǎng)頁設計技術(shù)，提高站點訪問量，是這門課程課堂教學效果進步的體現(xiàn)。
一、技術(shù)背景與課堂教學要求
（一）Internet發(fā)展歷程
Internet經(jīng)歷了從Web1.0到Web3.0的迅猛發(fā)展。Web1.0是靜止、單向、被動的；Web2.0則為用戶開設了主動權(quán)，使得用戶和網(wǎng)站可行雙向信息互動；Web3.0提升了用戶的主動權(quán)，用戶可對頁面的多種元素（顯示、色彩、像素、框架等）按需設置，訂制專屬的功能模塊，整合數(shù)據(jù)資源，適用于電腦、手機、PDA等多終端平臺定制。
（二）傳統(tǒng)的網(wǎng)頁設計與制作課程內(nèi)容
一般情況下，高校開設的網(wǎng)頁設計課程從教學內(nèi)容上可劃分為兩大塊：1.相關(guān)知識介紹。網(wǎng)站的概念、基本元素及頁面等相關(guān)知識的介紹。2.應用軟件的使用。介紹使用最多的Dreamweaver系列網(wǎng)頁制作工具，使學生掌握布局（表格、層、框架、模板等）、超級鏈接、表單和幾種特效。隨著互聯(lián)網(wǎng)的全面推廣和“學即能用”的需求，以上內(nèi)容已不能滿足互聯(lián)網(wǎng)時代與時俱進的特點。最關(guān)鍵的問題在于：課堂學到的知識是否馬上就能得到應用，是否與目前社會上專業(yè)的網(wǎng)頁制作公司的技術(shù)規(guī)格保持一致。因此，本門課程的改革勢在必行。
二“、服務于地方”教學內(nèi)容的改革
（一）教學內(nèi)容改革
內(nèi)容改革是課程改革的首要環(huán)節(jié)。關(guān)于什么是關(guān)鍵內(nèi)容，什么是次要內(nèi)容，筆者走訪了本地專業(yè)網(wǎng)頁設計公司中企動力的設計總監(jiān)馬女士，通過對她的訪談，了解到時下主流的網(wǎng)頁設計公司所涉及到的技術(shù)規(guī)范，對本?，F(xiàn)階段的教學內(nèi)容做了必要的調(diào)整，簡化了表格布局頁面、框架設計等已被淘汰的陳舊技術(shù)的授課內(nèi)容，有選擇地介紹了網(wǎng)頁交互特效及表單的應用，加強了網(wǎng)頁美化工具、HTML語言及CSS的學習內(nèi)容。改革后的課程主要分為六大模塊：網(wǎng)頁和網(wǎng)站的基礎(chǔ)知識、網(wǎng)頁美化工具（Photoshop或者Fireworks）、HTML語言、網(wǎng)頁開發(fā)工具的介紹、DIV+CSS、動態(tài)網(wǎng)頁技術(shù)。首先，通過具體的例子闡明網(wǎng)頁、網(wǎng)站的定義，頁面的布局類型（主要是盒模型）、整體造型及配色方案的相關(guān)知識；其次，介紹網(wǎng)頁美化工具圖片處理工具（Photoshop或Fireworks）的使用，學生可用其設計頁面元素，加強頁面的視覺效果與美觀性，提升站點的專業(yè)度；再次，介紹HTML的基本語法結(jié)構(gòu)和語句，使學生熟練掌握其主要標簽的使用（傳統(tǒng)的教學模式對這一部分的內(nèi)容有所忽略）。實踐證明，學生若不熟悉HTML的語法構(gòu)成，學習DIV+CSS這一主流的網(wǎng)頁布局模式就會相當吃力。當然，對于非專業(yè)學生而言，學習一門語言，即便是文本標記語言，由于其本身對計算機系統(tǒng)相關(guān)知識的欠缺，授課會比較困難，學生也學得辛苦，但這又是一個必要的過程，其所占用的時間比較長，需要設計大量實例，反復練習才能掌握。之后介紹開發(fā)工具，重點是要理解頁面的代碼模式和設計模式，而DIV+CSS則是本門課程的重頭戲，由于學生對代碼有種天生的恐懼，所以，在建立CSS時又以開發(fā)工具建立為主，修改程序為輔。最后簡單提及動態(tài)網(wǎng)頁技術(shù)。由于課時限制（32節(jié)），本課程主要講授靜態(tài)網(wǎng)頁制作。靜態(tài)網(wǎng)頁技術(shù)分為傳統(tǒng)技術(shù)和新技術(shù)。傳統(tǒng)課堂教學內(nèi)容重點是布局表格、框架、模板等，而目前主流的網(wǎng)頁制作公司則主要應用DIV+CSS。所以，對于陳舊的技術(shù)簡單介紹即可，而把DIV+CSS作為布局的主要技術(shù)進行講解。由于這些內(nèi)容需要學生對代碼部分比較熟悉，所以，在課時中增加了相應的HTML的基本語法結(jié)構(gòu)和語句的介紹，并對主要標簽的使用熟練掌握。
（二）實際授課效果
筆者今年為設計和思政兩個專業(yè)的學生授課。設計專業(yè)的學生已經(jīng)開設了PS，有一定的設計基礎(chǔ)，所以，課程內(nèi)容改革中的第一部分可以省略；思政專業(yè)的學生沒有圖片處理基礎(chǔ)，筆者在授課過程中有意加強了這部分內(nèi)容，講授簡單的圖片處理方法和文字特效工具。實踐證明，學生有追求新知識的欲望，基本能做到學以致用，并反饋到最終的作品中。往屆學生的作品更像電子小報，而今年通過課程內(nèi)容改革的學生作品雖不完美，但在形式內(nèi)容上更接近Internet的正規(guī)網(wǎng)站，教學效果良好。針對我校提出建立培養(yǎng)服務于地方應用型人才的本科院校，傳統(tǒng)的網(wǎng)頁設計與制作課程必須響應時代號召，更新教學內(nèi)容與方法。本文僅供從事該課程教學的教師參考。
作者：侯敏 單位：西安文理學院
摘要：
在當前這個時代中，各種視覺信息不斷泛濫，讓我們眼花繚亂、應不暇接。人們越來越希望網(wǎng)頁設計能夠變得簡潔、明快、一目了然。將簡約主義思想應用于網(wǎng)頁設計中，有著明顯的現(xiàn)實意義。本文先分析簡約設計理念的起源，接著研究簡約主義視角下網(wǎng)頁設計的特點，最后提出一套有針對性的應用簡約主義理念的對策，希望能起到一定的啟發(fā)意義。
關(guān)鍵詞：簡約主義；網(wǎng)頁設計；對策
一、前言
邁入新世紀之后，信息技術(shù)蓬勃發(fā)展，我們已經(jīng)身處于信息時代的懷抱中，在這個時代中，各種視覺信息不斷泛濫，讓我們眼花繚亂、應不暇接。人們越來越希望網(wǎng)頁設計能夠變得簡潔、明快、一目了然。將簡約主義思想應用于網(wǎng)頁設計中，有著明顯的現(xiàn)實意義。本文先分析簡約設計理念的起源，接著研究簡約主義視角下網(wǎng)頁設計的特點，最后提出一套有針對性的應用簡約主義理念的對策，希望能起到一定的啟發(fā)意義。
二、簡約主義溯源
早在春秋戰(zhàn)國時期，我國哲學家、思想家老子就提出過“少則多、多則惑”的思想。在古希臘時期，柏拉圖曾經(jīng)用“簡單及少”的理念來論述立方體。這足以說明簡約主義思想源遠流長，很早就初見雛形。事實上，正是世界文明史上的現(xiàn)代主義運動直接帶動了簡約主義的發(fā)展與成熟。從理論角度而言，現(xiàn)代主義是功能主義與簡約原則的有機融合。上個世紀初，英國興起的“工藝美術(shù)運動”正式將簡約主義理念登上了歷史的舞臺，使其出現(xiàn)在人們的視野中?！肮に嚸佬g(shù)運動”旨在否定機械化與裝飾過度的設計風格，主張真實、熱情，兼具功能與價值的設計。這次運動為現(xiàn)代主義風格奠定了良好的基礎(chǔ)。其提出設計應該以功能作為核心，強調(diào)非裝飾化的簡單幾何造型。之后，著名建筑大師米斯?凡德羅提出了經(jīng)典的“Lessismore”的設計原則，直接為簡約主義理念奠定了理論基礎(chǔ)。如今，不光是建筑領(lǐng)域，產(chǎn)品設計領(lǐng)域、平面設計領(lǐng)域、室內(nèi)設計領(lǐng)域、家居設計領(lǐng)域都開始追求簡約主義設計理念。如今，關(guān)于簡約主義的稱法層出不窮，白色派、極少主義、“空”設計，其實都是追求簡約大方的設計風格，是簡約主義設計理念的具體體現(xiàn)。本文認為，所謂簡約主義，其實就是呈現(xiàn)最基本的要素，主張摒棄一切多余的結(jié)構(gòu)、色彩、文字與圖形等，這樣可以讓核心內(nèi)容成為聚焦點，使人們迅速攫取到中心內(nèi)容。
三、簡約主義視角下網(wǎng)頁設計的特點
互聯(lián)網(wǎng)的日益普及使得網(wǎng)絡承載的網(wǎng)頁內(nèi)容不斷增多，功能也日趨多元化。雖然人們通過網(wǎng)頁能找到自己想要的信息，但由于網(wǎng)絡世界缺乏應有的監(jiān)管，導致一些網(wǎng)頁看似華麗，實則空虛，這就對網(wǎng)頁設計提出了更高的要求。將簡約主義理念用于網(wǎng)頁設計中，有著廣泛而深遠的意義。首先，網(wǎng)頁設計應用簡約主義理念，可以提升用戶體驗。如果只注重網(wǎng)頁的外觀設計，一味追求華麗美觀，用戶可能難以在網(wǎng)頁中迅速攫取自己想要的信息內(nèi)容，這樣的用戶體驗顯然是很糟糕的。其實，在網(wǎng)頁設計中，簡約是一個相對性概念，力求摒棄泛濫與隨意。網(wǎng)頁設計的簡約是對網(wǎng)頁信息結(jié)構(gòu)進行科學布置，簡單清晰地向用戶傳達他們想要的信息，從而留住用戶，提高網(wǎng)頁的點擊率。其次，網(wǎng)頁設計應用簡約主義理念，可以做到網(wǎng)頁信息主次分明。Google產(chǎn)品設計副總裁MarissaMayer曾經(jīng)對這個功能做出過精辟闡釋，她認為簡約的網(wǎng)頁設計就猶如一把合上的瑞士軍刀，用戶往往只能記住一個網(wǎng)站的7-9個功能，腦海中留有16個左右的關(guān)鍵詞印象，所以必須在這個范圍內(nèi)合理考慮用戶的要求，而那些功能繁雜、頁面華麗的網(wǎng)站，更像一把打開的瑞士軍刀，可能會“傷害”用戶的使用，使其感覺信息混亂。
四、網(wǎng)頁設計應用簡約主義理念的對策
自從米斯?凡德羅提出了經(jīng)典的“Lessismore”設計原則，簡約主義設計理念收到了人們的熱烈追捧與認可，它提倡摒除所有無關(guān)緊要的要素，以簡明、活潑、輕快的設計風格直達用戶內(nèi)心，滿足用戶訴求。如今，現(xiàn)代人身處于一個信息爆炸、知識泛濫的時代中，內(nèi)心越來越渴望網(wǎng)頁界面做到簡潔明快，能快速找到想要的信息。有鑒于此，網(wǎng)頁設計應用簡約主義理念可以從以下幾點入手：
1、合理取舍
簡約主義設計風格始終追求簡單明晰的設計效果，摒棄所有多余的色彩、文字與圖形等設計元素，力求高效快捷地向用戶傳達有效信息，將他們的視覺關(guān)注點引領(lǐng)到關(guān)鍵信息中，對網(wǎng)頁的關(guān)鍵要點產(chǎn)生興趣。要達到這樣的境界，合理取舍至關(guān)重要，具體是指強調(diào)與著重，因為簡約主義不是主張去除一切，而是提倡將關(guān)鍵信息優(yōu)先曝光在用戶的視覺世界中，在保證網(wǎng)頁好用的基礎(chǔ)上，為用戶減輕視覺負擔，使他們享受到良好的使用體驗。在合理取舍過程中，設計者要注意這么幾個基本要求：網(wǎng)頁色彩、文字精簡、圖形處理、位置編排和版面的“留白”處理等。對于一個沒有任何留白，文字布局密密麻麻的網(wǎng)頁，根本會讓讀者感覺無從下手，導致他們直接關(guān)上網(wǎng)頁。所以，網(wǎng)頁設計者必須保留一定的網(wǎng)頁留白，在空白背景下曝光重點信息和關(guān)鍵信息，然后再一步步引導用戶了解其他的信息。
2、合理組織視覺要素
在設計網(wǎng)頁界面時，有了簡約主義設計理念的指導，設計師應該合理組織視覺要素，力求做到簡單清晰。設計者要合理分類、組合網(wǎng)頁界面的信息，進行適當刪減。分類網(wǎng)頁信息是為了讓用戶在瀏覽網(wǎng)頁時，可以直接、快捷地了解網(wǎng)頁布局與結(jié)構(gòu)，做到心中有數(shù)，在其腦海中留下一定印象；減少類別和適當刪減并不是要減少網(wǎng)頁含量，而是將重點信息、關(guān)鍵信息放置于一個相對簡單的布局中，使用戶能一眼就看到有效信息而不浪費時間。在組織視覺要素時，設計師可以先構(gòu)建一個簡單清晰的首頁，摒棄繁雜，然后進行適當配色，色彩種類不可過多，以簡潔素養(yǎng)為主，文字介紹也不可花里胡哨，力求做到簡潔明快。
3、網(wǎng)頁各界面保持風格統(tǒng)一
毫無疑問，現(xiàn)在的網(wǎng)頁界面有著眾多層級，設計是必須做到網(wǎng)頁界面的風格統(tǒng)一和和諧，不可產(chǎn)生太大的突兀之感。用戶一般是通過首頁或者網(wǎng)頁鏈接進入網(wǎng)頁界面的某個層級中，假若網(wǎng)格界面的風格不夠統(tǒng)一，甚至存在較大反差，很容易影響用戶認知網(wǎng)頁信息的效果，不利于他們順利解讀網(wǎng)頁信息。事實證明，統(tǒng)一和諧的網(wǎng)頁界面風格不僅可以增強用戶的認知與記憶，提高他們搜索所需信息的效率，還能使用戶對該網(wǎng)頁印象深刻，對其形成滿意度，成為該網(wǎng)頁的“忠實粉”。對于網(wǎng)頁界面風格的和諧統(tǒng)一，關(guān)鍵要做到同樣元素的位置和大小要保持一致，起碼不能差距太大，配色方案也要保持整體一致，同類型的設計要素風格也應該盡量保持一致。
五、結(jié)束語
在網(wǎng)頁設計中應用簡約主義理念大有裨益。但我們不能忽視，目前有設計師在應用這個理念時走進了誤區(qū)，即為了簡約而簡約，忽視了網(wǎng)頁的功能性，不注重用戶瀏覽網(wǎng)頁信息時的認知體驗，這樣的網(wǎng)頁設計必定“費時、低效”。其實，簡約主義設計理念并不是簡單地簡化設計元素，而是合理取舍界面要素。對于網(wǎng)頁設計而言，設計師必須立足于提升用戶的使用體驗，提高網(wǎng)站的可用性，只有做到“以用戶為中心”，才是真正的簡約主義設計。我國網(wǎng)頁設計師應該多學習和借鑒國內(nèi)外優(yōu)秀的成功案例，認真學習簡約主義設計理念的精髓。
作者：穆冰玉 單位：鄭州輕工業(yè)學院藝術(shù)設計學院數(shù)字媒體藝術(shù)系
隨著網(wǎng)絡的發(fā)展,網(wǎng)頁可以把各種信息以快捷、方便的形式傳達給受眾,由此人們逐步產(chǎn)生了對于網(wǎng)頁審美的需求。人們對美感的追求應從網(wǎng)頁設計中視覺元素的功能及其審美表現(xiàn)的角度出發(fā),利用有效的傳達信息,不斷擴充網(wǎng)絡的多元化，使得網(wǎng)頁設計更注重個性化的表現(xiàn)形式，使信息更加快速有效的傳遞出去。本文重點闡述了在網(wǎng)頁設計中提高視覺信息傳達的具體方法。隨著我國網(wǎng)民增長速度的加快,網(wǎng)頁設計在互聯(lián)網(wǎng)在我國的發(fā)展前景非常廣闊,網(wǎng)頁的視覺傳達設計更是成為一個不可忽視的課題。網(wǎng)絡給人們提供了一個便捷的信息交流平臺，網(wǎng)頁中視覺信息的表達己經(jīng)從簡單圖、文編排的形式,發(fā)展到如今視覺元素的綜合運用。由于網(wǎng)頁鏈接繁瑣性嚴重阻礙網(wǎng)絡信息的有效傳播,無效的傳達不利于與用戶之間相互溝通，一些視覺效果受網(wǎng)站的信息設計結(jié)構(gòu)及內(nèi)容量的影響,對于不同類型的網(wǎng)站,應該明確采取什么樣的手法來表現(xiàn),使得網(wǎng)頁設計成為一種藝術(shù)形式。雖然目前我國網(wǎng)頁設計在理論與實踐上發(fā)展比較健全,視覺的表現(xiàn)力不強，影響了網(wǎng)民對網(wǎng)頁點擊率。由此可見，新媒介下的網(wǎng)頁設計還處于一個不理想的狀態(tài),計算機編程技術(shù)還處于一個以文字為主的信息交流形式,網(wǎng)頁設計的功能性也沒有得到好的體現(xiàn)。
一、要實現(xiàn)網(wǎng)頁中的版式功能與審美功能
為了滿足人們的實用需求,需要網(wǎng)頁設計主次分明,突出重點。在網(wǎng)頁設計前期,應該明確每個網(wǎng)站都會有自己的特色,因此需要盡可能地使網(wǎng)站各個頁面間的切換簡便。善于運用圖形來引導用戶查看所需信息,一些抽象圖形和引導按鈕都可以起到引導信息傳遞的作用,這些圖形不但影響著網(wǎng)頁的視覺審美，還能以優(yōu)異的視覺形成格調(diào)優(yōu)美、韻味十足的良好視覺效果,。不同類型網(wǎng)站網(wǎng)頁是根據(jù)網(wǎng)站的服務來定性的,根據(jù)網(wǎng)站主題設定視覺元素的不同表現(xiàn),將各自的功能與網(wǎng)絡的交叉學科相融合，使受眾能更好地和更有效率地接收網(wǎng)頁上的信息，使人瀏覽起來心情愉快，接收信息也會更加輕易。網(wǎng)頁設計的審美需求，就是把傳統(tǒng)平面設計中美的形式規(guī)律同現(xiàn)代的網(wǎng)頁設計的具體問題相結(jié)合起來，運用一些平面設計來增加網(wǎng)頁設計的美感和大眾的視覺審美需求。我們經(jīng)常所說的如變化和統(tǒng)一、條理與反復的設計都是十分有效的視覺規(guī)律,首先，網(wǎng)頁的內(nèi)容與形式的表現(xiàn)必須服從內(nèi)容要求，網(wǎng)頁上的各種構(gòu)成是信息訴求的重點位置,在我們把大量的信息塞到網(wǎng)頁上去的時候，必須使整體感強,同時又賦予變化，這樣才會使頁面更豐富，更有生氣，能夠突出一個清楚的主體，在用戶閱讀時視線流動，要避免視線流動偏離設計的初衷。網(wǎng)頁設計中要注重其結(jié)構(gòu)的輕重大小、虛實、多少等對比因素，加強視覺力度，以強化頁面的整體吸引力。
二、注重色彩的設計
網(wǎng)頁它既要求文字的美麗流暢，又要求頁面的整潔，使用色彩可以使頁面更加生動。瀏覽者在瀏覽網(wǎng)頁時留下的第一印象就是頁面的色彩設計，因此必須把握好色彩設計。
1.整個頁面中要確定一個主色調(diào)
頁面一般以淺顏色為背景的居多，以淺顏色為底并配上深顏色的字，這樣不但有利于突出頁面的重點，而且還可以為大多數(shù)人認可和把握。其他一些線條適宜采用不搶眼的顏色，盡量選用一些精心選擇的元素，才能突出明亮的色彩，這些彩色亮點如果用得太多了，就會達不到強調(diào)的效果。
2.注重背景的色調(diào)搭配
色調(diào)搭配要注重不能有強烈的對比，大面積顏色適宜采用低比度，過于豐富的背景色彩會使文字溶于背景中，不易辨識。所以，背景一般需要一定的變化，實際上背景的作用在于統(tǒng)一整個網(wǎng)頁的風格和情調(diào)，起到襯托和協(xié)調(diào)作用，一方面吸引網(wǎng)民的注重力并體現(xiàn)網(wǎng)站的主題。
三、提高網(wǎng)頁設計中視覺信息傳達的有效性
1.體現(xiàn)視覺語言的突出性
視覺語言就相當于有語法和結(jié)構(gòu)的句子。視覺元素構(gòu)成了現(xiàn)代設計中的視覺語占。每一個設計作品都與他特有的視覺符號，各種視覺元素是按照一定的規(guī)律和邏輯性排列組合起來的，要想盡快的達到識別和接受的目的，就要依靠統(tǒng)一與對比、虛與實、大與小等形式手法，按照信息的順序產(chǎn)生強弱、主次等視覺語言的邏輯性讓視覺語言給人以親切溫馨的感受和對生活意義的領(lǐng)悟。
2.要體現(xiàn)網(wǎng)站獨特的風格
首先網(wǎng)頁設計應該根據(jù)需要選擇一些適合主題設計風格的字體。一般常用的中文字體需要許多專用的藝術(shù)字體下載，再要確定文字的字型、大小、顏色等等，當然也可以采用一些特效文字，如果瀏覽者的計算機里沒有安裝這種特殊的字體，就會導致讀者闋讀速度降低。對于網(wǎng)頁設計來說，有很多軟件就是我們常說的網(wǎng)頁，要具有互動性，互動性能夠充分調(diào)動人的參與性,在網(wǎng)絡的環(huán)境下，充分實現(xiàn)每個人的個性化需求，使用戶能夠從中得到更深層次的了解和接受,從而做出決定。其次要適合視覺傳達的過程。視覺信息傳達是傳達者將準各傳達的信息挑選出來后，對信息以符號序列的形式進行排列，使之按照一定的排列組合方式形成的視覺語言，實質(zhì)上這一過程也就是譯碼的過程，因為傳達者所發(fā)出的訊息只有引起注意，才會被接受者加以理解和接受，接受者只能按照自己的方式將傳達者的信息整理闡釋。網(wǎng)頁設計離不開一定的科學技術(shù)發(fā)展，好的網(wǎng)頁設計除考慮其內(nèi)容上的精益求精外，還要對內(nèi)容進行合理有效的視覺編排，這樣不但為了滿足使用者的需求，更關(guān)鍵的是使使用者有一種全身心的享受和共鳴。
作者：于淼 歐陽洲丹 單位：遼寧工業(yè)大學藝術(shù)設計與建筑學院
1信息可視化概述
1.1信息可視化的定義
信息可視化是“利用計算機支撐的、交互的、對抽象數(shù)據(jù)的可視化表示，來增強人們對這些抽象信息的認知”的方法與技術(shù)。信息可視化最早出現(xiàn)于18世紀，歷史和政治學家Playfire和數(shù)學家Lambert為了幫助人們更好地理解數(shù)據(jù)，根據(jù)復雜的數(shù)據(jù)創(chuàng)建了可視化圖表。隨著人們對于信息可視化技術(shù)的研究，信息可視化應用的領(lǐng)域越來越廣泛，它不再只是表示數(shù)據(jù)的一種方式，更成為深度挖掘數(shù)據(jù)之間隱藏的特征和關(guān)系的一種手段。隨著計算機科學的發(fā)展和各種移動設備的普及，信息可視化在網(wǎng)頁設計中又引領(lǐng)了新的研究熱潮。
1.2信息可視化的流程
信息可視化的過程可以分為三個階段：源數(shù)據(jù)處理。將收集到的海量信息和數(shù)據(jù)進行處理和加工，使其簡化和標準化，以便后期的快速調(diào)度和輸入可視化流程。源數(shù)據(jù)處理是整個信息可視化過程的基礎(chǔ)?？梢暬瘓D。這個過程完成從數(shù)據(jù)到可視化圖表的轉(zhuǎn)變，通過各種可視化技術(shù)將抽象的數(shù)據(jù)用易于理解的圖形描述出來，并表達出各個信息的數(shù)量、質(zhì)量和關(guān)系等特征。視圖轉(zhuǎn)換。將抽象的數(shù)據(jù)轉(zhuǎn)換成圖形以后，按照用戶的需求進行顯示從而完成信息的輸出。除此之外，還需要將用戶的反饋信息傳送回軟件層而實現(xiàn)人機交互。
1.3信息可視化的方法
信息可視化的數(shù)據(jù)種類很多，包括一維數(shù)據(jù)、二維數(shù)據(jù)、三維數(shù)據(jù)、多維數(shù)據(jù)和時間序列數(shù)據(jù)等。這里著重介紹多維數(shù)據(jù)和時間序列數(shù)據(jù)的可視化方法。多維數(shù)據(jù)的信息可視化技術(shù)有很多種，其中比較有代表性的有基于幾何的可視化技術(shù)、基于圖標的可視化技術(shù)和動畫的多維可視化技術(shù)等?；趲缀蔚目梢暬夹g(shù)包括平行坐標系方法、Radviz方法、散點圖矩陣方法和Andrews曲線方法。平行坐標系方法使用平行的豎直軸線代表維度，在豎直軸線上標記多維數(shù)據(jù)并用折線相連相關(guān)坐標點來表示多維數(shù)據(jù)；Radviz方法使用圓形坐標系來實現(xiàn)多維數(shù)據(jù)的可視化；散點圖矩陣方法就是將多維數(shù)據(jù)的各個維度兩兩組合繪制成一系列按規(guī)律排列的散點圖來顯示多維數(shù)據(jù)可視化效果；Andrews曲線方法將多維數(shù)據(jù)的每一數(shù)據(jù)項通過一個周期函數(shù)映射到二維坐標系中的一條曲線上從而展示可視化結(jié)果?；趫D標的可視化方法用具備可視化特征的幾何圖形作為圖標來表示多維數(shù)據(jù)，這些圖標的每一個可視化屬性如大小、形狀、顏色等作為維度，通過多維數(shù)據(jù)到這些維度的映射來實現(xiàn)可視化效果。隨著計算機和互聯(lián)網(wǎng)科技的發(fā)展，動畫由于其形象、直觀、交互性高和容易被理解等特點已經(jīng)被廣泛應用于用戶界面設計和網(wǎng)頁設計中。時間序列數(shù)據(jù)是指具有時間屬性的數(shù)據(jù)。時間序列數(shù)據(jù)的可視化方法包括線形圖、堆積圖、動畫、地平線圖和時間線方法。其中時間線方法是以時間軸為水平軸線，將數(shù)據(jù)信息以圖標或者圖片的形式按照時間順序標記在時間軸線上。時間線的方法最開始被應用于歷史事件記錄中，后又發(fā)展用于醫(yī)療記錄和犯罪記錄。由于其完整的記錄體系和系統(tǒng)的記錄方式，時間線被應用于越來越多的領(lǐng)域。
1.4可視化變量
對于可視化變量的研究豐富了信息可視化的研究領(lǐng)域和應用領(lǐng)域。傳統(tǒng)意義上的可視化變量包括位置、形狀、方向、色彩、紋理、灰度和尺寸，一些學者將其中的色彩細分為色相、亮度和飽和度。近年來有學者將嗅覺、觸覺、聽覺等對于可視化變量的補充在很大意義上豐富了信息的表達方式?？梢暬兞窟x取的是否恰當將直接影響到信息表示的質(zhì)量。
2網(wǎng)頁設計中的信息可視化應用分析
2.1網(wǎng)頁設計概述
網(wǎng)頁界面是指人與計算機之間以互聯(lián)網(wǎng)為載體的界面，通過文字、圖形、圖片等元素傳達信息內(nèi)容以達到人機交互的目的。借助互聯(lián)網(wǎng)強大的存儲和傳播能力，網(wǎng)頁界面將來自世界每個角落的信息以最快的速度傳達給用戶。網(wǎng)頁設計的工作目標，是通過更合理的顏色、字體、圖片進行頁面設計，在功能限定的情況下，盡可能給予用戶完美的視覺體驗，高級的網(wǎng)頁設計甚至會考慮到通過聲音等來實現(xiàn)更好的試聽感受。隨著互聯(lián)網(wǎng)的應用越來越廣泛和平民化，伴隨用戶的接受能力和審美能力的提升，網(wǎng)頁界面的美觀性和易用性越來越重要，信息可視化恰好解決了這一問題。網(wǎng)頁中的信息可視化應用由來已久，從開始的視覺圖形設計，到現(xiàn)在網(wǎng)絡中隨處可見的信息圖，通過信息可視化進行的網(wǎng)頁設計讓更多信息更快更好地被用戶接受。
2.2網(wǎng)頁視覺設計與可視化
伴隨互聯(lián)網(wǎng)的快速發(fā)展和普及，網(wǎng)頁設計變得越來越重要和關(guān)鍵。網(wǎng)頁界面本身就是由文字、顏色、圖片、位置等為基本元素的，而這些元素也都屬于可視化變量的研究范圍，因而在網(wǎng)頁視覺設計中引入信息可視化就非常自然和必要了。隨著各種網(wǎng)站的普及和多樣化，一個吸引眼球和易用的網(wǎng)站則會讓你的網(wǎng)站在眾多同類型的網(wǎng)站中脫穎而出?；ヂ?lián)網(wǎng)的一大重要功能就是傳遞信息，近年來越來越多的網(wǎng)站開始將傳統(tǒng)的文字信息轉(zhuǎn)換為信息圖的形式，這樣大大降低了用戶理解信息花費的時間和精力，又提升了網(wǎng)站整體的視覺效果。網(wǎng)易的數(shù)讀中國網(wǎng)站就是一個典型的應用案例，數(shù)讀中國將每天的國際、經(jīng)濟、正在、民生、社會等方面的新聞或者話題通過信息圖的形式表達和解讀出來，用戶第一眼看上去就會直觀了解到話題的內(nèi)容，可以幫助用戶快速瀏覽信息。
2.3網(wǎng)頁交互設計與可視化
交互設計就是設計師對產(chǎn)品和用戶之間的互動機制進行分析、預測、定義和探索的過程。網(wǎng)頁的交互設計則是通過網(wǎng)頁語言表達出所要告訴用戶的信息，同時顯示用戶的操作功能。好的交互設計可以幫助用戶快速地接受和理解信息，實現(xiàn)產(chǎn)品的功能。交互設計=視覺界面設計﹢用戶行為設計，界面的意義是為了讓用戶實現(xiàn)同整個系統(tǒng)的交互，好的交互設計可以讓用戶更加有效率。因此除了應用傳統(tǒng)意義的可視化變量實現(xiàn)視覺上的可視化，還需要對用戶行為進行分析預測從而設計操作流程等以期獲得更好的用戶體驗。以rodania網(wǎng)站為例，網(wǎng)頁中網(wǎng)站logo放到了主導航正中間的位置，這也是最顯眼的位置，該網(wǎng)站的網(wǎng)站歷史頁面，以時間為截點，向用戶展示網(wǎng)站的重要歷史和傳統(tǒng)，由于是時間序列數(shù)據(jù)，采用了時間軸的可視化展示方法，用戶點擊年份數(shù)字，即可查看該年份的歷史時間，或者通過點擊左/右翻頁箭頭來切換上一個或者下一個歷史事件。時間軸最大的意義莫過于可以系統(tǒng)、完成地記錄某一領(lǐng)域的發(fā)展足跡和詳細事跡。相比傳統(tǒng)的文字堆砌，rodania通過時間軸用最直觀、簡便的方式將網(wǎng)站歷史展現(xiàn)在用戶面前。
結(jié)語
信息可視化越來越多地被用于網(wǎng)頁設計中，無論是網(wǎng)頁的視覺設計還是交互設計，其目的都是為了提高網(wǎng)站的易用性，幫助用戶快速獲得和理解信息，提升用戶體驗。信息可視化的方法和技術(shù)有很多，隨著互聯(lián)網(wǎng)技術(shù)和設計的發(fā)展提升，相信信息可視化可以在網(wǎng)頁設計中發(fā)揮更多的作用。
作者：曹新瑜 郝錕 單位：燕山大學
1網(wǎng)頁設計及視覺元素的概況
1.1網(wǎng)頁設計的概念
網(wǎng)頁設計是伴隨計算機互聯(lián)網(wǎng)產(chǎn)生的視聽設計，結(jié)合文字、色彩、圖形圖像、版式等對于網(wǎng)頁版面的編排。網(wǎng)絡設計者通過自身的創(chuàng)造性思維，對網(wǎng)頁的結(jié)構(gòu)進行藝術(shù)上的規(guī)劃與設計，使網(wǎng)頁給人留下深刻的印象，讓人過目不忘。
1.2網(wǎng)頁設計的視覺特點
傳統(tǒng)紙媒對現(xiàn)在的網(wǎng)頁設計有一定的影響，版式設計上符合人們的閱讀習慣，讀者往往習慣上下滾動頁面進行閱讀，所以排字以橫向排列為主，方便讀者閱讀，而且對于關(guān)鍵詞匯可以用其他色彩進行突出設計，使人們在閱讀的時候?qū)ξ囊曈X元素在網(wǎng)頁設計中的功能阮翔國家新聞出版廣電總局831臺321100章重點內(nèi)容有所把握。對于網(wǎng)頁設計一般采用網(wǎng)絡樣式，也可以進行自由樣式的設計，給人們新鮮感，不會使讀者產(chǎn)生審美疲勞，但多樣性的同時，要注意不能違背整體的設計風格，需要符合網(wǎng)頁設計中視覺效果的特點。
1.3網(wǎng)頁版式設計的視覺要素
網(wǎng)頁設計是在一個空間有限的頁面內(nèi)，將文字、圖形、圖案、鏈接等元素進行規(guī)劃和排版，將這些視覺元素合理的安排，使它們可以相互協(xié)調(diào)，并且表達出指定的信息。網(wǎng)頁設計者可以通過不同的設計，突出不一樣的重點，根據(jù)不同的用意，使用不同的視覺元素，這些元素就形成了人們可見的視覺區(qū)域。
2視覺元素的呈現(xiàn)深受網(wǎng)頁布局的影響
2.1常見的網(wǎng)頁布局
現(xiàn)在的網(wǎng)頁布局雖然沒有明確的分類，但是網(wǎng)頁風格類型卻是多種多樣的。
（1）大多數(shù)的網(wǎng)站選用國字型布局，這是最常見的一種布局，明確的主次關(guān)系
（。2）拐角型布局，這種布局是將一些相關(guān)信息的鏈接或者文字信息，放在網(wǎng)頁的左邊或者右邊，意思相似的內(nèi)容放在一起，可以使讀者一目了然
（。3）上下框架型布局，這種布局的特點是將網(wǎng)頁設計的內(nèi)容和中心標題區(qū)分。
（4）封面型布局，這種布局的特點是在網(wǎng)站顯著的位置，設計引人注意的圖案或者是動畫特效，點擊鏈接可以簡單進入相應的界面。
2.2網(wǎng)頁布局的方法
網(wǎng)頁在設計之前是空白的，像是一張白紙，需要網(wǎng)頁設計者通過自身的想象力和創(chuàng)造能力，將一切元素組合到一起，然后具有自己的風格。首先，網(wǎng)頁設計者要有獨特的構(gòu)思，要有一定的創(chuàng)意，創(chuàng)意的好壞直接影響設計的質(zhì)量，優(yōu)秀的創(chuàng)意可以在激烈的市場環(huán)境下勝出，可以給瀏覽者留下深刻的印象，并且與其他網(wǎng)站區(qū)別開。然后要將網(wǎng)頁的整體框架勾畫出來，把標題和主要內(nèi)容先設計到網(wǎng)頁中，使大概的輪廓呈現(xiàn)出來。最后進行細化，把具體內(nèi)容和圖形、動畫等元素進行規(guī)劃和設計，布局規(guī)劃要符合人們的瀏覽習慣。
3網(wǎng)頁設計中視覺元素的功能與審美性
3.1視覺元素的功能和審美性
網(wǎng)頁設計是指利用互聯(lián)網(wǎng)，可以將信息快速、準確、簡潔地傳達給用戶。審美是指通過視覺，欣賞、領(lǐng)會事物或藝術(shù)品的美。隨著網(wǎng)絡的普及，對網(wǎng)頁的要求越來越高，網(wǎng)頁設計的審美性也隨之產(chǎn)生。對于網(wǎng)頁的審美是指用戶對網(wǎng)頁設計中的各個視覺元素的感受。網(wǎng)頁設計的文字、色彩和圖案等元素都應遵照視覺美的規(guī)律，各元素之間要相互協(xié)調(diào)，突出內(nèi)容的主題，對于網(wǎng)頁設計中的視覺元素要有統(tǒng)一的風格，并滿足人們的審美。
3.2網(wǎng)頁設計中視覺元素的功能和審美性的具體表現(xiàn)
人們對互聯(lián)網(wǎng)的應用越來越頻繁，網(wǎng)絡已經(jīng)融入了生活中的方方面面，無論是工作還是學習都離不開網(wǎng)絡。通過網(wǎng)絡，可以實現(xiàn)資源共享、網(wǎng)絡檢索、網(wǎng)絡購物，下載自己所需的資料等很多功能。在網(wǎng)頁設計上需要重點突出視覺性，方便用戶瀏覽到需要的內(nèi)容。而且，在網(wǎng)頁瀏覽內(nèi)容過程中，用戶可以發(fā)表自己的評論和觀點，對信息進行反饋，使信息傳播變成雙向性。
3.3視覺元素在不同網(wǎng)站上的功能和審美性存在的差異
隨著電子商務的普及，在網(wǎng)絡上購物已經(jīng)變成十分普遍，各種各樣的購物網(wǎng)站相繼出現(xiàn)，但是大部分網(wǎng)頁結(jié)構(gòu)過于單調(diào)，顏色單一，對于重點并不突出。公共服務網(wǎng)站，存在較多的信息，統(tǒng)一的風格，清晰的結(jié)構(gòu)，沒有過多的修飾，比較正式可信。個人網(wǎng)站顏色明亮，個性特點鮮明，富有活力。視覺元素應用在不同類型的網(wǎng)站，給人們帶來的視覺體驗是完全不相同的。
4結(jié)語
隨著電子信息化時代的到來，人們對于網(wǎng)頁設計中視覺元素的功能有所要求，對于美感的追求不斷加深，也提高了對于審美的標準。只有將各個視覺元素，通過創(chuàng)意進行合理的布局和規(guī)劃，添加鮮明的色彩，給人們帶來視覺沖擊力，使人記憶猶新，才會在市場競爭中取得勝利。
作者：阮翔 單位：國家新聞出版廣電總局831臺
