網(wǎng)頁設(shè)計(jì)課程設(shè)計(jì)報(bào)告
隨著個(gè)人的文明素養(yǎng)不斷提升，報(bào)告與我們愈發(fā)關(guān)系密切，通常情況下，報(bào)告的內(nèi)容含量大、篇幅較長(zhǎng)。寫起報(bào)告來就毫無頭緒？下面是小編為大家整理的網(wǎng)頁設(shè)計(jì)課程設(shè)計(jì)報(bào)告，歡迎閱讀，希望大家能夠喜歡。
網(wǎng)頁設(shè)計(jì)課程設(shè)計(jì)報(bào)告1
網(wǎng)頁設(shè)計(jì)的本質(zhì)是為用戶的體驗(yàn)服務(wù)，網(wǎng)頁設(shè)計(jì)的具體設(shè)計(jì)實(shí)踐活動(dòng)主要包括交互和視覺兩個(gè)部分，交互的重要程度決定了匹配對(duì)應(yīng)的視覺效果。下面是小編整理的網(wǎng)頁課程設(shè)計(jì)報(bào)告書，希望對(duì)你有幫助。
網(wǎng)頁設(shè)計(jì)作為高校設(shè)計(jì)學(xué)專業(yè)的專業(yè)課程，在教學(xué)課程知識(shí)體系的不斷探索和完善中，形成了以藝術(shù)和技術(shù)分別主導(dǎo)的側(cè)重不同而又緊密關(guān)聯(lián)的兩種課程知識(shí)體系。隨著網(wǎng)頁設(shè)計(jì)理論與方法研究的不斷深入和發(fā)展，人們對(duì)網(wǎng)頁的產(chǎn)品設(shè)計(jì)的屬性認(rèn)知越來越明確，對(duì)網(wǎng)頁設(shè)計(jì)的工作分工更細(xì)致也更專業(yè)，這種認(rèn)知進(jìn)步也應(yīng)該體現(xiàn)于當(dāng)前的高校網(wǎng)頁設(shè)計(jì)課程的知識(shí)構(gòu)建體系中。
1.從代碼知識(shí)到網(wǎng)頁制作工具知識(shí)的轉(zhuǎn)變
早期，高校網(wǎng)頁類課程的知識(shí)體系構(gòu)建得益于院校的科研優(yōu)勢(shì)，互聯(lián)網(wǎng)的發(fā)展直接促成了計(jì)算機(jī)專業(yè)的開設(shè)和網(wǎng)頁設(shè)計(jì)課程的設(shè)立。20世紀(jì)90年代末，網(wǎng)頁設(shè)計(jì)課程陸陸續(xù)續(xù)被列入部分高校設(shè)計(jì)類專業(yè)課程目錄。面向高校學(xué)生的網(wǎng)頁設(shè)計(jì)課程內(nèi)容是一種全新的.事物，即使面向藝術(shù)類專業(yè)，也由計(jì)算機(jī)專業(yè)相關(guān)教師承擔(dān)教學(xué)任務(wù)。各高校、科研院所對(duì)網(wǎng)頁制作方法不斷探索，并將成果發(fā)布于各種學(xué)術(shù)研究出版物，教學(xué)方面則直接引用案例教學(xué)，教學(xué)內(nèi)容以HTML知識(shí)為主。由于面向?qū)ο蟮脑O(shè)計(jì)思想在軟件開發(fā)中普及，各種不需要用戶直接面對(duì)代碼的網(wǎng)頁制作工具相繼誕生，于是，這方面的知識(shí)成為課堂的新內(nèi)容，大大減輕了學(xué)生的記憶負(fù)擔(dān)。2.網(wǎng)頁制作向網(wǎng)頁美工的轉(zhuǎn)變網(wǎng)站制作的快速發(fā)展、網(wǎng)頁制作技術(shù)的傳播，使網(wǎng)站在技術(shù)層面進(jìn)入了同質(zhì)化階段，市場(chǎng)需求開始轉(zhuǎn)向頁面視覺效果方面的提升。在網(wǎng)頁設(shè)計(jì)課程中，由于對(duì)網(wǎng)頁設(shè)計(jì)分工認(rèn)知不足，早期的網(wǎng)頁設(shè)計(jì)課程時(shí)常將設(shè)計(jì)和制作的名稱與授課內(nèi)容混用，沒有嚴(yán)格區(qū)分，也沒有明確的網(wǎng)頁前端設(shè)計(jì)與視覺設(shè)計(jì)分工。高校網(wǎng)頁設(shè)計(jì)課程的授課內(nèi)容以網(wǎng)頁制作技術(shù)為主，以美化頁面效果為輔。此時(shí)，高校對(duì)于網(wǎng)頁設(shè)計(jì)課程的視覺設(shè)計(jì)方面的專業(yè)教學(xué)研究處于摸索階段。之后，隨著時(shí)代的發(fā)展，網(wǎng)頁設(shè)計(jì)課程教學(xué)核心開始轉(zhuǎn)變?yōu)橹谱骶哂懈岩曈X效果的網(wǎng)頁。3.網(wǎng)頁視覺設(shè)計(jì)與網(wǎng)頁前端設(shè)計(jì)的內(nèi)容分離側(cè)重于設(shè)計(jì)的網(wǎng)頁設(shè)計(jì)課程知識(shí)體系重構(gòu)從探索、發(fā)展到成熟，經(jīng)歷了較長(zhǎng)的準(zhǔn)備階段。隨著界面設(shè)計(jì)方法和流程理論體系的日益完善，分工協(xié)作機(jī)制日趨成熟，前端設(shè)計(jì)分離后，網(wǎng)頁設(shè)計(jì)課程的重心確定為符合網(wǎng)頁制作技術(shù)規(guī)范和條件的頁面創(chuàng)意表達(dá)、視覺效果設(shè)計(jì)與優(yōu)化。網(wǎng)頁視覺設(shè)計(jì)的探索從傳統(tǒng)的平面設(shè)計(jì)方法尋找切入點(diǎn)，通過對(duì)網(wǎng)頁設(shè)計(jì)中的審美需求和各種視覺構(gòu)成要素（如文字、圖片、顏色等）進(jìn)行分析，結(jié)合人們?cè)跒g覽信息時(shí)的視覺習(xí)慣，探索網(wǎng)頁視覺信息如何被更有效、更合理地表達(dá)。網(wǎng)頁設(shè)計(jì)教學(xué)重心內(nèi)容在轉(zhuǎn)移到視覺設(shè)計(jì)之后，該階段還未意識(shí)到網(wǎng)頁交互設(shè)計(jì)的核心地位。
網(wǎng)頁設(shè)計(jì)的本質(zhì)是用戶的體驗(yàn)設(shè)計(jì)。網(wǎng)站作為互聯(lián)網(wǎng)非可觸形態(tài)的產(chǎn)品，對(duì)其認(rèn)知的構(gòu)建包含產(chǎn)品屬性認(rèn)知與服務(wù)屬性認(rèn)知兩個(gè)層面的內(nèi)容。1.網(wǎng)頁設(shè)計(jì)是一種產(chǎn)品設(shè)計(jì)設(shè)計(jì)是一門交叉學(xué)科，網(wǎng)頁本身也是一種產(chǎn)品。網(wǎng)頁設(shè)計(jì)最初被視作平面領(lǐng)域的設(shè)計(jì)，而鏈接交互是網(wǎng)頁設(shè)計(jì)有別于平面設(shè)計(jì)的基本特征。網(wǎng)頁設(shè)計(jì)存在交互性，使其具有交互設(shè)計(jì)可用性與易用性體驗(yàn)的內(nèi)在要求，適用于工業(yè)產(chǎn)品的基本設(shè)計(jì)流程。2.網(wǎng)頁設(shè)計(jì)是一種服務(wù)設(shè)計(jì)服務(wù)設(shè)計(jì)層面，各種網(wǎng)頁交互體驗(yàn)、視聽信息、線上內(nèi)容服務(wù)與線下互動(dòng)等，是網(wǎng)站向用戶提供服務(wù)的設(shè)計(jì)組成部分。作為一種廣義的產(chǎn)品形態(tài)，網(wǎng)頁設(shè)計(jì)與傳統(tǒng)的實(shí)物形態(tài)的工業(yè)產(chǎn)品設(shè)計(jì)有一定區(qū)別，更傾向于體驗(yàn)的系統(tǒng)化設(shè)計(jì)。隨著互聯(lián)網(wǎng)向物聯(lián)網(wǎng)的可用技術(shù)研究與拓展，基于智能化網(wǎng)絡(luò)的服務(wù)設(shè)計(jì)將成為跨越線上線下的主流設(shè)計(jì)形態(tài)。3.網(wǎng)頁頁面信息設(shè)計(jì)是關(guān)系網(wǎng)頁設(shè)計(jì)品質(zhì)的深度設(shè)計(jì)網(wǎng)頁設(shè)計(jì)作為一種信息量龐大的互聯(lián)網(wǎng)單元，從工效學(xué)角度來看，網(wǎng)站信息本身也擔(dān)負(fù)著面對(duì)用戶、有效傳遞信息的功能和任務(wù)，在具體的設(shè)計(jì)活動(dòng)中，表現(xiàn)為對(duì)信息的設(shè)計(jì)。信息設(shè)計(jì)具有多學(xué)科交叉性、空間多維性、時(shí)間流動(dòng)性等基本特征，信息設(shè)計(jì)的目的是為了提高信息的可理解度和可閱讀性。優(yōu)質(zhì)的網(wǎng)頁信息設(shè)計(jì)可以降低用戶獲取信息的時(shí)間和精力成本，提升頁面信息獲取體驗(yàn)。
網(wǎng)頁設(shè)計(jì)的本質(zhì)是對(duì)體驗(yàn)的設(shè)計(jì)，即以用戶為核心思考設(shè)計(jì)方案，研究用戶在訪問網(wǎng)站時(shí)的需求是網(wǎng)頁課程設(shè)計(jì)任務(wù)的基本出發(fā)點(diǎn)。課程內(nèi)容模塊應(yīng)該以回答網(wǎng)頁設(shè)計(jì)是什么、怎么設(shè)計(jì)、為什么這樣設(shè)計(jì)三個(gè)問題為主線，構(gòu)建網(wǎng)頁設(shè)計(jì)課程的知識(shí)體系。1.課程的基本目標(biāo)掌握網(wǎng)站項(xiàng)目與網(wǎng)頁制作的基本設(shè)計(jì)流程，培養(yǎng)設(shè)計(jì)項(xiàng)目管理和組織能力；掌握用戶需求研究分析的基本方法，對(duì)用戶體驗(yàn)和需求研究有較為敏銳的洞察力；掌握網(wǎng)站交互原型相關(guān)的設(shè)計(jì)方法與工具；掌握網(wǎng)頁視覺設(shè)計(jì)方法和設(shè)計(jì)規(guī)范；了解目前網(wǎng)頁前端設(shè)計(jì)的相關(guān)技術(shù)和工具。2.知識(shí)體系與模塊組成（1）設(shè)計(jì)方法教學(xué)內(nèi)容模塊設(shè)計(jì)方法教學(xué)內(nèi)容模塊主要為了解決面對(duì)具體問題時(shí)設(shè)計(jì)師怎樣展開分析研究工作并確定設(shè)計(jì)執(zhí)行方案。網(wǎng)頁設(shè)計(jì)方法主要分為項(xiàng)目流程設(shè)計(jì)與管理、網(wǎng)站策劃方法與規(guī)范、用戶體驗(yàn)研究、交互原型設(shè)計(jì)方法等，讓學(xué)生通過貫穿整個(gè)課堂教學(xué)的項(xiàng)目流程設(shè)計(jì)和每個(gè)流程的具體設(shè)計(jì)方法的實(shí)踐，掌握基本的設(shè)計(jì)理論。（2）軟件工具教學(xué)內(nèi)容模塊軟件工具教學(xué)內(nèi)容在形式方面包括課堂內(nèi)的指導(dǎo)和課堂外的自學(xué)兩個(gè)部分。鑒于設(shè)計(jì)軟件的頻繁更新和新的設(shè)計(jì)軟件不斷涌現(xiàn)，教師必須培養(yǎng)學(xué)生自學(xué)工具的主動(dòng)意識(shí)以適應(yīng)社會(huì)需求。在工具種類方面，包括圖形處理工具、交互原型工具和代碼工具三類。第一類是圖形處理工具，其中常見的Photoshop、Illustrator等圖形設(shè)計(jì)軟件，已經(jīng)在前置課程中基本完成學(xué)習(xí)。第二類是交互原型制作工具，常見的工具有墨刀、Axure等。第三類是代碼編輯工具，選擇較多，作為對(duì)網(wǎng)頁前端知識(shí)的入門介紹部分，在本課程中以介紹為主。（3）設(shè)計(jì)經(jīng)驗(yàn)教學(xué)內(nèi)容模塊設(shè)計(jì)經(jīng)驗(yàn)教學(xué)以啟發(fā)式案例實(shí)踐為主，按照網(wǎng)站項(xiàng)目設(shè)計(jì)的流程需要，設(shè)定不同層次、不同要求的設(shè)計(jì)實(shí)踐任務(wù)作為課程結(jié)課的考核內(nèi)容。學(xué)生通過案例的練習(xí)能從優(yōu)秀作品中學(xué)到設(shè)計(jì)經(jīng)驗(yàn)，從具體的案例模仿中獲得設(shè)計(jì)的成就感。網(wǎng)頁設(shè)計(jì)課程案例教學(xué)同時(shí)也是對(duì)網(wǎng)頁設(shè)計(jì)方法的實(shí)踐驗(yàn)證，有助于學(xué)生對(duì)網(wǎng)頁設(shè)計(jì)方法的理解和體會(huì)。結(jié)語任何一種技術(shù)變革，都可能讓網(wǎng)頁設(shè)計(jì)出現(xiàn)新的藝術(shù)形態(tài)，前端依然是課程必須了解的知識(shí)。目前，就設(shè)計(jì)藝術(shù)角度而言，網(wǎng)頁設(shè)計(jì)課程的內(nèi)容以交互和視覺設(shè)計(jì)為基礎(chǔ)，在信息設(shè)計(jì)層面也有較大的提升空間，設(shè)計(jì)途徑也已經(jīng)拓展到用戶的視覺、行為、聲音和邏輯等方面。網(wǎng)頁設(shè)計(jì)課程的知識(shí)體系構(gòu)建必須以產(chǎn)品的視角，讓學(xué)生更深刻、更完整地理解用戶模式下的網(wǎng)頁設(shè)計(jì)藝術(shù)。
網(wǎng)頁設(shè)計(jì)課程設(shè)計(jì)報(bào)告2
隨著現(xiàn)代化科技的發(fā)展，計(jì)算機(jī)已經(jīng)成為人們生活中的重要組成部分，網(wǎng)頁瀏覽的形式已經(jīng)代替以往書籍瀏覽的形式，也正因?yàn)槿绱司W(wǎng)頁的設(shè)計(jì)與布局尤為重要�？茖W(xué)合理的網(wǎng)頁設(shè)計(jì)布局不但能夠帶給人們美感，并且還能使人們?cè)跒g覽的過程中內(nèi)心放松。計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的概念主要包括網(wǎng)頁設(shè)計(jì)布局的整體造型以及網(wǎng)頁設(shè)計(jì)布局頁面的尺寸。頁面設(shè)計(jì)的整體造型指的就是網(wǎng)頁設(shè)計(jì)中的布局形狀，其中最常見的形狀有三角形、圓形等，也有部分計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)采用綜合體的形狀，在頁面的選擇上，大多是根據(jù)網(wǎng)站自身的特點(diǎn)來選擇的。計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的尺寸也較為多樣化，在計(jì)算機(jī)使用過程中，常常由于客觀影響造成屏幕的分辨率以及尺寸的影響，但由于是客觀因素?zé)o法改變，在瀏覽器自帶的功能上，對(duì)于瀏覽過程中網(wǎng)頁的增大與減小都能夠借助瀏覽器工具欄中的相應(yīng)功能解決。計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的布局與計(jì)算機(jī)的發(fā)展有著直接的聯(lián)系，并且影響網(wǎng)站的瀏覽量，目前最為常見的布局分為同字型布局、標(biāo)題正文型布局、綜合框架型布局、封面型布局以及Flash型布局等五種形式。這五種布局形式都能夠最大程度的提高網(wǎng)頁的美感，并且在現(xiàn)代網(wǎng)頁布局中被廣泛運(yùn)用，以下便是對(duì)五種布局類型的詳細(xì)分析。
同字型布局主要針對(duì)網(wǎng)頁布局的內(nèi)容，這種布局其內(nèi)的填充范圍較廣、填充的數(shù)量也較大。在網(wǎng)頁設(shè)計(jì)布局中，大多都是在網(wǎng)頁的標(biāo)題欄進(jìn)行網(wǎng)站主體的填充，有的是填充廣告，也有少數(shù)網(wǎng)頁設(shè)計(jì)布局中填充的形式是小標(biāo)題。在頁面的兩側(cè)分別布置內(nèi)容，其中網(wǎng)站的信息與動(dòng)態(tài)或是服務(wù)人員以及相應(yīng)的廣告等，在以往網(wǎng)頁設(shè)計(jì)布局中這部分并沒有受到重視，因此也是相對(duì)具有價(jià)值的部分。同字型布局網(wǎng)頁主要都是從中央位置布置，根據(jù)網(wǎng)頁內(nèi)容的重點(diǎn)由上到下布局，或是根據(jù)網(wǎng)頁自身的特點(diǎn)以及相應(yīng)的顏色進(jìn)行布局，也有部分網(wǎng)頁是根據(jù)其中的`細(xì)節(jié)進(jìn)行布局的。在網(wǎng)頁的下端并不會(huì)進(jìn)行內(nèi)容的布局，就目前網(wǎng)頁來看下端也只是網(wǎng)頁的信息以及登錄方式等。
標(biāo)題正文型布局與同字型布局不同的是標(biāo)題正文型布局并沒有兩端的布局，其它布局類型相似。在頁面上端的布局中大多都是網(wǎng)頁的標(biāo)題，其中也有廣告，頁面的中端是網(wǎng)頁的主要內(nèi)容以及和重點(diǎn)內(nèi)容，其中中端內(nèi)容中包含同字型布局兩端布局的內(nèi)容，例如，在正標(biāo)題下方是對(duì)網(wǎng)站的簡(jiǎn)訊，之后便是相應(yīng)的附加咨詢，最為常見的就是天氣信息以及網(wǎng)站的注冊(cè)信息等，在下方便是網(wǎng)站的主要內(nèi)容也就是正文，在正文的布局上，其結(jié)構(gòu)都是簡(jiǎn)單明了的。
綜合框架型布局與其它布局相比形式較為復(fù)雜，主要采用框架的形式來進(jìn)行網(wǎng)頁的布局，分別在上端、兩端以及下端，網(wǎng)站的主要內(nèi)容都是在框架中進(jìn)行布局的。這種布局形式與其他布局形式相比更具有輪廓性，能夠?qū)⑵渌季种械膬?nèi)容類型充分地體現(xiàn)出來。
封面類型布局便是字面上的意思，按照書本頁面的形式進(jìn)行布局，在封面型布局中大多采用的是圖片，其中圖片篇幅較大。一般在不同種類網(wǎng)站的主頁上大多采用封面型布局，在布局的周圍相應(yīng)的分布著較小以及較為簡(jiǎn)單的信息，此種信息所采用的形式都是超鏈接的形式，例如，最為常見的QQ空間，其主頁便采用封面型布局的形式，采用此種布局的主要目的就是能夠凸顯網(wǎng)頁自身的特點(diǎn)，能夠吸引使用者的目光的同時(shí)，對(duì)其功能更加一目了然方便操作。
Flash型布局與頁面布局較為相似，F(xiàn)lash型布局與頁面型布局唯一不同的便是在頁面的布局過程中采用更多的Flash，其中包含聲音以及動(dòng)畫的形式，因此與封面型布局相比在聲音上更能給人們帶來聽覺上的享受，除了聽覺上的享受外在視覺上Flash型布局也能夠給人們帶來相應(yīng)的震撼效果。例如，在現(xiàn)代最為常見的游戲頁面上，采用的都是Flash型布局，尤其是在登錄的界面或是在進(jìn)入游戲過程中的等待界面，在現(xiàn)代科技的發(fā)展中，也有少數(shù)網(wǎng)頁在主頁布局的過程中采用Flash型布局，以此提高網(wǎng)頁的瀏覽量�？偠灾�，計(jì)算機(jī)時(shí)代已經(jīng)到來，網(wǎng)頁設(shè)計(jì)布局已經(jīng)成為重要的發(fā)展趨勢(shì)，網(wǎng)頁設(shè)計(jì)布局并沒有固定的格式，做一種形式設(shè)計(jì)的過程中主要根據(jù)個(gè)人的審美，因此想要在網(wǎng)頁的設(shè)計(jì)布局中增添其美感，首先就要對(duì)美有更深刻的了解，合理的運(yùn)用到網(wǎng)頁的布局中，使人們?cè)诰W(wǎng)頁的瀏覽中獲取所需信息的同時(shí)還能夠帶來相應(yīng)的視覺享受。
網(wǎng)頁設(shè)計(jì)課程設(shè)計(jì)報(bào)告3
隨著當(dāng)前計(jì)算機(jī)技術(shù)的飛速發(fā)展，計(jì)算機(jī)應(yīng)用范圍的擴(kuò)大，越來越多的中職院校在課程開設(shè)時(shí)順勢(shì)采用了項(xiàng)目式教學(xué)方法，結(jié)合校企結(jié)合或引企入校的方式來實(shí)施教學(xué)。《網(wǎng)頁設(shè)計(jì)》課程不但是計(jì)算機(jī)專業(yè)學(xué)生的專業(yè)技術(shù)課，同時(shí)也是非計(jì)算機(jī)專業(yè)的學(xué)生非常歡迎的選修課目。針對(duì)中職教育的特點(diǎn)，為了適應(yīng)學(xué)生這個(gè)群體的心理特點(diǎn)及思維現(xiàn)狀，我們?cè)诓粩嗟膶?shí)踐過程中，探索新型的教學(xué)方法，讓學(xué)生在結(jié)合現(xiàn)實(shí)工作中的項(xiàng)目，小組團(tuán)隊(duì)協(xié)作完成項(xiàng)目，從協(xié)作和實(shí)施項(xiàng)目過程中完成知識(shí)和技能的學(xué)習(xí)，從真實(shí)的工作環(huán)境中學(xué)習(xí)。從而能達(dá)到學(xué)習(xí)完課程就能頂崗獨(dú)立完成工作。
在我們的生活中，小到一個(gè)生日聚會(huì)、一次課余活動(dòng)，大到一項(xiàng)工程建設(shè)，一個(gè)節(jié)日慶典，這都屬于一個(gè)項(xiàng)目。項(xiàng)目無論是簡(jiǎn)單還是復(fù)雜都有一定的共有特性。美國(guó)pmi定義說：“項(xiàng)目是為了完成某一獨(dú)特的產(chǎn)品、服務(wù)或任務(wù)所做的一次性努力�！倍覀�?cè)诮虒W(xué)活動(dòng)中所提出的是“項(xiàng)目”則是指提出一個(gè)前人曾完成過的一個(gè)項(xiàng)目工作，也可以是由教材的相關(guān)內(nèi)容轉(zhuǎn)化來的社會(huì)的一種需求。學(xué)生圍繞此工作或需求進(jìn)行相關(guān)聯(lián)的學(xué)習(xí)和探究的活動(dòng)，從而完成知識(shí)的學(xué)習(xí)和能力的培養(yǎng)。
一、項(xiàng)目教學(xué)法的含義及特點(diǎn)
項(xiàng)目教學(xué)法是指教師與學(xué)生共同將教學(xué)知識(shí)作為一個(gè)完整的項(xiàng)目進(jìn)行實(shí)施的教學(xué)活動(dòng)過程。項(xiàng)目教學(xué)的目標(biāo)在于把學(xué)生有意義的融入到一個(gè)完成項(xiàng)目的過程中去，調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性、自主的對(duì)知識(shí)進(jìn)行建構(gòu)，把通過學(xué)習(xí)所掌握的知識(shí)技能以及培養(yǎng)起來的職業(yè)能力作為最終的目標(biāo)。
二、在《網(wǎng)頁設(shè)計(jì)》課堂教學(xué)中的設(shè)計(jì)
項(xiàng)目式教學(xué)設(shè)計(jì)中課堂教學(xué)中按照選定項(xiàng)目、制定計(jì)劃、活動(dòng)探究、制作作品、成果展示、綜合評(píng)價(jià)等6個(gè)環(huán)節(jié)來設(shè)計(jì)。整個(gè)教學(xué)過程中以學(xué)生自主學(xué)習(xí)為主，教師引導(dǎo)啟發(fā)為輔來讓學(xué)生圍繞項(xiàng)目自主學(xué)習(xí)探究。
在教學(xué)過程中貫穿項(xiàng)目式的學(xué)習(xí)中，項(xiàng)目的制定就顯得非常重要，它既要根據(jù)學(xué)生興趣來選定，同時(shí)又要考慮體現(xiàn)教學(xué)總體目標(biāo)；并且所選擇項(xiàng)目應(yīng)該和學(xué)生日常的經(jīng)歷相關(guān)；難度要與學(xué)生的知識(shí)背景相符。制作熱門話題專欄、制作個(gè)人主頁、制作班級(jí)主頁、制作個(gè)人愛好娛樂主頁等，這些都是學(xué)生感興趣的一些內(nèi)容。在課程開始前要展示優(yōu)秀的網(wǎng)站效果，讓學(xué)生對(duì)網(wǎng)站建設(shè)有初步了解，并激發(fā)學(xué)生對(duì)網(wǎng)頁設(shè)計(jì)的興趣，讓學(xué)生自己產(chǎn)生要制作屬于自己的作品。
三、項(xiàng)目式教學(xué)過程的實(shí)施
根據(jù)學(xué)生自己感興趣的課題項(xiàng)目對(duì)學(xué)生進(jìn)行分組，并在課堂上統(tǒng)一進(jìn)行課題項(xiàng)目的分析，分析的過程中要對(duì)學(xué)生網(wǎng)頁設(shè)計(jì)的基礎(chǔ)內(nèi)容進(jìn)行講解和分析。在整個(gè)分析講解的過程中要讓學(xué)生了解整個(gè)過程的制作工具，并選定項(xiàng)目的負(fù)責(zé)人。然后依據(jù)學(xué)生學(xué)習(xí)自主化的原則，任務(wù)目標(biāo)化的方法，根據(jù)項(xiàng)目目標(biāo)的要求，由負(fù)責(zé)人統(tǒng)一安排小組學(xué)習(xí)任務(wù)，由教師引導(dǎo)學(xué)習(xí)方向，共同制定出個(gè)人學(xué)習(xí)任務(wù)目標(biāo)。
本項(xiàng)目要以學(xué)會(huì)專業(yè)規(guī)劃網(wǎng)站、對(duì)主題網(wǎng)頁進(jìn)行相關(guān)設(shè)計(jì)并完成制作為知識(shí)目標(biāo)；把掌握資料素材整合、制作軟件使用確立為技能目標(biāo)；讓學(xué)生學(xué)會(huì)協(xié)作、學(xué)會(huì)正確的認(rèn)識(shí)與評(píng)價(jià)自己與同學(xué)相互幫助增強(qiáng)自信心為情感目標(biāo)。
課程項(xiàng)目?jī)?nèi)容及相關(guān)能力要求中首要學(xué)生學(xué)習(xí)的內(nèi)容是頁面的布局。頁面布局是依照網(wǎng)站的受眾群體的特點(diǎn)進(jìn)行色彩組合和版面布局，通過導(dǎo)航的設(shè)計(jì)及媒體的使用來修飾網(wǎng)頁的'整體視覺效果和功能效果。并通過添加各種網(wǎng)頁元素（文字、圖像、表格、表單、視頻、動(dòng)畫等）的設(shè)計(jì)與制作完善網(wǎng)頁整體效果。再次是網(wǎng)頁的結(jié)構(gòu)，網(wǎng)頁結(jié)構(gòu)的確立一般是由網(wǎng)頁框架、使用的表格及層的綜合運(yùn)用來完成。最后就是使用各種特殊效果來美化網(wǎng)頁效果、增強(qiáng)網(wǎng)頁使用功能。并確定網(wǎng)頁元素。如javascript特效的設(shè)計(jì)，使用不同的特效來加強(qiáng)網(wǎng)頁與用戶的可交互能力。
根據(jù)學(xué)習(xí)進(jìn)程，制定小組前期準(zhǔn)備部分。學(xué)生深入的調(diào)查研究確定知識(shí)內(nèi)容與技能技巧部分的前期資料。這個(gè)過程主要是由學(xué)生自己進(jìn)行協(xié)作，通過自習(xí)與課外活動(dòng)時(shí)間來做相關(guān)的調(diào)查與資料的搜集。小組成員通過教材及輔助材料的共同分析學(xué)習(xí)，出現(xiàn)問題與指導(dǎo)教師統(tǒng)一探究解決。這個(gè)過程學(xué)生們通過不斷發(fā)現(xiàn)問題，提出問題，最后解決問題的過程來完善自己的知識(shí)結(jié)構(gòu)體系，最后形成一個(gè)系統(tǒng)的知識(shí)體系。
活動(dòng)探究部分讓學(xué)生完成知識(shí)體系的培養(yǎng)后，學(xué)生運(yùn)用相應(yīng)的小組計(jì)劃分別完成各自的作品，在完成作品的時(shí)候還會(huì)出現(xiàn)知識(shí)性問題，也會(huì)遇到能力培養(yǎng)方面的問題，這時(shí)候教師就要引導(dǎo)學(xué)生自己探究，培養(yǎng)學(xué)生解決問題的能力，從而提高學(xué)生的知識(shí)水平也加強(qiáng)學(xué)生各方面能力的培養(yǎng)。再此環(huán)節(jié)中要求教師在引導(dǎo)項(xiàng)目實(shí)施過程中要在引導(dǎo)方式上注意到有針對(duì)性的進(jìn)行查漏補(bǔ)缺的幫助學(xué)生學(xué)習(xí)。
項(xiàng)目完成以后，由各小組先進(jìn)行相互的指導(dǎo)交流，指導(dǎo)交流主要是為了讓學(xué)生取長(zhǎng)補(bǔ)短，這樣可以很好的幫助自己發(fā)現(xiàn)問題，同時(shí)也可以發(fā)現(xiàn)自己的優(yōu)點(diǎn)，從而增強(qiáng)自己的自信心。交流后給小組成員一課時(shí)的時(shí)間進(jìn)行相應(yīng)的總結(jié)及作品的微調(diào)整，并指定小組成員進(jìn)行知識(shí)層面及技術(shù)層面的演示講解，分享作品制作的成功和喜悅。通過這種形式，學(xué)生們獲得了極大的成就感。
成就的最終獲得還是要取決于最后的學(xué)習(xí)情況評(píng)價(jià)。整個(gè)評(píng)價(jià)過程采用了小組成員間、小組間及師生間的全方位綜合評(píng)價(jià)法。項(xiàng)目開展過程中小組長(zhǎng)對(duì)成員、成員對(duì)成員、成員對(duì)小組長(zhǎng)都要進(jìn)行不同方面的評(píng)價(jià)，最后把每部分的評(píng)價(jià)綜合為項(xiàng)目終結(jié)性個(gè)人評(píng)價(jià)，加上其他小組成員對(duì)作品的評(píng)價(jià)，最后加上教師引導(dǎo)過程中的效果評(píng)價(jià)形成個(gè)人綜合評(píng)價(jià)。這個(gè)評(píng)價(jià)也包括了知識(shí)和能力等多方面的細(xì)化評(píng)價(jià)，通過評(píng)價(jià)，使學(xué)生反思自己學(xué)到了什么知識(shí)和技能，以及不足，從而找出進(jìn)一步學(xué)習(xí)的方向。
四、項(xiàng)目式課程設(shè)計(jì)的優(yōu)勢(shì)及不足
在整個(gè)項(xiàng)目的進(jìn)行過程中學(xué)生可以自主的學(xué)習(xí)，自覺地接受學(xué)習(xí)，自己找可以承擔(dān)的學(xué)習(xí)任務(wù)來完成，同時(shí)也學(xué)會(huì)了發(fā)現(xiàn)問題和解決問題的方法，發(fā)揮了個(gè)人的最大能力，也培養(yǎng)了從不同角度觀察、思考和解決問題的辦法，激發(fā)自身的創(chuàng)新意識(shí)，提高自身的創(chuàng)新能力。
但是整個(gè)過程仍然存在懈怠的同學(xué)，過分依賴他人完成整個(gè)項(xiàng)目，教師要是整個(gè)過程不能夠及時(shí)發(fā)現(xiàn)這個(gè)問題則會(huì)造成學(xué)生學(xué)習(xí)發(fā)展的不均等，所以要加強(qiáng)項(xiàng)目學(xué)習(xí)的細(xì)化指導(dǎo)，加強(qiáng)教學(xué)過程的監(jiān)督與引導(dǎo)。
其次在整個(gè)過程的實(shí)施中，學(xué)生的自覺性是直接影響到項(xiàng)目的進(jìn)程及完成的最終效果，所以在學(xué)生整個(gè)學(xué)習(xí)的時(shí)間安排上應(yīng)該有效的科學(xué)的安排，既要結(jié)合課余時(shí)間也要提高個(gè)人的學(xué)習(xí)效率。因?yàn)閷W(xué)生課余還有參加很多其他的學(xué)校獲得所以導(dǎo)致計(jì)劃落實(shí)有出入，所以加強(qiáng)計(jì)劃可行性安排及建立項(xiàng)目學(xué)習(xí)的保障體系是需要我們繼續(xù)探究的問題之一。
網(wǎng)頁設(shè)計(jì)課程設(shè)計(jì)報(bào)告4
不知不覺，二個(gè)星期的《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程的實(shí)操即將過去，回顧這一段日子，真的令我體會(huì)很深，也學(xué)會(huì)很多東西，懂得很多以前不懂的東西，也明白了一些事情。
自從第一天接觸《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程，我以下定決心要把網(wǎng)頁這門課學(xué)好，做出一個(gè)優(yōu)秀的網(wǎng)站。所以我時(shí)刻沒有錯(cuò)過任何學(xué)習(xí)的機(jī)會(huì)，無論在課堂上，還是在課外上。更何況這一次實(shí)操。回顧今次的實(shí)操我覺得我過得很充實(shí)，很有意義，因?yàn)槲铱梢哉\實(shí)的說我在實(shí)操?zèng)]有玩過一次游戲，我每時(shí)每刻都在設(shè)計(jì)網(wǎng)站，還記得晚上做網(wǎng)站做到一、二點(diǎn)，可能有人會(huì)說我傻，但正因?yàn)檫@個(gè)傻的行動(dòng)，令我學(xué)會(huì)很多東西，學(xué)會(huì)別人不懂的東西，做出一個(gè)令自己滿意的網(wǎng)站，可能跟別人比還需要繼續(xù)完善，但我不會(huì)因?yàn)閷?shí)操結(jié)束，就把網(wǎng)頁設(shè)計(jì)拋到九霄云外，我會(huì)繼續(xù)學(xué)習(xí)網(wǎng)頁設(shè)計(jì)技術(shù)，把它變?yōu)樽约旱囊豁?xiàng)特長(zhǎng)。
回顧第一天的《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程實(shí)操，老師叫我們繼續(xù)完善以前設(shè)計(jì)的'網(wǎng)站，做出留言板、注冊(cè)的功能。我很快就完成了，但可能我是一個(gè)追求完善的人，所以盡管一個(gè)網(wǎng)站做好可以馬上交給老師。但我做出一個(gè)別人都不贊同的決定，從頭開始做一個(gè)網(wǎng)站。因?yàn)槲矣X得以前那個(gè)真的不是太好，盡管實(shí)操的時(shí)間過去了一半，盡管別人對(duì)我說你交原來這個(gè)不就行了嗎！何必再做一個(gè)呢？但真因?yàn)槲业膱?zhí)著，追求成功，追求完善的人，才會(huì)使我今天交出一個(gè)令自己滿足的答卷。
在制作個(gè)人網(wǎng)站時(shí)我們首先：
一、必需進(jìn)行個(gè)人網(wǎng)站前臺(tái)功能設(shè)計(jì)
包括個(gè)人網(wǎng)站主題的確定，前臺(tái)功能設(shè)計(jì)與管理、個(gè)人網(wǎng)站主頁設(shè)計(jì)、個(gè)人網(wǎng)站留言板、注冊(cè)、忘記密碼、搜索等網(wǎng)頁設(shè)計(jì)與管理。
二、對(duì)個(gè)人網(wǎng)站后臺(tái)管理功能設(shè)計(jì)
包括個(gè)人網(wǎng)站后臺(tái)管理功能的設(shè)計(jì)、后臺(tái)管理信息系統(tǒng)功能的設(shè)計(jì)、后臺(tái)系統(tǒng)權(quán)限管理、后臺(tái)文件管理、個(gè)人網(wǎng)站后臺(tái)管理系統(tǒng)主頁設(shè)計(jì)。
三、網(wǎng)站的發(fā)布
通常我們發(fā)布一個(gè)網(wǎng)站可能以能過域名注冊(cè)，但我們也可以利用自己主機(jī)，裝了iis別人就可以通過我的ip地址來訪問我的主頁。第一次做的那個(gè)網(wǎng)頁我已經(jīng)發(fā)布在上網(wǎng)了。
四、個(gè)人網(wǎng)站推廣
一個(gè)網(wǎng)站做好了，就要對(duì)個(gè)人網(wǎng)站進(jìn)行推廣，這是一個(gè)電子商務(wù)網(wǎng)站必需做得的一步，因?yàn)槿绻悴粚?duì)你的網(wǎng)站進(jìn)行推廣，就算你發(fā)布了也沒有人會(huì)知道的。
在設(shè)計(jì)這個(gè)網(wǎng)站時(shí)真的體會(huì)很多東西，從一開始網(wǎng)頁主題的確定，到主頁總體的設(shè)計(jì)、搜集資料、前臺(tái)功能設(shè)計(jì)與管理、后臺(tái)功能設(shè)計(jì)與管理、每個(gè)分頁面的設(shè)計(jì)等。我都一一進(jìn)行了規(guī)劃，因?yàn)槿绻悴灰?guī)劃好，想做什么就做什么，是不會(huì)做得好的。因我為體會(huì)到這一句話：“機(jī)會(huì)中屬于有準(zhǔn)備的人”。我詳細(xì)到一個(gè)表格寬度都一一列明。例如：775寬度，分三欄，每一欄占多少。因?yàn)槲疑钌疃谩凹?xì)微處才見真功夫”。
在這次實(shí)操過程中令我印象最深的是做留言板，因?yàn)閯偤迷谏弦粋�(gè)星期sql數(shù)據(jù)庫實(shí)操做過了，所以今次在做就比較輕松，但我以前是經(jīng)過一個(gè)比較長(zhǎng)的練習(xí)，做完了n次，可能有人會(huì)想，肯定是不會(huì)才做這么多次啦！但我想告訴這位同學(xué)我每次做得都不是不同的方法。第一次我用的是access數(shù)據(jù)庫，第二次我用的是sql數(shù)據(jù)庫加權(quán)限管理，第三次我用的是數(shù)據(jù)源名稱的連接，第四次我用的是自定義連接字符串，第五次……每一次用的方法都是不同的，可能有人會(huì)說我傻，會(huì)一種方法就行了，還要那么多嗎？但我想說的就是不是這么多次的練習(xí)，不是之么多次不同的方法，也就不會(huì)造就出今天熟能生巧的我，也不會(huì)對(duì)同學(xué)提出的問題解決到，也不會(huì)輕松教會(huì)同學(xué)，因?yàn)槟阕约菏紫葘W(xué)會(huì)，學(xué)通，學(xué)廣，才能把問題一一的解決。
【網(wǎng)頁設(shè)計(jì)課程設(shè)計(jì)報(bào)告】相關(guān)文章：
網(wǎng)頁設(shè)計(jì)報(bào)告04-25
課程設(shè)計(jì)報(bào)告12-29
網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告02-13
網(wǎng)頁設(shè)計(jì)與制作報(bào)告02-13
網(wǎng)頁設(shè)計(jì)開題報(bào)告09-26
UI網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告08-07