網頁設計論文范文

前言：我們精心挑選了數篇優質網頁設計論文文章，供您閱讀參考。期待這些文章能為您帶來啟發，助您在寫作的道路上更上一層樓。

第1篇

在用戶獲取信息的方式上，網頁有別于紙質媒介，網頁是以瀏覽為主，而紙質媒介是以閱讀為主。所謂瀏覽，按照字面意思就是粗略、大致地看一遍，其主要目的是大致了解，搜尋是否有感興趣的信息線索；閱讀比瀏覽更具有主動性和目的性，是有目的地讀，其目標是理解?？唆敻裨凇秳e讓我動腦筋——網頁設計效果優化藝術》一書中提出了設計出好網頁必須面對的三個事實：一是“我們不是閱讀網頁，而是瀏覽”；二是“我們不做最佳選擇，而是滿意而止”；三是“我們不深究原理或本質，而是想當然地使用”。我們為什么對網頁是瀏覽呢？克魯格的分析認為有三個原因：一是因為匆忙，使用網絡的目的多半是想節約時間，這樣用戶就會不停地運動；二是用戶知道不必全部閱讀，通常一個網頁里面只有很少一部分是他們感興趣的；三是用戶擅長瀏覽，瀏覽是人們日常生活中搜尋信息的慣用方法?；谶@樣一些原因，用戶使用網站就是瀏覽、滿意、再瀏覽、再滿意這樣一個循環往復的過程，直至滿意而歸。如果中間出現了不滿意，這個過程就會終止，用戶就帶著不滿意而離開。所以，在設計網頁時，哲學家威廉提出的奧卡姆剃刀原理“如無必要，勿增實體”和建筑大師密斯•凡•德•羅提出的“少即是多”原則是我們檢驗設計的兩面鏡子。在確定網頁的內容時，突出那些重要的內容，去掉那些不必要的圖案和文字，即使那些能夠讓你的網頁在視覺上產生更好的效果，但如果其干擾重要信息的瀏覽，仍然應該果斷地去掉。在網頁中，只有那些有利于信息傳達目標的美才是有價值的，美應該符合于功能的需要，美和功能的和諧統一才是網頁設計追求的目標。為了便于瀏覽，在網頁內容的編排上必須尊重視覺習慣，我們在瀏覽時總是從左到右，由上而下地掃視，要根據內容的重要性，進行從左到右、由上而下地依次排列，使重要的內容最先映入瀏覽者的眼簾。在文案的寫作上，為了便于快速瀏覽，一是對標題、關鍵內容加以強調；二是采用短的句子和段落；三是采用清晰的分區和列表；四是先總體后詳細的寫作順序。用戶在進行瀏覽時首先是通過標題和關鍵詞來初步判斷內容是否符合自己的興趣，然后再通過總體的概述來決定是否有繼續瀏覽下去的必要。在瀏覽的過程中，短句和短的段落有利于減小理解的難度和縮短判斷的時間，清晰的分區和列表能夠讓人快速抓住其關注的興趣點，促進人們繼續瀏覽。

二、網頁設計不應打破慣例

前面已經提到，網頁是一個要求即看即用的特殊“產品”，也就是一看我們就要知道如何使用。我們雖然使用了若干手機，但我們購買了一款新的手機時，我們還是得閱讀說明書后才能正常使用，網頁確不需要。那如何才能達到即看即用呢？使用慣例就是最好的武器，這也是提高所有產品易用性的重要法寶。慣例就是我們已經習慣了的東西，我們一看就知道它的意思，就知道怎么去操作，因為慣例是我們日常生活中積累起來的，已經存入大腦的固有知識。唐納德•A•諾曼在《設計心理學》中將知識分為了存儲于外部的知識和存儲于頭腦內部的知識，使用存儲于外部的知識不需要學習，但效率低；使用頭腦內部的知識需要專門學習，但效率高。而慣例是已經存儲在頭腦內部的知識，具有外部知識的高易用性和頭腦內部知識的高效率。在網頁設計中有很多慣例是不能輕易去打破的，一是重要導航在頁面的位置，按照慣例一般布置在頁面的上部、左上部或右上部，首頁的鏈接放置在最前面；二是網站的標識放置在頁面的左上部，瀏覽者用其來判別是否到達了目標網站；三是文字鏈接要加下劃線（也可以鼠標放上去才出現），瀏覽者用其來判斷是否有超級鏈接；四是常用標識符號，如在多頁文檔中，代表向上翻頁，代表向下翻頁；在視頻、音頻播放中■代表停止，代表暫停，代表播放。這些標識符號在網頁中已經具有特定的意義，是不能隨意改變的。

三、設計層面之間的邏輯聯系

在《用戶體驗的要素——以用戶為中心的Web設計》一書中論述了網頁設計的五個層面，包括戰略層、范圍層、結構層、框架層和表現層，并確定了自下而上的建設流程，規定了設計的程序。自下而上的各個層面，從抽象逐漸變成具體，并且包含著密切的邏輯聯系。戰略層確定的網站目標和用戶需求，是整個網站設計的基石，其決定范圍層的內容選擇和功能設計；結構層是對范圍層選擇的內容進行分類和組織，形成信息架構，以及對確定的功能進行交互設計，確定交互的過程和交互行為；框架層是在結構層信息架構的基礎上，根據完成任務的需要，利用超級鏈接設置來完成導航設計，以及規劃信息架構在頁面空間中的位置關系，形成布局框架；表現層是對框架層進行具體的視覺表現，包括圖形設計、色彩設計、信息圖表設計、動畫設計、視頻設計等。從上面的分析可以看出，下一層是上一層的設計依據或設計對象，上一層是下一層的進一步深化和具體，相鄰層之間緊密聯系，既不能交換，也不能跨越，更不能缺少，具有嚴格的秩序，形成了完整的邏輯鏈條，理性思維貫穿在整個設計過程之中。

四、結語

第2篇

在一個合理的課程體系的基礎之上，針對目前中職學生基礎差，學習積極性不高的特點，選擇一本好的教材，在一定程度上也影響了學生的學習興趣和教學效果。在選擇教材時，一定要堅持少理論，多應用實例的原則，如果條件允許，可以根據本校學生的實際情況編寫校本教材。比如，可以編寫一門《網頁美工設計》的教材，內容分為Photoshop和Flash兩大部分，在Photoshop部分主要學習如何應用該軟件處理網頁圖像以及設計網頁布局和對網頁進行切片的技術，而在Flash部分主要是學習如何制作網頁的動態元素?？紤]到中職學生英語基礎差，對程序代碼的理解能力有限，在動態網頁制作教材的選擇中，要優先選擇利用Dreamweaver軟件的服務器行為實現動態技術的教材，盡可能減少對程序代碼的過多講述，以提高學生學習的興趣和自信心。

2突出實踐能力，部分內容實行協同教學

2.1設計學習任務，激發學生的學習興趣

興趣是最好的老師。在進行入門教學的時候，如何激發學生的學習興趣，使得學生在主觀上由“要我學”轉變為“我要學”，是個關鍵問題。以講授網頁美工設計的內容為例，在開始幾節課，要結合國內外的幾個知名網站的整體結構進行分析，介紹知名網站在版面設計方面如何布局，在色彩搭配方面如何合理地統一網站的風格、網站Logo和Banner的設計理念，以及如何對網頁圖片進行處理才能更加吸引網民的眼球等，讓學生意識到網頁世界的豐富多彩，從而激發他們的學習興趣。與此同時，在每個學習階段結束的時候，都要求學生獨立完成一個任務，從最基本的圖片處理、Logo設計到整個網站結構的布局和色彩搭配，這樣學生就會在自己心里形成一個風格，這也是學生學習好網頁設計課程的基礎和前提。

2.2舉一反三，培養學生學習能動性

網頁設計是一門專業技能，非常注重學生實際動手能力的培養。在實際教學中，教師要充分準備大量的具體案例，采用提問法、任務驅動教學法、講練結合法等方法對學生進行教學。在開始教授一個新的內容時，要提出一個問題，讓學生帶著疑問去學習，這樣才能有的放矢。教師可以先在教師機上演示操作一個具體案例，在演示的過程中，采用邊講邊練的方式，讓學生在“做中學”，然后布置一個與此案例類似的任務，讓學生獨立完成，在任務結束的時候，根據學生的完成質量情況，讓做得比較好的學生在教師機演示自己的成果，談談自己在做的過程中的心得體會。這樣，在課堂上，大部分的時間就交給了學生，讓學生始終處于動手的狀態。作為教師，在學生實施任務的過程中，不要過多干涉學生，而是多給學生以引導，讓學生自己思考、設計、完善，讓學生在實踐中自我摸索，不斷提高。通過這種方式，不僅起到了舉一反三的教學效果，而且充分發揮了學生的學習能動性，使得學生學得扎實，記得牢固，也進一步提高學生的分析問題和解決問題的能力。

2.3部分內容協同教學，明確分工

組內成員的分工，首先是角色分工。每個合作小組要選定小組長，以分配任務，監督進度情況，協調組內成員等。對于小組內的成員，要明確分工職責。以網頁設計綜合實訓為例，面對一個完整的網站系統任務，需要3個小組成員，其中，一個負責網頁圖片素材、動態效果的處理，一個負責整體網站的布局、色彩搭配，以及切片導入Dreamweaver的工作，一個負責數據庫設計和后臺服務器行為的實現。當然，為了讓每個學生都能夠全面掌握網頁設計的技術，每次合作時的角色也是應該輪換的，而非固定不變，特別是小組長的輪換，體現了人人平等的精神，讓每個學生都體會到自己在小組中的重要性，從而激發他們內在的能力。在任務實現過程中，通過協同合作，明確分工的方式，可以逐步培養學生的組織能力、交流能力、協調能力、相互尊重的態度等，以期學生在不同的學習任務中發展不同的能力，從而可以大大提高學習效率。

3教師要及時指導，將德育教育融入教學過程

在學生的學習過程中，無論是獨立學習還是合作學習，教師絕不能是旁觀者，而應該是學生的合作伙伴和指導者。特別是在學生以小組為單位的合作學習過程中，教師不是更清閑了，而是擔負起了更大的職責。在合作學習中，教師要針對班級、小組的具體情況，在宏觀層面給學生以指導，涉及整個任務的管理，調控和引導，要充分展示各種問題的形成過程和解決過程。實踐證明，在合作學習過程中，如果有教師的及時指導，如指導學生一些合作學習的步驟，明確合作學習的規則，有利于學生順利開展學習，充分發揮小組協同合作的作用。與此同時，要將德育教育融入到教學過程中?，F階段，作為網絡信息承載者的網頁是一把雙刃劍，各種信息充斥其中，對于這些正處于青春期的中職生，如何正確對待這些信息，將對他們的成長發揮重要作用。因此要將網頁作為德育教育的載體，通過制作以“健康、向上”為主題的網站，在搜集素材的過程中多接觸先進人物、先進事跡，無形中讓學生，逐步樹立正確的人生觀和價值觀，讓學生學會做人做事。

4結束語

第3篇

通過《網頁設計與制作》多年的教學發現，應用傳統的教學方式及考核方法學生只建立了的基礎的專業課程知識概念及單一的基本操作，并不能綜合應用操作技能完成某主題網站的設計與制作。為了建立以網頁設計與制作技能考核為主線的開放式、全過程的考核體系，提高學生綜合項目實踐能力，更好的與社會需求接軌。有必要對傳統的考核方式進行改革，同時經過多年教學探索，結合人才培養方案制定了以下的考核方案。

二、考核方案

1.考核方案的制定

本考核采取學生小組合作（每組2-3名學生）完成一個規定主題網站項目的方式展開。總成績由操作考核成績、項目報告成績兩部分組成，權重分別為70％、30％，每一項按百分制評分后依權重比例計入總成績，總成績不及格者必須重修本課程并重新參加考試。因本校的現有學期總評成績是由平時成績30%、期中成績30%、期末成績40%組成，為了與學校的評分要求接軌，將本次考試所得的總成績作為學校學期總評成績的期末成績部分。并在此說明平時成績30%部分是由學生本學期的課程作業完成情況、出勤及上課表現綜合評定。本考核方案中的操作考核、項目報告都有具體的考核方案，其中操作考核實施的具體要求以試卷形式展現，內容要求以表“操作考核內容”為中心，以考核學生綜合網站制作能力為基本思路，通過小組合作完成主題網站的設計與制作，具體要求在此省略。此外要求學生撰寫項目報告不僅讓學生明確各自的份內工作，同時要求學生善于思考、總結，每做一個項目都有所收獲。項目報告實施的具體要求涉及以下幾個方面的內容：

（1）項目實施過程。項目實施過程包括前期策劃、資料搜集、網頁制作。在前期策劃階段，要求小組共同確定網站名稱、網站風格（列舉網頁采用主要色彩及網頁色調定位）、網站欄目、站點目錄結構的內容以形成完整的網站規劃，在此規劃的指導下進行資料搜集、協作完成網頁制作。其中網頁制作中要求頁面美工設計階段介紹所用軟件及提供至少首頁效果圖截圖；靜態頁面制作階段要求繪制網頁布局的結構圖及標注尺寸；程序開發階段列舉所用的開發工具、對數據庫、表進行截圖，以及繪制程序開發頁面流程圖。

（2）項目總結。對本項目完成情況進行分析、總結，并介紹項目實施過程中的收獲及體會。在作品展示時要求各小組派出代表對作品進行介紹，總結，便于相互交流經驗。

（3）項目組介紹。對該項目組成員進行介紹及項目實施過程中的人員分工情況進行報告。體現小組合作開發項目的工作模式，讓學生明白實際工作中不僅需要具備較高的技術能力，還要有合作意識，與合作者之間有效、和諧的溝通。

2.考核方式