網頁設計課程設計報告

　　隨著個人的文明素養不斷提升，報告與我們愈發關系密切，通常情況下，報告的內容含量大、篇幅較長。寫起報告來就毫無頭緒？下面是小編為大家整理的網頁設計課程設計報告，歡迎閱讀，希望大家能夠喜歡。

網頁設計課程設計報告1

　　網頁設計的本質是為用戶的體驗服務，網頁設計的具體設計實踐活動主要包括交互和視覺兩個部分，交互的重要程度決定了匹配對應的視覺效果。下面是小編整理的網頁課程設計報告書，希望對你有幫助。

　　網頁設計作為高校設計學專業的專業課程，在教學課程知識體系的不斷探索和完善中，形成了以藝術和技術分別主導的側重不同而又緊密關聯的兩種課程知識體系。隨著網頁設計理論與方法研究的不斷深入和發展，人們對網頁的產品設計的屬性認知越來越明確，對網頁設計的工作分工更細致也更專業，這種認知進步也應該體現于當前的高校網頁設計課程的知識構建體系中。

　　1.從代碼知識到網頁制作工具知識的轉變

　　早期，高校網頁類課程的知識體系構建得益于院校的科研優勢，互聯網的發展直接促成了計算機專業的開設和網頁設計課程的設立。20世紀90年代末，網頁設計課程陸陸續續被列入部分高校設計類專業課程目錄。面向高校學生的網頁設計課程內容是一種全新的.事物，即使面向藝術類專業，也由計算機專業相關教師承擔教學任務。各高校、科研院所對網頁制作方法不斷探索，并將成果發布于各種學術研究出版物，教學方面則直接引用案例教學，教學內容以HTML知識為主。由于面向對象的設計思想在軟件開發中普及，各種不需要用戶直接面對代碼的網頁制作工具相繼誕生，于是，這方面的知識成為課堂的新內容，大大減輕了學生的記憶負擔。2.網頁制作向網頁美工的轉變網站制作的快速發展、網頁制作技術的傳播，使網站在技術層面進入了同質化階段，市場需求開始轉向頁面視覺效果方面的提升。在網頁設計課程中，由于對網頁設計分工認知不足，早期的網頁設計課程時常將設計和制作的名稱與授課內容混用，沒有嚴格區分，也沒有明確的網頁前端設計與視覺設計分工。高校網頁設計課程的授課內容以網頁制作技術為主，以美化頁面效果為輔。此時，高校對于網頁設計課程的視覺設計方面的專業教學研究處于摸索階段。之后，隨著時代的發展，網頁設計課程教學核心開始轉變為制作具有更佳視覺效果的網頁。3.網頁視覺設計與網頁前端設計的內容分離側重于設計的網頁設計課程知識體系重構從探索、發展到成熟，經歷了較長的準備階段。隨著界面設計方法和流程理論體系的日益完善，分工協作機制日趨成熟，前端設計分離后，網頁設計課程的重心確定為符合網頁制作技術規范和條件的頁面創意表達、視覺效果設計與優化。網頁視覺設計的探索從傳統的平面設計方法尋找切入點，通過對網頁設計中的審美需求和各種視覺構成要素（如文字、圖片、顏色等）進行分析，結合人們在瀏覽信息時的視覺習慣，探索網頁視覺信息如何被更有效、更合理地表達。網頁設計教學重心內容在轉移到視覺設計之后，該階段還未意識到網頁交互設計的核心地位。

　　網頁設計的本質是用戶的體驗設計。網站作為互聯網非可觸形態的產品，對其認知的構建包含產品屬性認知與服務屬性認知兩個層面的內容。1.網頁設計是一種產品設計設計是一門交叉學科，網頁本身也是一種產品。網頁設計最初被視作平面領域的設計，而鏈接交互是網頁設計有別于平面設計的基本特征。網頁設計存在交互性，使其具有交互設計可用性與易用性體驗的內在要求，適用于工業產品的基本設計流程。2.網頁設計是一種服務設計服務設計層面，各種網頁交互體驗、視聽信息、線上內容服務與線下互動等，是網站向用戶提供服務的設計組成部分。作為一種廣義的產品形態，網頁設計與傳統的實物形態的工業產品設計有一定區別，更傾向于體驗的系統化設計。隨著互聯網向物聯網的可用技術研究與拓展，基于智能化網絡的服務設計將成為跨越線上線下的主流設計形態。3.網頁頁面信息設計是關系網頁設計品質的深度設計網頁設計作為一種信息量龐大的互聯網單元，從工效學角度來看，網站信息本身也擔負著面對用戶、有效傳遞信息的功能和任務，在具體的設計活動中，表現為對信息的設計。信息設計具有多學科交叉性、空間多維性、時間流動性等基本特征，信息設計的目的是為了提高信息的可理解度和可閱讀性。優質的網頁信息設計可以降低用戶獲取信息的時間和精力成本，提升頁面信息獲取體驗。

　　網頁設計的本質是對體驗的設計，即以用戶為核心思考設計方案，研究用戶在訪問網站時的需求是網頁課程設計任務的基本出發點。課程內容模塊應該以回答網頁設計是什么、怎么設計、為什么這樣設計三個問題為主線，構建網頁設計課程的知識體系。1.課程的基本目標掌握網站項目與網頁制作的基本設計流程，培養設計項目管理和組織能力；掌握用戶需求研究分析的基本方法，對用戶體驗和需求研究有較為敏銳的洞察力；掌握網站交互原型相關的設計方法與工具；掌握網頁視覺設計方法和設計規范；了解目前網頁前端設計的相關技術和工具。2.知識體系與模塊組成（1）設計方法教學內容模塊設計方法教學內容模塊主要為了解決面對具體問題時設計師怎樣展開分析研究工作并確定設計執行方案。網頁設計方法主要分為項目流程設計與管理、網站策劃方法與規范、用戶體驗研究、交互原型設計方法等，讓學生通過貫穿整個課堂教學的項目流程設計和每個流程的具體設計方法的實踐，掌握基本的設計理論。（2）軟件工具教學內容模塊軟件工具教學內容在形式方面包括課堂內的指導和課堂外的自學兩個部分。鑒于設計軟件的頻繁更新和新的設計軟件不斷涌現，教師必須培養學生自學工具的主動意識以適應社會需求。在工具種類方面，包括圖形處理工具、交互原型工具和代碼工具三類。第一類是圖形處理工具，其中常見的Photoshop、Illustrator等圖形設計軟件，已經在前置課程中基本完成學習。第二類是交互原型制作工具，常見的工具有墨刀、Axure等。第三類是代碼編輯工具，選擇較多，作為對網頁前端知識的入門介紹部分，在本課程中以介紹為主。（3）設計經驗教學內容模塊設計經驗教學以啟發式案例實踐為主，按照網站項目設計的流程需要，設定不同層次、不同要求的設計實踐任務作為課程結課的考核內容。學生通過案例的練習能從優秀作品中學到設計經驗，從具體的案例模仿中獲得設計的成就感。網頁設計課程案例教學同時也是對網頁設計方法的實踐驗證，有助于學生對網頁設計方法的理解和體會。結語任何一種技術變革，都可能讓網頁設計出現新的藝術形態，前端依然是課程必須了解的知識。目前，就設計藝術角度而言，網頁設計課程的內容以交互和視覺設計為基礎，在信息設計層面也有較大的提升空間，設計途徑也已經拓展到用戶的視覺、行為、聲音和邏輯等方面。網頁設計課程的知識體系構建必須以產品的視角，讓學生更深刻、更完整地理解用戶模式下的網頁設計藝術。

網頁設計課程設計報告2

　　隨著現代化科技的發展，計算機已經成為人們生活中的重要組成部分，網頁瀏覽的形式已經代替以往書籍瀏覽的形式，也正因為如此網頁的設計與布局尤為重要。科學合理的網頁設計布局不但能夠帶給人們美感，并且還能使人們在瀏覽的過程中內心放松。計算機網頁設計的概念主要包括網頁設計布局的整體造型以及網頁設計布局頁面的尺寸。頁面設計的整體造型指的就是網頁設計中的布局形狀，其中最常見的形狀有三角形、圓形等，也有部分計算機網頁設計采用綜合體的形狀，在頁面的選擇上，大多是根據網站自身的特點來選擇的。計算機網頁設計的尺寸也較為多樣化，在計算機使用過程中，常常由于客觀影響造成屏幕的分辨率以及尺寸的影響，但由于是客觀因素無法改變，在瀏覽器自帶的功能上，對于瀏覽過程中網頁的增大與減小都能夠借助瀏覽器工具欄中的相應功能解決。計算機網頁設計中的布局與計算機的發展有著直接的聯系，并且影響網站的瀏覽量，目前最為常見的布局分為同字型布局、標題正文型布局、綜合框架型布局、封面型布局以及Flash型布局等五種形式。這五種布局形式都能夠最大程度的提高網頁的美感，并且在現代網頁布局中被廣泛運用，以下便是對五種布局類型的詳細分析。

　　同字型布局主要針對網頁布局的內容，這種布局其內的填充范圍較廣、填充的數量也較大。在網頁設計布局中，大多都是在網頁的標題欄進行網站主體的填充，有的是填充廣告，也有少數網頁設計布局中填充的形式是小標題。在頁面的兩側分別布置內容，其中網站的信息與動態或是服務人員以及相應的廣告等，在以往網頁設計布局中這部分并沒有受到重視，因此也是相對具有價值的部分。同字型布局網頁主要都是從中央位置布置，根據網頁內容的重點由上到下布局，或是根據網頁自身的特點以及相應的顏色進行布局，也有部分網頁是根據其中的`細節進行布局的。在網頁的下端并不會進行內容的布局，就目前網頁來看下端也只是網頁的信息以及登錄方式等。

　　標題正文型布局與同字型布局不同的是標題正文型布局并沒有兩端的布局，其它布局類型相似。在頁面上端的布局中大多都是網頁的標題，其中也有廣告，頁面的中端是網頁的主要內容以及和重點內容，其中中端內容中包含同字型布局兩端布局的內容，例如，在正標題下方是對網站的簡訊，之后便是相應的附加咨詢，最為常見的就是天氣信息以及網站的注冊信息等，在下方便是網站的主要內容也就是正文，在正文的布局上，其結構都是簡單明了的。

　　綜合框架型布局與其它布局相比形式較為復雜，主要采用框架的形式來進行網頁的布局，分別在上端、兩端以及下端，網站的主要內容都是在框架中進行布局的。這種布局形式與其他布局形式相比更具有輪廓性，能夠將其它布局中的內容類型充分地體現出來。

　　封面類型布局便是字面上的意思，按照書本頁面的形式進行布局，在封面型布局中大多采用的是圖片，其中圖片篇幅較大。一般在不同種類網站的主頁上大多采用封面型布局，在布局的周圍相應的分布著較小以及較為簡單的信息，此種信息所采用的形式都是超鏈接的形式，例如，最為常見的QQ空間，其主頁便采用封面型布局的形式，采用此種布局的主要目的就是能夠凸顯網頁自身的特點，能夠吸引使用者的目光的同時，對其功能更加一目了然方便操作。

　　Flash型布局與頁面布局較為相似，Flash型布局與頁面型布局唯一不同的便是在頁面的布局過程中采用更多的Flash，其中包含聲音以及動畫的形式，因此與封面型布局相比在聲音上更能給人們帶來聽覺上的享受，除了聽覺上的享受外在視覺上Flash型布局也能夠給人們帶來相應的震撼效果。例如，在現代最為常見的游戲頁面上，采用的都是Flash型布局，尤其是在登錄的界面或是在進入游戲過程中的等待界面，在現代科技的發展中，也有少數網頁在主頁布局的過程中采用Flash型布局，以此提高網頁的瀏覽量。總而言之，計算機時代已經到來，網頁設計布局已經成為重要的發展趨勢，網頁設計布局并沒有固定的格式，做一種形式設計的過程中主要根據個人的審美，因此想要在網頁的設計布局中增添其美感，首先就要對美有更深刻的了解，合理的運用到網頁的布局中，使人們在網頁的瀏覽中獲取所需信息的同時還能夠帶來相應的視覺享受。

網頁設計課程設計報告3

　　隨著當前計算機技術的飛速發展，計算機應用范圍的擴大，越來越多的中職院校在課程開設時順勢采用了項目式教學方法，結合校企結合或引企入校的方式來實施教學。《網頁設計》課程不但是計算機專業學生的專業技術課，同時也是非計算機專業的學生非常歡迎的選修課目。針對中職教育的特點，為了適應學生這個群體的心理特點及思維現狀，我們在不斷的實踐過程中，探索新型的教學方法，讓學生在結合現實工作中的項目，小組團隊協作完成項目，從協作和實施項目過程中完成知識和技能的學習，從真實的工作環境中學習。從而能達到學習完課程就能頂崗獨立完成工作。

　　在我們的生活中，小到一個生日聚會、一次課余活動，大到一項工程建設，一個節日慶典，這都屬于一個項目。項目無論是簡單還是復雜都有一定的共有特性。美國pmi定義說：“項目是為了完成某一獨特的產品、服務或任務所做的一次性努力。”而我們在教學活動中所提出的是“項目”則是指提出一個前人曾完成過的一個項目工作，也可以是由教材的相關內容轉化來的社會的一種需求。學生圍繞此工作或需求進行相關聯的學習和探究的活動，從而完成知識的學習和能力的培養。

　　一、項目教學法的含義及特點

　　項目教學法是指教師與學生共同將教學知識作為一個完整的項目進行實施的教學活動過程。項目教學的目標在于把學生有意義的融入到一個完成項目的過程中去，調動學生的學習積極性、自主的對知識進行建構，把通過學習所掌握的知識技能以及培養起來的職業能力作為最終的目標。

　　二、在《網頁設計》課堂教學中的設計

　　項目式教學設計中課堂教學中按照選定項目、制定計劃、活動探究、制作作品、成果展示、綜合評價等6個環節來設計。整個教學過程中以學生自主學習為主，教師引導啟發為輔來讓學生圍繞項目自主學習探究。

　　在教學過程中貫穿項目式的學習中，項目的制定就顯得非常重要，它既要根據學生興趣來選定，同時又要考慮體現教學總體目標；并且所選擇項目應該和學生日常的經歷相關；難度要與學生的知識背景相符。制作熱門話題專欄、制作個人主頁、制作班級主頁、制作個人愛好娛樂主頁等，這些都是學生感興趣的一些內容。在課程開始前要展示優秀的網站效果，讓學生對網站建設有初步了解，并激發學生對網頁設計的興趣，讓學生自己產生要制作屬于自己的作品。

　　三、項目式教學過程的實施

　　根據學生自己感興趣的課題項目對學生進行分組，并在課堂上統一進行課題項目的分析，分析的過程中要對學生網頁設計的基礎內容進行講解和分析。在整個分析講解的過程中要讓學生了解整個過程的制作工具，并選定項目的負責人。然后依據學生學習自主化的原則，任務目標化的方法，根據項目目標的要求，由負責人統一安排小組學習任務，由教師引導學習方向，共同制定出個人學習任務目標。

　　本項目要以學會專業規劃網站、對主題網頁進行相關設計并完成制作為知識目標；把掌握資料素材整合、制作軟件使用確立為技能目標；讓學生學會協作、學會正確的認識與評價自己與同學相互幫助增強自信心為情感目標。

　　課程項目內容及相關能力要求中首要學生學習的內容是頁面的布局。頁面布局是依照網站的受眾群體的特點進行色彩組合和版面布局，通過導航的設計及媒體的使用來修飾網頁的'整體視覺效果和功能效果。并通過添加各種網頁元素（文字、圖像、表格、表單、視頻、動畫等）的設計與制作完善網頁整體效果。再次是網頁的結構，網頁結構的確立一般是由網頁框架、使用的表格及層的綜合運用來完成。最后就是使用各種特殊效果來美化網頁效果、增強網頁使用功能。并確定網頁元素。如javascript特效的設計，使用不同的特效來加強網頁與用戶的可交互能力。

　　根據學習進程，制定小組前期準備部分。學生深入的調查研究確定知識內容與技能技巧部分的前期資料。這個過程主要是由學生自己進行協作，通過自習與課外活動時間來做相關的調查與資料的搜集。小組成員通過教材及輔助材料的共同分析學習，出現問題與指導教師統一探究解決。這個過程學生們通過不斷發現問題，提出問題，最后解決問題的過程來完善自己的知識結構體系，最后形成一個系統的知識體系。

　　活動探究部分讓學生完成知識體系的培養后，學生運用相應的小組計劃分別完成各自的作品，在完成作品的時候還會出現知識性問題，也會遇到能力培養方面的問題，這時候教師就要引導學生自己探究，培養學生解決問題的能力，從而提高學生的知識水平也加強學生各方面能力的培養。再此環節中要求教師在引導項目實施過程中要在引導方式上注意到有針對性的進行查漏補缺的幫助學生學習。

　　項目完成以后，由各小組先進行相互的指導交流，指導交流主要是為了讓學生取長補短，這樣可以很好的幫助自己發現問題，同時也可以發現自己的優點，從而增強自己的自信心。交流后給小組成員一課時的時間進行相應的總結及作品的微調整，并指定小組成員進行知識層面及技術層面的演示講解，分享作品制作的成功和喜悅。通過這種形式，學生們獲得了極大的成就感。

　　成就的最終獲得還是要取決于最后的學習情況評價。整個評價過程采用了小組成員間、小組間及師生間的全方位綜合評價法。項目開展過程中小組長對成員、成員對成員、成員對小組長都要進行不同方面的評價，最后把每部分的評價綜合為項目終結性個人評價，加上其他小組成員對作品的評價，最后加上教師引導過程中的效果評價形成個人綜合評價。這個評價也包括了知識和能力等多方面的細化評價，通過評價，使學生反思自己學到了什么知識和技能，以及不足，從而找出進一步學習的方向。

　　四、項目式課程設計的優勢及不足

　　在整個項目的進行過程中學生可以自主的學習，自覺地接受學習，自己找可以承擔的學習任務來完成，同時也學會了發現問題和解決問題的方法，發揮了個人的最大能力，也培養了從不同角度觀察、思考和解決問題的辦法，激發自身的創新意識，提高自身的創新能力。

　　但是整個過程仍然存在懈怠的同學，過分依賴他人完成整個項目，教師要是整個過程不能夠及時發現這個問題則會造成學生學習發展的不均等，所以要加強項目學習的細化指導，加強教學過程的監督與引導。

　　其次在整個過程的實施中，學生的自覺性是直接影響到項目的進程及完成的最終效果，所以在學生整個學習的時間安排上應該有效的科學的安排，既要結合課余時間也要提高個人的學習效率。因為學生課余還有參加很多其他的學校獲得所以導致計劃落實有出入，所以加強計劃可行性安排及建立項目學習的保障體系是需要我們繼續探究的問題之一。

網頁設計課程設計報告4

　　不知不覺，二個星期的《網頁設計與網站建設》課程的實操即將過去，回顧這一段日子，真的令我體會很深，也學會很多東西，懂得很多以前不懂的東西，也明白了一些事情。

　　自從第一天接觸《網頁設計與網站建設》課程，我以下定決心要把網頁這門課學好，做出一個優秀的網站。所以我時刻沒有錯過任何學習的機會，無論在課堂上，還是在課外上。更何況這一次實操。回顧今次的實操我覺得我過得很充實，很有意義，因為我可以誠實的說我在實操沒有玩過一次游戲，我每時每刻都在設計網站，還記得晚上做網站做到一、二點，可能有人會說我傻，但正因為這個傻的行動，令我學會很多東西，學會別人不懂的東西，做出一個令自己滿意的網站，可能跟別人比還需要繼續完善，但我不會因為實操結束，就把網頁設計拋到九霄云外，我會繼續學習網頁設計技術，把它變為自己的一項特長。

　　回顧第一天的《網頁設計與網站建設》課程實操，老師叫我們繼續完善以前設計的'網站，做出留言板、注冊的功能。我很快就完成了，但可能我是一個追求完善的人，所以盡管一個網站做好可以馬上交給老師。但我做出一個別人都不贊同的決定，從頭開始做一個網站。因為我覺得以前那個真的不是太好，盡管實操的時間過去了一半，盡管別人對我說你交原來這個不就行了嗎！何必再做一個呢？但真因為我的執著，追求成功，追求完善的人，才會使我今天交出一個令自己滿足的答卷。

　　在制作個人網站時我們首先：

　　一、必需進行個人網站前臺功能設計

　　包括個人網站主題的確定，前臺功能設計與管理、個人網站主頁設計、個人網站留言板、注冊、忘記密碼、搜索等網頁設計與管理。

　　二、對個人網站后臺管理功能設計

　　包括個人網站后臺管理功能的設計、后臺管理信息系統功能的設計、后臺系統權限管理、后臺文件管理、個人網站后臺管理系統主頁設計。

　　三、網站的發布

　　通常我們發布一個網站可能以能過域名注冊，但我們也可以利用自己主機，裝了iis別人就可以通過我的ip地址來訪問我的主頁。第一次做的那個網頁我已經發布在上網了。

　　四、個人網站推廣

　　一個網站做好了，就要對個人網站進行推廣，這是一個電子商務網站必需做得的一步，因為如果你不對你的網站進行推廣，就算你發布了也沒有人會知道的。

　　在設計這個網站時真的體會很多東西，從一開始網頁主題的確定，到主頁總體的設計、搜集資料、前臺功能設計與管理、后臺功能設計與管理、每個分頁面的設計等。我都一一進行了規劃，因為如果你不規劃好，想做什么就做什么，是不會做得好的。因我為體會到這一句話：“機會中屬于有準備的人”。我詳細到一個表格寬度都一一列明。例如：775寬度，分三欄，每一欄占多少。因為我深深懂得“細微處才見真功夫”。

　　在這次實操過程中令我印象最深的是做留言板，因為剛好在上一個星期sql數據庫實操做過了，所以今次在做就比較輕松，但我以前是經過一個比較長的練習，做完了n次，可能有人會想，肯定是不會才做這么多次啦！但我想告訴這位同學我每次做得都不是不同的方法。第一次我用的是access數據庫，第二次我用的是sql數據庫加權限管理，第三次我用的是數據源名稱的連接，第四次我用的是自定義連接字符串，第五次……每一次用的方法都是不同的，可能有人會說我傻，會一種方法就行了，還要那么多嗎？但我想說的就是不是這么多次的練習，不是之么多次不同的方法，也就不會造就出今天熟能生巧的我，也不會對同學提出的問題解決到，也不會輕松教會同學，因為你自己首先學會，學通，學廣，才能把問題一一的解決。

【網頁設計課程設計報告】相關文章：

網頁設計報告04-25

課程設計報告12-29

網頁設計實習報告02-13

網頁設計與制作報告02-13

網頁設計開題報告09-26

課程設計開題報告11-23

UI網頁設計實習報告08-07

網頁設計畢業實習報告03-26

網頁設計頂崗實習報告03-26