網(wǎng)頁設(shè)計(jì)報(bào)告精選(九篇)

前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網(wǎng)頁設(shè)計(jì)報(bào)告主題范文，僅供參考，歡迎閱讀并收藏。

第1篇：網(wǎng)頁設(shè)計(jì)報(bào)告范文

實(shí)習(xí)目的：熟悉和掌握計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的基本技巧及網(wǎng)頁制作相關(guān)工具軟件等內(nèi)容。培養(yǎng)我們利用計(jì)算機(jī)進(jìn)行商務(wù)網(wǎng)頁設(shè)計(jì)的基本思路和應(yīng)用開發(fā)能力，提高我們的計(jì)算機(jī)文化素質(zhì)。

網(wǎng)頁是世界上最有價(jià)值的不動(dòng)產(chǎn)之一。人們在這個(gè)不足0.1平米的空間內(nèi)投資達(dá)數(shù)百萬美元。網(wǎng)頁對公司的影響比簡單的電子商務(wù)增收方法大得多;網(wǎng)頁也是公司對外的臉面。WEB站點(diǎn)就像一棟房子，它的每一個(gè)窗口都可以看成一扇門，人們可以沿著搜索引擎其他WEB站點(diǎn)的鏈接，繞過主頁而進(jìn)入WEB的深層。

一.網(wǎng)站的整體規(guī)劃

1.討論網(wǎng)站主題：因?yàn)樽约簩ζ樟_旺斯很感興趣，于是就想到要是一下為心中的仙境設(shè)計(jì)一個(gè)旅游網(wǎng)站。

2.定位網(wǎng)站CI形象：旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗(yàn)一下的共鳴。于是在網(wǎng)頁設(shè)計(jì)上面，根據(jù)普羅旺斯夢幻般的意境，我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。

3.確定欄目和板塊：

1]首先要考慮整個(gè)網(wǎng)頁的長和寬，以及長度和寬度之間的比例。

2]其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。

3]正文的框架設(shè)置 (橫向因素和縱向因素交錯(cuò))

在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫出了大體的欄目和板塊。

4.網(wǎng)站的整體風(fēng)格和創(chuàng)意：建立一個(gè)浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使瀏覽者留下映像。

二.網(wǎng)頁制作的前期策劃與準(zhǔn)備

1.資料的搜集：由于個(gè)人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢幻效果的網(wǎng)頁背景，F(xiàn)IASH源代碼、小圖標(biāo)和一些GIF的動(dòng)畫等。

2.熟悉制作工具軟件：

主頁制作的基本條件有：

硬件：

一臺電腦(64MB以上內(nèi)存，當(dāng)然越大越好啦);可以撥號上網(wǎng);如果你有條件的話,建議:配置掃描儀,這將大大方便圖像和文字的輸入;

軟件：

HTML編輯軟件：常用的有Frontpage、Hotdog等，本文重點(diǎn)介紹 Dreamweaver;

圖像處理軟件：常用的有Photoshop、flash、Fireworks 等;

文件上傳軟件：常用的有Cuteftp、WSftp等。

三.網(wǎng)頁制作

真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開;插入的層太多，大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了;插入的FLASH不能產(chǎn)生效果?？傊畣栴}一籮筐。實(shí)踐出真知，原來自己還有那么多欠缺的知識。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。

在對基本知識有了詳細(xì)的了解之后，做起東西來就得心應(yīng)手多了，知道引導(dǎo)頁能過加映像之后，我決定為我的網(wǎng)頁設(shè)計(jì)一個(gè)引導(dǎo)頁。

然后是主頁和二級頁面的設(shè)置。要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈兲罅?但可以用圖象軟件進(jìn)行轉(zhuǎn)換，比如Office 97的照片編輯器。把準(zhǔn)備在主頁上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后.

在一步一步的邊學(xué)邊做的過程中，看著心中的東西一點(diǎn)一點(diǎn)的出來，真的很有成就感。雖然自己的網(wǎng)頁技術(shù)還差的遠(yuǎn)，但是回顧一下這周真的學(xué)到了很多的東西。

四.網(wǎng)頁的調(diào)試

之前把作過的東西放到U盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和WEB頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。

第2篇：網(wǎng)頁設(shè)計(jì)報(bào)告范文

副標(biāo)題：

潘江文，實(shí)習(xí)校內(nèi)部分小組組長。

報(bào)告內(nèi)容：

各位老師，同學(xué)：大家下午好，很高興能夠作為校內(nèi)組的代表向大家匯報(bào)我們的實(shí)習(xí)工作。

本學(xué)期一開始，經(jīng)過院領(lǐng)導(dǎo)老師的精心準(zhǔn)備策劃，我們有幸進(jìn)行了為期四周的實(shí)習(xí) ，我組作為校內(nèi)組，共六人，被統(tǒng)一安排在中國海洋大學(xué)網(wǎng)絡(luò)中心，協(xié)助網(wǎng)絡(luò)中心搞好網(wǎng)絡(luò)建設(shè)和維護(hù)。學(xué)院指導(dǎo)教 師陳歡 老師，實(shí)習(xí)單位負(fù)責(zé)人姜鵬，趙有星主任。總的來說，此次實(shí)習(xí)是一次成功的順利的實(shí)習(xí)。通過我們的努力，我們已最大可能的完成了實(shí)綱的要求，既充分鞏固了大學(xué)前期兩年的專業(yè)知識，又對今后兩年的專業(yè)科目學(xué)習(xí)有了新的理解，這次專業(yè)認(rèn)識實(shí)習(xí)增強(qiáng)了我們的職業(yè)意識，并激發(fā)我們在今后兩年的學(xué)習(xí)中根據(jù)實(shí)習(xí)的經(jīng)驗(yàn)識時(shí)務(wù)的調(diào)整自己的學(xué)習(xí)方向和知識結(jié)構(gòu)，以更好的適應(yīng)社會在新聞傳播領(lǐng)域，尤其是網(wǎng)絡(luò)傳播發(fā)展方向的人才需求。

下面我就我所在的單位作一下簡單介紹：

中國海洋大學(xué)網(wǎng)絡(luò)中心成立于 1994 年 5 月，其前身是信息管理研究所，中心按照中國教育科研計(jì)算機(jī)網(wǎng)絡(luò)組織結(jié)構(gòu)和管理模式，成立了校園網(wǎng)絡(luò)管理領(lǐng)導(dǎo)小組和校園網(wǎng)絡(luò)專家領(lǐng)導(dǎo)小組，在分管校長直接領(lǐng)導(dǎo)下，承擔(dān)中國教育和科研計(jì)算機(jī) 網(wǎng)青島主節(jié)點(diǎn)以及中國海洋大學(xué)校園網(wǎng)的建設(shè)、規(guī)劃、運(yùn)行管理、維護(hù)和數(shù)字化校園的工作

網(wǎng)絡(luò)中心下設(shè) 網(wǎng)絡(luò)運(yùn)行部 、 網(wǎng)絡(luò)信息部 、 綜合部 。

在此不在作詳細(xì)介紹， 下面著重匯報(bào)一下我在此次實(shí)習(xí)中的具體實(shí)習(xí)內(nèi)容以及我個(gè)人的實(shí)習(xí)體會。

在網(wǎng)絡(luò)中心老師的安排下，實(shí)習(xí)期間，我共參與或個(gè)人承擔(dān)了以下工作：電腦硬件組裝，系統(tǒng)安裝調(diào)試，專業(yè)網(wǎng)絡(luò)布 線、 ftp 信息服務(wù)器日常維護(hù)、 www 服務(wù)器日常安全檢測、局部網(wǎng)絡(luò)故障檢測與排除、校內(nèi)單位硬件更新等。

在做完這些工作后我總結(jié)了一下有這么幾點(diǎn)比較深刻的體會：

第一點(diǎn)：真誠

你可以偽裝你的面孔你的心，但絕不可以忽略真誠的力量。

第一天去網(wǎng)絡(luò)中心實(shí)習(xí)，心里不可避免的有些疑惑：不知道老師怎么樣，應(yīng)該去怎么做啊，要去干些什么呢等等吧！

踏進(jìn)辦公室，只見幾個(gè)陌生的臉孔。我微笑著和他們打招呼。從那天起，我養(yǎng)成了一個(gè)習(xí)慣，每天早上見到他們都要微笑的說聲：“老師早”，那是我心底真誠的問候。我總覺得，經(jīng)常有一些細(xì)微的東西容易被我們忽略，比如輕輕的一聲問候，但它卻表達(dá)了對老師同事對朋友的尊重關(guān)心，也讓他人感覺到被重視與被關(guān)心。僅僅幾天的時(shí)間，我就 和 老師們打成一片，很好的跟他們交流溝通學(xué)習(xí)，我想，應(yīng)該是我的真誠，換得了老師的信任。他們把我當(dāng)朋友也愿意指導(dǎo)我，愿意分配給我任務(wù)。

第二點(diǎn)：溝通

要想在短暫的實(shí)習(xí)時(shí)間內(nèi)，盡可能能多的學(xué)一些東西，這就需要跟老師有很好的溝通，加深彼此的了解，剛到網(wǎng)絡(luò)中心，老師并不了解你的工作學(xué)習(xí)能力，不清楚你會做那些工作，不清楚你想了解的知識，所以跟老師很好的溝通是很必要的。同時(shí)我覺得這也是我們將來走上社會的一把不可缺少的鑰匙。通過溝通了解，老師我我有了大體了解，邊有針對性的教我一些知識，我對網(wǎng)絡(luò)部線，電腦硬件安裝，網(wǎng)絡(luò)故障排除，工作原理應(yīng)用比叫感興趣，所以老師就讓我協(xié)同他們或獨(dú)立的 成校內(nèi)大小單位的網(wǎng)絡(luò)安裝與檢修工作。如檔案館網(wǎng)絡(luò)故障檢修、勝利樓若干辦公室的網(wǎng)絡(luò)故障檢修等，直接或間接保證了校園網(wǎng)的正常運(yùn)行和使用，在這方面的工作中，真正學(xué)到了計(jì)算機(jī)教科書上所沒有或者真正用到了課本上的知識，鞏固了舊知識，掌握了新知識，甚至在實(shí)踐中了書本上舊有的不合實(shí)際的知識，這才真正體現(xiàn)了知識的真正價(jià)值，學(xué)以致用。此外呢，老師還特地帶我們?nèi)⒓恿巳握?guī)的講座，分別是校園網(wǎng)使用網(wǎng)絡(luò)計(jì)費(fèi)、校園網(wǎng)電子政務(wù)、和網(wǎng)絡(luò)安全三個(gè)主題。此次報(bào)告一并帶來了該公司的最新產(chǎn)品，報(bào)告中我懂得了網(wǎng)絡(luò)計(jì)費(fèi)的原理和方式以及從硬件上是如何實(shí)現(xiàn)的，從側(cè)面也看到了學(xué)校引進(jìn)新產(chǎn)品即建設(shè)投標(biāo)的過程。

第三點(diǎn)：激情與耐心

激情與耐心，就像火與冰，看似兩種完全不同的東西，卻能碰撞出最美麗的火花。

在中心時(shí)，老師就跟我說，想做電腦網(wǎng)絡(luò)這一塊，激情與耐心必不可少，在產(chǎn)品更新方面，這一行業(yè)就像做新聞工作，補(bǔ)斷的更新，這就需要你有激情，耐心的去不斷的學(xué)習(xí)，提高自己的專業(yè)水平。在一些具體的工作當(dāng)中也是這樣的： 記得前兩天老師安排我整理一下倉庫并且要求我在這堆報(bào)廢機(jī)器中組裝好兩臺能夠正常運(yùn)行的機(jī)器，說實(shí)話，當(dāng)時(shí)我心里就有些不太情愿，太麻煩了，盡管這樣，我還是一臉輕松的接了下來，接下來我就 耐心 的，按步就班的開始找有用的零件，把一個(gè)機(jī)箱拆的不能在拆，所有的零件我又對照書本一一的認(rèn)了一遍，真正的弄清了各個(gè)零件之間的組合結(jié)構(gòu)關(guān)系，最后拼湊出了兩臺機(jī)箱，僅這一項(xiàng)就用了整整兩天的時(shí)間， 通過 老師的指導(dǎo)，自己的捉摸，調(diào)試，自此，我算是真正的搞明白的計(jì)算機(jī)的硬件安裝，維護(hù)和更新，接著我又進(jìn)行了各種計(jì)算機(jī)操作系統(tǒng)的反復(fù)安轉(zhuǎn)調(diào)試，一遍又一遍的調(diào)試安裝，自然有些煩，但我用我的熱情耐心克服這些困難，問老師，查資料，一個(gè)個(gè)問題迎刃而解，自己在這方面的知識得到了充實(shí)。這些在平常的書本上僅僅是獲得感性的認(rèn)識在這里真的實(shí)踐了，才算是真正的掌握了，也讓我認(rèn)識到了自己的不足，告誡自己，不管做什么，切忌眼高手低，要 善于鉆研 。還有我感觸比較深的就是 查看 log 日志記錄，因?yàn)榉?wù)器的維護(hù)使復(fù)雜又艱辛的，既要保障物理安全又要保證系統(tǒng)安全，這就需要通過查詢 log 日志記錄，每一分鐘的服務(wù)器狀況都有 log 日志記錄，而且它一是數(shù)據(jù)量大、二是有大量無用信息，所以查看 log 使非?！巴纯唷钡氖虑?。像這些工作我熬深深地感覺到每有激情與耐心是做不好的。

第四點(diǎn)：細(xì)心負(fù)責(zé)和基本的專業(yè)素養(yǎng)

細(xì)心負(fù)責(zé)是做好每一件事情所必備的基本素質(zhì)，基本的專業(yè)素養(yǎng)是前提。

實(shí)習(xí)期間，我承擔(dān)了 ftp 服務(wù)器的管理工作和 www 校內(nèi)信息服務(wù)的日常檢測工作，這同專業(yè)的發(fā)展方向是極其吻合的。 ftp 服務(wù)帶有自身的特殊性，用戶可以在其中各種文檔包括文本、聲音、視頻、多媒體等，對 ftp 的管理就要有極好的電腦知識尤其要對文件路徑十分了解，還要有信息歸納的能力，將校內(nèi)用戶上傳的文檔分門別類的放在不同的文件夾中，這也是作為我門專業(yè)學(xué)生應(yīng)當(dāng)具有的基本能力之一，在 ftp 管理的過程中，我深刻的感受到了作為信息管理者和者是非辨別和政治敏感的重要，用戶上傳的文檔是未經(jīng)許可和身份認(rèn)證的，所以在 ftp 服務(wù)權(quán)限中對上傳文件夾（ up ）做了只能上傳而不能隨意下載的處理，而管理員的職責(zé)是將 up 文件夾中的文檔作初步審查，審查包括文檔中是否包含反政府的信息、是否包含黃色等不健康信息、是否倡導(dǎo)了不健康不科學(xué)的生活方式和態(tài)度等各個(gè)方面。

所以說要做好這些事情，不細(xì)心負(fù)責(zé)，沒有基本的專業(yè)素養(yǎng)，是很容易出現(xiàn)漏洞的。

第五點(diǎn)：“主動(dòng)出擊”

當(dāng)你可以選擇的時(shí)候，把主動(dòng)權(quán)握在自己手中。

在中心的時(shí)候，我會主動(dòng)的打掃衛(wèi)生，主動(dòng)地幫老師做一些力所能及的事情，并會積極地尋找合適的時(shí)間， 向 老師請教問題，跟老師像朋友那樣交流，談生活學(xué)習(xí)以及未來的工作，通過這些我就 和 老師走的更近，在實(shí)習(xí)當(dāng)中，，老師就會更愿意更多的指導(dǎo)我。獲得更大的收獲。 記得當(dāng)時(shí)經(jīng)濟(jì)學(xué)院反映網(wǎng)絡(luò)不同，我就自高奮勇，去進(jìn)行檢修，等網(wǎng)絡(luò)接通的時(shí)候，我心里感覺很高興，因?yàn)槲业闹鲃?dòng)，我鞏固了我所學(xué)的知識，并且得到了老師的認(rèn)可。

第六點(diǎn)： 講究條理 

如果你不想讓自己在緊急的時(shí)候手忙腳亂，就要養(yǎng)成講究條理性的好習(xí)慣。

“做什么事情都要有條理，”這是老師給我的忠告

在網(wǎng)絡(luò)中心有一個(gè)部門是綜合部，日常的文件材料很多，這就需要很有條理的去整理好，以免用的時(shí)候翻箱倒柜的去找，耽擱時(shí)間，浪費(fèi)精力，誤了事情。所以主任的桌子上總是收拾得井井有條。這一點(diǎn)對我感觸很深，同時(shí)讓我聯(lián)想到在一本書上看到這么一個(gè)故事，一位在美國電視領(lǐng)域頗有成就的美籍華人當(dāng)部門經(jīng)理時(shí)，總裁驚訝于他每天都能把如山的信件處理完畢，而其他經(jīng)理桌上總是亂糟糟堆滿信件。他說，“雖然每天信件很多，但我都按緊急性和重要性排序，再逐一處理。”總裁于是把這種做法推廣到全公司，整個(gè)公司的運(yùn)作變得有序，效率也提高了。所以說：養(yǎng)成講究條理的好習(xí)慣，能讓我們在工作中受益匪淺。

第3篇：網(wǎng)頁設(shè)計(jì)報(bào)告范文

關(guān)鍵詞:網(wǎng)頁制作;教學(xué)改革;能力培養(yǎng);項(xiàng)目教學(xué)

1教學(xué)改革思想

高等職業(yè)教育作為高等教育發(fā)展中的一個(gè)類型,肩負(fù)著為國家培養(yǎng)面向生產(chǎn)、建設(shè)、服務(wù)和管理第一線需要的高技能人才的使命。如何提高教學(xué)質(zhì)量,從而提高學(xué)生的專業(yè)技能,以適應(yīng)新時(shí)代企業(yè)對高職人才的要求,這是每個(gè)高職高專院校擺在首位的問題。傳統(tǒng)大學(xué)課程教學(xué)以學(xué)科為導(dǎo)向、以知識為目標(biāo)、以教師為主體、以應(yīng)試為基礎(chǔ)、以邏輯為載體,但職業(yè)教育必須以職業(yè)活動(dòng)為導(dǎo)向、以能力為目標(biāo)、以學(xué)生為主體、以素質(zhì)為基礎(chǔ)、以項(xiàng)目為載體,開展的課程必須做到教、學(xué)、做一體化,切實(shí)提高教學(xué)質(zhì)量[1]。本文對基于工作過程的網(wǎng)頁制作技術(shù)課程改革進(jìn)行了探討。網(wǎng)頁制作技術(shù)是一門實(shí)際操作、技能要求都較明顯的課程,學(xué)生的學(xué)習(xí)興趣也較高。怎么把學(xué)生的興趣培養(yǎng)成網(wǎng)頁設(shè)計(jì)師需要的專業(yè)技能,使學(xué)生上崗后的能力能適應(yīng)工作崗位的要求,這是教學(xué)的總體目標(biāo)及教師工作切入點(diǎn)[2]。

2課程改革實(shí)踐

2.1職業(yè)崗位群定位

面向工作過程的職業(yè)崗位群分析,如圖1所示。本課程面向崗位群是網(wǎng)頁設(shè)計(jì)師:具備規(guī)劃、設(shè)計(jì)、制作網(wǎng)站的能力;網(wǎng)站維護(hù)管理人員:具備網(wǎng)站維護(hù)與更新的能力。

2.2面向工作過程的能力分析

1) 網(wǎng)頁設(shè)計(jì)師所需要的專業(yè)能力,如圖2所示。

(1) 網(wǎng)站規(guī)劃能力:能夠準(zhǔn)確分析、理解項(xiàng)目要求;對項(xiàng)目進(jìn)行合理規(guī)劃、評價(jià);并撰寫網(wǎng)站建設(shè)方案[3]。

(2) 素材收集能力:能夠通過有效渠道獲取資源,并對資源進(jìn)行處理,成為需要的素材;熟悉使用并積累網(wǎng)頁設(shè)計(jì)師常用的網(wǎng)頁設(shè)計(jì)第三方工具。

(3) 網(wǎng)頁設(shè)計(jì)與實(shí)現(xiàn)能力:教學(xué)重點(diǎn),解決問題能力重點(diǎn)體現(xiàn)。需要熟悉主要工具工作環(huán)境,能應(yīng)用編程語言實(shí)現(xiàn)設(shè)計(jì)方案,熟悉網(wǎng)頁布局和設(shè)計(jì),熟悉網(wǎng)頁元素使用。

(4) 網(wǎng)站維護(hù)和更新處理能力:能按照專業(yè)規(guī)范操作,作品規(guī)范可維護(hù)。

2) 網(wǎng)頁設(shè)計(jì)師所需要的職業(yè)核心能力,如圖3所示。

(1) 與人溝通能力。

網(wǎng)頁設(shè)計(jì)項(xiàng)目屬于技術(shù)服務(wù)性項(xiàng)目,能否和客戶順暢溝通,準(zhǔn)確把握客戶需求,至關(guān)重要。大學(xué)生在校期間需要培養(yǎng)與人溝通能力,暢通的溝通渠道既有利于形成良好的教學(xué)效果,也是學(xué)生鍛煉自己溝通能力的重要途徑。課程在計(jì)算機(jī)公共機(jī)房開設(shè),存在三方關(guān)系,學(xué)生與學(xué)生,學(xué)生與教師,學(xué)生與機(jī)房管理人員,鼓勵(lì)學(xué)生積極地互動(dòng)、溝通,及時(shí)解決問題,著力培養(yǎng)學(xué)生的溝通能力。

(2) 團(tuán)隊(duì)合作能力。

網(wǎng)頁設(shè)計(jì)項(xiàng)目屬于團(tuán)隊(duì)合作性質(zhì),需要各方良好的溝通及團(tuán)隊(duì)合作精神。課程通過學(xué)生組隊(duì)合作開發(fā)項(xiàng)目,培養(yǎng)學(xué)生與他人合作的精神,培養(yǎng)學(xué)生的團(tuán)隊(duì)合作榮譽(yù)感。

(3) 信息處理能力。

網(wǎng)頁設(shè)計(jì)是一個(gè)有活力的領(lǐng)域,新穎性強(qiáng),需要有強(qiáng)大的信息處理能力。通過有效渠道獲得所需要的信息,并對信息進(jìn)行處理,這是解決問題的前提。通過收集課程項(xiàng)目所需要的信息,網(wǎng)頁設(shè)計(jì)課程逐漸引領(lǐng)學(xué)生熟悉網(wǎng)頁設(shè)計(jì)常用的方法和工具,使學(xué)生能夠高效地獲得有用的信息資源。

(4) 解決問題能力。

使用所掌握的技術(shù),并結(jié)合獲得的信息,解決客戶的問題,這是網(wǎng)頁設(shè)計(jì)師職業(yè)能力的重點(diǎn)。需要有良好的溝通能力和團(tuán)隊(duì)精神作為基本素質(zhì),能夠獲取并處理信息,具備扎實(shí)的專業(yè)技能,滿足客戶的需求,了解客戶消費(fèi)心理學(xué),設(shè)計(jì)出合理有效的解決方案,并加以實(shí)施,這是能力培養(yǎng)的核心所在。

(5) 自學(xué)能力。

自學(xué)能力是一種再生資源,是網(wǎng)頁設(shè)計(jì)師職業(yè)生涯中最寶貴的財(cái)富。作為高職學(xué)生,在學(xué)習(xí)過程中,能掌握學(xué)習(xí)方法,養(yǎng)成良好的學(xué)習(xí)規(guī)律和熟悉學(xué)習(xí)渠道,能利用獲得有用的信息解決問題,那么畢業(yè)后,就能從容面對職業(yè)中所遇到的問題。面對問題,要充滿好奇、好學(xué),能主動(dòng)求知,這是課程需要引導(dǎo)學(xué)生的。適當(dāng)鼓勵(lì)和引導(dǎo),培養(yǎng)學(xué)生自我解決問題的能力,這個(gè)過程就是自學(xué)能力的培養(yǎng)。

(6) 創(chuàng)新能力。

創(chuàng)新是科技發(fā)展的靈魂。作為一個(gè)新穎性的職業(yè),網(wǎng)頁設(shè)計(jì)師同樣需要具有創(chuàng)新精神。了解創(chuàng)新,關(guān)注創(chuàng)新,嘗試創(chuàng)新!引導(dǎo)學(xué)生做有用的創(chuàng)新,培養(yǎng)學(xué)生的創(chuàng)新意識,關(guān)注國內(nèi)行業(yè)內(nèi)的創(chuàng)新新聞,如李開復(fù)先生所創(chuàng)立的創(chuàng)新夢工廠等。培養(yǎng)創(chuàng)新精神,這是網(wǎng)頁設(shè)計(jì)師未來職業(yè)發(fā)展的重要條件。

2.3面向工作過程的教學(xué)總體目標(biāo)

總體能力目標(biāo):規(guī)劃、設(shè)計(jì)和制作B2C網(wǎng)趣電子商務(wù)網(wǎng)站。能夠規(guī)劃、設(shè)計(jì)和制作門戶網(wǎng)站或電子商務(wù)等網(wǎng)站;能夠?qū)W(wǎng)站項(xiàng)目理解、分析、規(guī)劃、評價(jià);能夠按照專業(yè)規(guī)范進(jìn)行操作,作品規(guī)范可維護(hù);熟悉網(wǎng)頁制作和網(wǎng)站建設(shè)工作環(huán)境及主要工具;具備文本、圖片、動(dòng)畫素材處理能力;熟悉使用并積累網(wǎng)頁設(shè)計(jì)師開發(fā)常用第三方工具;具備網(wǎng)站維護(hù)和更新處理能力。教學(xué)以B2C網(wǎng)趣電子商務(wù)網(wǎng)站項(xiàng)目作為主要能力訓(xùn)練載體,以“先授人以魚再授人以漁”為教學(xué)方法,以鼓勵(lì)學(xué)生參加網(wǎng)頁設(shè)計(jì)大賽為促進(jìn)方法,全面開展教學(xué)工作,培養(yǎng)學(xué)生敏銳觀察能力、清晰邏輯思維、良好團(tuán)隊(duì)合作精神,使其具備自我學(xué)習(xí)能力和持續(xù)發(fā)展?jié)摿Α?/p>

2.4面向工作過程的教學(xué)內(nèi)容設(shè)置

網(wǎng)頁制作技術(shù)課程面向工作過程的教學(xué)內(nèi)容設(shè)置,如表1所示。

2.5面向工作過程的能力訓(xùn)練項(xiàng)目及認(rèn)知設(shè)計(jì)

項(xiàng)目教學(xué)的關(guān)鍵在于項(xiàng)目的選取。一個(gè)項(xiàng)目的選取好壞直接影響到項(xiàng)目教學(xué)法實(shí)施后是否能取得較好的結(jié)果。好的項(xiàng)目不但鍛煉了學(xué)生的學(xué)習(xí)和動(dòng)手能力,還可以激發(fā)學(xué)生的學(xué)習(xí)興趣,讓學(xué)生在完成任務(wù)之后能獲得成就感[4]。因此,要選擇切實(shí)可行并且學(xué)生感興趣的項(xiàng)目。

本課程以實(shí)際項(xiàng)目――B2C網(wǎng)趣電子商務(wù)網(wǎng)站作為驅(qū)動(dòng),項(xiàng)目貫穿整個(gè)學(xué)期教學(xué)工作,每次課程完成其中部分小項(xiàng)目,最后整合成一個(gè)大項(xiàng)目;并以學(xué)生參加網(wǎng)頁設(shè)計(jì)大賽為促進(jìn),使學(xué)生系統(tǒng)、完整掌握網(wǎng)頁制作技術(shù)。教學(xué)開展思路為:初級階段以逆向開發(fā)分析、模仿為主,學(xué)生具備一定基礎(chǔ)后走向正向開發(fā)過程。授課以基礎(chǔ)能力訓(xùn)練為主,將制作網(wǎng)趣商城電子商務(wù)網(wǎng)站項(xiàng)目所需要能力進(jìn)行分析,詳細(xì)設(shè)置能力訓(xùn)練項(xiàng)目,讓學(xué)生跟隨教師模仿完成,及時(shí)考核,完成該部分內(nèi)容,考核為及格或中等。提高篇:對學(xué)生進(jìn)行創(chuàng)作引導(dǎo),拋磚引玉,培養(yǎng)學(xué)生成就感、信心,鼓勵(lì)學(xué)生創(chuàng)新,積極參與網(wǎng)頁設(shè)計(jì)大賽,進(jìn)行正向開發(fā)。輔導(dǎo)學(xué)生參與比賽,給予項(xiàng)目實(shí)際支持。至此,學(xué)生可以參與學(xué)院精品課程網(wǎng)站建設(shè),并以此作為課程后續(xù)學(xué)習(xí)。

認(rèn)知過程設(shè)計(jì)[5]:

1) 課程基于真實(shí)產(chǎn)品的任務(wù)驅(qū)動(dòng)型教學(xué)方式,符合職業(yè)技能的形成規(guī)律。

2) 課程結(jié)構(gòu)“模塊化”、課程實(shí)踐“項(xiàng)目化”、課程資源“系列化”、技能訓(xùn)練“層次化”,符合信息技術(shù)時(shí)代“生物學(xué)習(xí)模式”認(rèn)知規(guī)律。

3) 構(gòu)建了以“網(wǎng)站開發(fā)工作過程”為導(dǎo)向的“模塊式”課程結(jié)構(gòu),課程分為9個(gè)教學(xué)模塊、16個(gè)教學(xué)單元。課程模塊根據(jù)崗位需求變化、教學(xué)實(shí)際情況靈活組合、動(dòng)態(tài)調(diào)整。課程內(nèi)容根據(jù)網(wǎng)頁制作技術(shù)發(fā)展持續(xù)更新。

2.6面向工作過程的教學(xué)實(shí)施

課程教學(xué)改革實(shí)施具體方式:根據(jù)能力培養(yǎng)要求,結(jié)合認(rèn)知規(guī)律,充分利用多種溝通工具,形成特色教學(xué)過程。教學(xué)開展分三步走,分別為課前、課中、課后,如圖4所示。

教學(xué)方法――學(xué)中做,做中學(xué)。

模式一:初級階段,逆向開發(fā),如圖5所示。

模式二:中級階段,逆向開發(fā)。如圖6所示。

模式三:高級階段,正向開發(fā)。如圖7所示。

2.7面向工作過程的教學(xué)考核方式探討

考核方式是課程的指揮棒,應(yīng)注重過程考核。

1) 基本思路。

本課程實(shí)操性強(qiáng),學(xué)習(xí)效果即時(shí)可測?？己擞善綍r(shí)成績、課程設(shè)計(jì)、最終報(bào)告,具體比例如下。

(1) 平時(shí)成績40%:包括考勤(10%)、課堂表現(xiàn)(10%)、實(shí)踐報(bào)告(10%)、每階段上交作品質(zhì)量(10%)。

(2) 課程設(shè)計(jì)占60%:包括課程中制作的頁面(30%)、后期完善及豐富的頁面或自主項(xiàng)目(20%)、最終報(bào)告(10%)。

2) 課程設(shè)計(jì)的評分標(biāo)準(zhǔn)(共100分)。

課程設(shè)計(jì)貫穿整個(gè)學(xué)期,每次課完成部分頁面,最終完成一個(gè)網(wǎng)站,如表2所示。

3) 最終報(bào)告的評分標(biāo)準(zhǔn)(共100分),如表3所示。

3課程改革效果

 課程出勤率較高,課堂上學(xué)生自覺專注于項(xiàng)目訓(xùn)練,討論熱烈,學(xué)習(xí)精神狀態(tài)飽滿,興趣較高,氛圍濃郁。

 課程項(xiàng)目完成效果良好,學(xué)生有一定成就感。

 課程按行業(yè)規(guī)范操作,培養(yǎng)學(xué)生良好操作習(xí)慣。

 通過佛山電子協(xié)會友情鏈接,部分學(xué)生已在關(guān)注佛山地區(qū)電子產(chǎn)品公司網(wǎng)站平臺。

 得到學(xué)生和同行專家肯定,學(xué)生評價(jià)教學(xué)優(yōu)秀,并獲得學(xué)院年度教學(xué)質(zhì)量優(yōu)秀獎(jiǎng)。

 學(xué)生參加學(xué)院網(wǎng)頁設(shè)計(jì)大賽興趣濃郁,并有11位同學(xué)獲獎(jiǎng),產(chǎn)生一批優(yōu)秀作品。

4結(jié)語

我院實(shí)施的課程改革面向以職業(yè)活動(dòng)為導(dǎo)向,面向工作過程,經(jīng)調(diào)查確定職業(yè)崗位群,分析該崗位工作過程中所需要的專業(yè)能力和職業(yè)核心能力,確定課程整體目標(biāo),具體分解能力目標(biāo)。以項(xiàng)目為驅(qū)動(dòng),合理設(shè)計(jì)課程內(nèi)容;設(shè)置能力訓(xùn)練項(xiàng)目表,進(jìn)行認(rèn)知過程探討,符合生物認(rèn)知模型。教學(xué)開展思路為逆向開發(fā)分析、模仿、正向開發(fā)過程,靈活采用3種教學(xué)模式。重視考核方案設(shè)計(jì),強(qiáng)調(diào)過程考核。實(shí)踐證明課程改革效果良好。

參考文獻(xiàn):

[1] 戴士弘. 職業(yè)教育課程教學(xué)改革[M]. 北京:清華大學(xué)出版社,2007:8-15.

[2] 戴士弘. 高職教改課程教學(xué)設(shè)計(jì)案例集[M]. 北京:清華大學(xué)出版社,2007:57-65.

[3] 楊曉明. “網(wǎng)頁制作”課程教學(xué)改革的探索與研究[J]. 甘肅聯(lián)合大學(xué)學(xué)報(bào),2008(22):1012-1013.

[4] 于曉霞. 基于“工作過程”面向“職業(yè)崗位定位”的教學(xué)模式在網(wǎng)頁設(shè)計(jì)課程中的應(yīng)用[J]. 科技信息,2009(6):212-213.

[5] 史瑞芳. 網(wǎng)頁設(shè)計(jì)與制作課程中項(xiàng)目教學(xué)法的引用[J]. 山西經(jīng)濟(jì)管理干部學(xué)院學(xué)報(bào),2008(4):115-117.

參考文獻(xiàn):

[1] 鐘柏昌. 任務(wù)驅(qū)動(dòng)教學(xué)的反思與重塑[D]. 南京師范大學(xué),2004:13-15.

[2] 郭紹青. 任務(wù)驅(qū)動(dòng)教學(xué)法的內(nèi)涵[J]. 中國電化教育,2006,234(7):57-59.

[3] 吳?；?王連山. 計(jì)算機(jī)軟件項(xiàng)目教學(xué)改革的實(shí)踐與探索―基于“任務(wù)驅(qū)動(dòng)”的小組協(xié)作教學(xué)模式[J],考試周刊,2009,23:11-12.

[4] 李振娥,劉旭源. 基于任務(wù)的小組協(xié)作學(xué)習(xí)教學(xué)結(jié)構(gòu)構(gòu)成要素及關(guān)系[J]. 中國教育技術(shù)裝備,2009,30(11):74-75.

Research on Java Teaching Pattern Based on Task Driven and Group Collaboration

LIU Wen-jie, WU Ting-ting, ZHENG Yu

(School of Computer and Software, Nanjing University of Information Science & Technology, Nanjing 210044, China)

第4篇：網(wǎng)頁設(shè)計(jì)報(bào)告范文

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；課程設(shè)計(jì)；教學(xué)方法

中圖分類號：G4 文獻(xiàn)標(biāo)識碼：A 文章編號：16723198（2012）16014701

網(wǎng)頁設(shè)計(jì)是高職計(jì)算機(jī)應(yīng)用專業(yè)一門操作性極強(qiáng)的必修專業(yè)課程，具有很強(qiáng)的崗位針對性，而現(xiàn)今傳統(tǒng)的計(jì)算機(jī)應(yīng)用專業(yè)畢業(yè)生的社會需求趨于飽和，單項(xiàng)專業(yè)性精通的人才卻明顯短缺?，F(xiàn)今，各個(gè)高等院校紛紛開設(shè)了網(wǎng)頁設(shè)計(jì)的課程，培養(yǎng)網(wǎng)頁設(shè)計(jì)的專門人員，網(wǎng)頁設(shè)計(jì)課程的教學(xué)顯得尤為重要。為此，為了提高網(wǎng)頁設(shè)計(jì)課程的教學(xué)質(zhì)量，筆者從課程設(shè)置特點(diǎn)、課程設(shè)計(jì)、教學(xué)內(nèi)容、教學(xué)方法、實(shí)驗(yàn)環(huán)節(jié)等多方面對本課程進(jìn)行了積極的探索，并總結(jié)如下。

1 明確課程地位，彰顯課程的特點(diǎn)

高職院校計(jì)算機(jī)應(yīng)用專業(yè)開設(shè)的網(wǎng)頁設(shè)計(jì)課程不是僅作為一門孤立課程存在的，它是要靠多門學(xué)科的知識給予支撐，并且它們之間相互滲透和依賴，而構(gòu)成的一個(gè)科學(xué)的、完整的課程體系。網(wǎng)頁設(shè)計(jì)課程的主要目的，是通過對本課程的學(xué)習(xí)，培養(yǎng)學(xué)生對該軟件的實(shí)際動(dòng)手使用和綜合應(yīng)用能力，使學(xué)生能夠運(yùn)用所學(xué)的知識進(jìn)行網(wǎng)頁設(shè)計(jì)，制作出專業(yè)的、精美的網(wǎng)頁頁面和網(wǎng)站站點(diǎn)，包括站點(diǎn)構(gòu)建、頁面設(shè)計(jì)、數(shù)據(jù)庫和網(wǎng)站后期維護(hù)和管理等。其中還重點(diǎn)體現(xiàn)在它的教學(xué)內(nèi)容實(shí)踐性較強(qiáng)，能極大的激發(fā)學(xué)生的參與性，鍛煉學(xué)生動(dòng)手能力，培養(yǎng)學(xué)生的專業(yè)興趣。教師在教學(xué)中也一定要注意理論與實(shí)踐相結(jié)合，實(shí)踐操作內(nèi)容是教學(xué)的基礎(chǔ)，應(yīng)該給予學(xué)生充足的動(dòng)手實(shí)踐機(jī)會，使學(xué)生在學(xué)中練、練中學(xué)。

2 了解社會需求，調(diào)整課程設(shè)計(jì)

在信息迅速膨脹、網(wǎng)絡(luò)飛速發(fā)展的今天，國際互聯(lián)網(wǎng)也正以其驚人的速度空前發(fā)展，我國互聯(lián)網(wǎng)的用戶正在持續(xù)遞增，該行業(yè)的人才缺口相當(dāng)驚人，預(yù)計(jì)我國在未來10年大約需要200萬名企業(yè)商務(wù)網(wǎng)站設(shè)計(jì)專業(yè)人才。因此，針對社會市場崗位需求，課程設(shè)計(jì)也應(yīng)緊跟市場步伐，在課程設(shè)計(jì)中，應(yīng)突出對企業(yè)網(wǎng)站和電子商務(wù)網(wǎng)站建設(shè)方面技術(shù)的掌握，如訪問計(jì)數(shù)器、意見反饋單或各類商務(wù)單證、動(dòng)畫及廣告模式、商貿(mào)業(yè)務(wù)及相關(guān)熱門話題論壇、導(dǎo)航器及搜索引擎、菜單以及數(shù)據(jù)庫等。為此在對傳統(tǒng)網(wǎng)頁知識技術(shù)掌握的同時(shí)，還必須有其他相關(guān)知識點(diǎn)的穿插，在動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)和數(shù)據(jù)庫方面有待加強(qiáng)，這樣才能更符合社會市場的人才需求和對課程設(shè)計(jì)更具針對性。

3 及時(shí)更新知識，重組教學(xué)內(nèi)容

當(dāng)前計(jì)算機(jī)科學(xué)技術(shù)的日新月異，網(wǎng)頁設(shè)計(jì)技術(shù)不斷的更新，網(wǎng)頁設(shè)計(jì)軟件也層出不窮，學(xué)生對新知識的渴望也十分迫切，這就要求教師本身也要不斷的加強(qiáng)學(xué)習(xí)和專業(yè)技能培訓(xùn)，更新和強(qiáng)化新知識新技術(shù)，同時(shí)根據(jù)專業(yè)培養(yǎng)的目標(biāo)及企業(yè)的崗位需求重組符合實(shí)際的教學(xué)內(nèi)容。目前，網(wǎng)頁設(shè)計(jì)課程教學(xué)內(nèi)容是以Dreamweaver作為主要工具，其中以靜態(tài)網(wǎng)頁設(shè)計(jì)作為學(xué)習(xí)的重點(diǎn)，主要培養(yǎng)設(shè)計(jì)人才，但在培養(yǎng)方面，也需要配以Flash、Photoshop等軟件的介紹，使學(xué)生在熟練掌握靜態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)的基礎(chǔ)上，還應(yīng)掌握HTML語言、JAVASCRIPT腳本語言、VBSCRIPT腳本語言、ASP、數(shù)據(jù)庫等相關(guān)內(nèi)容，為學(xué)生今后更進(jìn)一步的學(xué)習(xí)打下堅(jiān)實(shí)的基礎(chǔ)。

4 注重因材施教，改革教學(xué)方法

早在孔孟時(shí)代就提出了“因材施教”和“授之以漁”的教育理念，學(xué)生在學(xué)習(xí)過程中，由于學(xué)生智能及動(dòng)手能力各有差異的，因此，在網(wǎng)頁設(shè)計(jì)教學(xué)過程中，教師更應(yīng)該注重因材施教，教師可對本班學(xué)生情況進(jìn)行分類，根據(jù)學(xué)生實(shí)際水平的差異，對不同水平的學(xué)生給予不同的要求，設(shè)計(jì)基本要求和提高要求兩類題型，對能力較強(qiáng)的同學(xué)要求完成相應(yīng)提高部分的題目。為此，不同的學(xué)生、不同的要求，對教學(xué)方法提出了更高的要求，傳統(tǒng)的教學(xué)方法肯定不能適應(yīng)學(xué)生的需求，改革教學(xué)方法就顯得極為關(guān)鍵，網(wǎng)頁設(shè)計(jì)實(shí)際操作性很強(qiáng)，相比那些理論性的課程，學(xué)生更容易產(chǎn)生興趣，教師應(yīng)利用這個(gè)特點(diǎn)，注重培養(yǎng)學(xué)生的動(dòng)手能力，讓學(xué)生在實(shí)際操作的過程中發(fā)現(xiàn)問題并解決問題。同時(shí)，在教學(xué)過程中，教學(xué)方法還應(yīng)不斷摸索和創(chuàng)新，采用多種教學(xué)方法并重的方式，除常規(guī)的教學(xué)方法外，還可以采用案例教學(xué)法，任務(wù)驅(qū)動(dòng)教學(xué)法，講練結(jié)合等教學(xué)方法，整個(gè)教學(xué)過程主要以展示案例、分析案例、講解知識點(diǎn)、教師演示和學(xué)生操練，最后再進(jìn)行綜合案例的應(yīng)用，這樣既讓學(xué)生對案例有了實(shí)質(zhì)性的接觸和學(xué)習(xí)，又能充分的去完成對知識的自我構(gòu)建和強(qiáng)化實(shí)訓(xùn)。

5 加強(qiáng)實(shí)訓(xùn)環(huán)節(jié)，變革考核方式

網(wǎng)頁設(shè)計(jì)是一門操作性和實(shí)用性很強(qiáng)的實(shí)訓(xùn)課程，實(shí)訓(xùn)至關(guān)重要，要提高學(xué)生實(shí)踐動(dòng)手能力，必須加強(qiáng)實(shí)訓(xùn)環(huán)節(jié)。在教學(xué)過程中的教學(xué)任務(wù)都應(yīng)緊密圍繞教學(xué)內(nèi)容進(jìn)行來設(shè)計(jì)實(shí)訓(xùn)，每次課都經(jīng)過精心設(shè)計(jì)做成實(shí)訓(xùn)單元，每2節(jié)課為一個(gè)實(shí)訓(xùn)環(huán)節(jié)，并詳細(xì)描述實(shí)訓(xùn)要求、實(shí)訓(xùn)目標(biāo)、實(shí)訓(xùn)內(nèi)容及步驟等。學(xué)生實(shí)訓(xùn)時(shí)將具體網(wǎng)站案例進(jìn)行模塊化分工，全班進(jìn)行分小組完成各自實(shí)訓(xùn)模塊，并且實(shí)訓(xùn)完成后要求寫出完整的實(shí)訓(xùn)報(bào)告。同時(shí)，在對學(xué)生的考核方面，傳統(tǒng)的考試模式主要是以理論考試為主，而這種考試模式對該課程很不適應(yīng)，因此筆者將課程的考核分為三個(gè)部分：平時(shí)成績（20%）+理論成績（20%）+實(shí)訓(xùn)成績（60%），其中平時(shí)成績按每堂課的作業(yè)完成情況和學(xué)生考勤進(jìn)行打分；理論考試注重學(xué)生對網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識、基本理論的掌握，采用選擇題判斷題等客觀題的方式進(jìn)行，為學(xué)生進(jìn)一步的學(xué)習(xí)夯實(shí)基礎(chǔ)；實(shí)訓(xùn)考試則考查學(xué)生實(shí)際動(dòng)手能力，以便學(xué)生學(xué)完本課程后能有一技之長，真正做到學(xué)以致用。

參考文獻(xiàn)

第5篇：網(wǎng)頁設(shè)計(jì)報(bào)告范文

【關(guān)鍵詞】：數(shù)據(jù)庫的連接；動(dòng)態(tài)數(shù)據(jù)綁定；動(dòng)態(tài)交互式網(wǎng)頁

隨著科技的快速發(fā)展，互聯(lián)網(wǎng)的發(fā)展也越來越多樣性，互聯(lián)網(wǎng)技術(shù)的大量使用和推廣，使得WEB網(wǎng)頁技術(shù)變得越來越成熟?，F(xiàn)在，訪問者對于單純的靜態(tài)網(wǎng)頁早已經(jīng)厭倦，即便是設(shè)計(jì)精美的靜態(tài)頁面也已司空見慣，對于網(wǎng)站中所釋放的大量的信息，訪問者更加傾向于具有一定交互功能的動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)。所以，現(xiàn)實(shí)中的互聯(lián)網(wǎng)網(wǎng)頁技術(shù)的發(fā)展方向主要集中在互動(dòng)式的動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)。交互式的動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)的特點(diǎn)主要集中在人機(jī)的互動(dòng)性和動(dòng)態(tài)性，交互性可提高人機(jī)交互的靈活性，動(dòng)態(tài)性可實(shí)現(xiàn)信息的趣味性和可讀性。

一、動(dòng)態(tài)交互網(wǎng)頁的基本概念

相比于傳統(tǒng)的靜態(tài)網(wǎng)頁，交互式的動(dòng)態(tài)網(wǎng)頁有著數(shù)據(jù)傳輸靈活，可進(jìn)行人機(jī)交互的特點(diǎn)。傳統(tǒng)的靜態(tài)網(wǎng)頁常常是指網(wǎng)頁的腳本語句，并不會出現(xiàn)在服務(wù)器上進(jìn)行有效的運(yùn)行。當(dāng)訪問該網(wǎng)頁的訪問者進(jìn)行訪問時(shí)，服務(wù)器并不會對該網(wǎng)頁進(jìn)行改動(dòng)，而是直接將該網(wǎng)頁的全部數(shù)據(jù)進(jìn)行有效的傳輸，傳輸?shù)皆L問者的瀏覽器上。簡而言之就是，在網(wǎng)頁的設(shè)計(jì)者在網(wǎng)頁的程序設(shè)計(jì)時(shí)，就已經(jīng)把所有的東西都固定了下來，靜態(tài)網(wǎng)頁一旦制作完成，就不會再改變了，而動(dòng)態(tài)的交互式網(wǎng)頁則完全不同。

交互式的動(dòng)態(tài)網(wǎng)頁相比靜態(tài)網(wǎng)頁，它所擁有的最大區(qū)別就是對于動(dòng)態(tài)性和交互性的改變，動(dòng)態(tài)性是網(wǎng)頁會根據(jù)用戶的不同要求，進(jìn)而選擇相應(yīng)的動(dòng)態(tài)響應(yīng)來進(jìn)行人機(jī)交互。也就是說，動(dòng)態(tài)網(wǎng)頁并不是單純的HTML文檔，而是具有了一定的動(dòng)態(tài)性能，可以進(jìn)行一定的連接使用，連接后臺的數(shù)據(jù)庫等等。這樣就可以使本來的網(wǎng)頁含有更多的信息量，甚至是按照用戶的要求在已有的處理器上進(jìn)行一定的信息處理，對后臺的大量資源進(jìn)行有效的處理。

在當(dāng)今信息時(shí)代的大背景下，各種程序語言的出現(xiàn)，大量的資源得到較高效的使用。每一個(gè)網(wǎng)頁的設(shè)計(jì)也不再局限于簡單的靜態(tài)性，越來越多的動(dòng)態(tài)性網(wǎng)頁充斥著人們的眼球，大量的動(dòng)態(tài)效果既可以抓住人們的眼球，也可以增加趣味性，進(jìn)而實(shí)現(xiàn)人機(jī)的交互，交互式的動(dòng)態(tài)網(wǎng)頁也正是在這樣的背景之下，才被逐漸的發(fā)展而來的。

二、動(dòng)態(tài)交互式網(wǎng)頁的分類

交互式的動(dòng)態(tài)網(wǎng)頁作為靜態(tài)網(wǎng)頁的升級版，它的分類較之靜態(tài)網(wǎng)頁也更加的嚴(yán)謹(jǐn)、細(xì)致，對于交互式的動(dòng)態(tài)網(wǎng)頁的分類，在經(jīng)過一定的總結(jié)匯總之后，現(xiàn)進(jìn)行以下的分類：

（一）信息可以向上層進(jìn)行反饋的頁面

信息可以向上層進(jìn)行反饋的頁面，指的是能對用戶的信息和反饋意見進(jìn)行分析和收集的頁面。在一定的條件下，還能夠?qū)τ脩羲峤坏牟糠中畔⑦M(jìn)行一定有效的統(tǒng)計(jì)和分析。此類最常見的動(dòng)態(tài)交互式的網(wǎng)頁大多使用在購物、注冊系統(tǒng)、考試系統(tǒng)等的網(wǎng)頁制作中。

（二）信息可以向下層進(jìn)行反饋的頁面

信息可以向下層進(jìn)行反饋的頁面，指的是能對有關(guān)數(shù)據(jù)進(jìn)行搜索的功能，主要是指在網(wǎng)站后臺的數(shù)據(jù)庫中進(jìn)行一定的搜索和檢查，在獲取到想要的信息之后，能夠在用戶的頁面進(jìn)行顯示，能夠?qū)τ脩舻男枨筮M(jìn)行反饋。此類交互式的動(dòng)態(tài)網(wǎng)頁主要使用在頁面查詢、管理者留言，以及遠(yuǎn)程的教學(xué)功用等的頁面。

（三）對信息進(jìn)行管理的頁面

對信息進(jìn)行一定管理，是指管理者能夠通過網(wǎng)頁進(jìn)行一地你給的數(shù)據(jù)管理，主要功用是指管理者能夠在后臺的數(shù)據(jù)庫記錄中進(jìn)行一定的編輯、刪除、總結(jié)和整理等功能。此類的交互式動(dòng)態(tài)網(wǎng)頁主要是使用在管理者的后臺操作中，這對于管理者的人機(jī)交互有著更加有效的使用效率。

三、動(dòng)態(tài)交互式網(wǎng)頁的制作步驟

（一）建立數(shù)據(jù)庫、創(chuàng)建ODBC數(shù)據(jù)源

交互式的動(dòng)態(tài)網(wǎng)頁最重要的一部分就是對于后臺程序的設(shè)計(jì)，而數(shù)據(jù)庫對于后臺程序而言，則是用來存放大量數(shù)據(jù)和程序的重要場所。在設(shè)計(jì)交互式的動(dòng)態(tài)網(wǎng)頁時(shí)，數(shù)據(jù)庫的重要性就變得越來越重要。ODBC數(shù)據(jù)源是一套能夠讀取各種不同數(shù)據(jù)庫的完整解決方案，它可以將全部的底層操作隱藏在內(nèi)核中。

（二）制作靜態(tài)頁面

一般而言，交互式動(dòng)態(tài)網(wǎng)頁的設(shè)計(jì)都是從靜態(tài)網(wǎng)頁開始，所以靜態(tài)網(wǎng)頁的設(shè)計(jì)也是動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)的基礎(chǔ)。靜態(tài)網(wǎng)頁的設(shè)計(jì)需要將所需要的基本網(wǎng)頁信息全部放置到網(wǎng)頁上，然后再將靜態(tài)網(wǎng)頁中的部分對象進(jìn)行與數(shù)據(jù)庫的連接。

（三）創(chuàng)建數(shù)據(jù)庫的連接

數(shù)據(jù)庫的連接主要是指對于后臺數(shù)據(jù)庫內(nèi)部的基本設(shè)置進(jìn)行一定的參數(shù)設(shè)置，如果部隊(duì)內(nèi)部數(shù)據(jù)庫的一些主要參數(shù)進(jìn)行基本的設(shè)置，那么在最基本的WEB應(yīng)用程序中就不會和數(shù)據(jù)庫進(jìn)行最基本的鏈接和調(diào)用，基本的創(chuàng)建方法可以在其他資料內(nèi)查到。

（四）定義記錄集

由于交互式的動(dòng)態(tài)網(wǎng)頁需要從后臺的數(shù)據(jù)庫中進(jìn)行一定的數(shù)據(jù)調(diào)用和查找，所以需要定義記錄集。記錄集的主要作用是將數(shù)據(jù)庫返回的數(shù)據(jù)組成進(jìn)行臨時(shí)的儲存，以便在以后的應(yīng)用程序中可以進(jìn)行快速的調(diào)用。

四、總結(jié)

交互式的動(dòng)態(tài)網(wǎng)頁的大量使用和發(fā)展，使得交互式的動(dòng)態(tài)網(wǎng)頁技術(shù)得到了很大的發(fā)展，相比于靜態(tài)網(wǎng)頁，交互式的動(dòng)態(tài)網(wǎng)頁有著巨大的優(yōu)勢，它在人機(jī)互動(dòng)方面有著更加明顯且清晰的效果，而且在網(wǎng)頁的動(dòng)態(tài)性上也有著明顯的優(yōu)勢，這對于網(wǎng)頁的識別效果、人機(jī)交互的效果都有著重要的幫助。

參考文獻(xiàn)

[1] 成蹊，IDC-新型信息服務(wù)基礎(chǔ)設(shè)施，世界電信-2001年3期.

[2] 互聯(lián)網(wǎng)周刊.中國網(wǎng)絡(luò)經(jīng)濟(jì)發(fā)展月度報(bào)告：中國IDC市場分析報(bào)告互聯(lián)網(wǎng)周刊-2001年4期.

[3] 孫印杰，馬子彥，郭利周.新世紀(jì)網(wǎng)頁設(shè)計(jì)師培訓(xùn)教程[M].北京：電子工業(yè)出版社，2004.

第6篇：網(wǎng)頁設(shè)計(jì)報(bào)告范文

關(guān)鍵詞:高職院校;網(wǎng)頁設(shè)計(jì)與制作;教學(xué)改革;項(xiàng)目驅(qū)動(dòng)

中圖分類號:G642文獻(xiàn)標(biāo)識碼:A文章編號:1009-3044(2009)26-7562-02

Some Improvements about Homepage Design and Manufacture Course in Vocational Colleges

ZHOU Juan

(Hunan Vocational Institute of Safetyand Technology, Changsha 410151, China)

Abstract: Homepage Design and Manufacture is a highly practical course. According to the actual situation of vocational college students and the practical teaching experience I have, this article describes the teaching improvements from the aspects of the teaching objectives, teaching objects, teaching content and teaching methods and discusses how to cultivate the practical ability of students.

key words: vocational college; homepage design and manufacture; transformation in education; project-driven

《網(wǎng)頁設(shè)計(jì)與制作》課程是近幾年高職院校普遍開設(shè)的一門課程,它的實(shí)踐性非常強(qiáng),包含內(nèi)容非常豐富,隨時(shí)展不斷變化,且極具創(chuàng)造性,受到學(xué)生的歡迎。怎樣在有限的課堂教學(xué)中讓學(xué)生掌握網(wǎng)頁設(shè)計(jì)與制作的技巧,培養(yǎng)他們的實(shí)際動(dòng)手能力,是教師們一直關(guān)注的。筆者在實(shí)際教學(xué)中一直在積極探索,就此結(jié)合自己教學(xué)經(jīng)驗(yàn)談?wù)剮c(diǎn)體會。

1 確定教學(xué)目標(biāo)

1.1 確定《網(wǎng)頁設(shè)計(jì)與制作》課程在整個(gè)專業(yè)課程體系中的位置

該門課程在高職院校中屬于職業(yè)素質(zhì)拓展課程,以計(jì)算機(jī)應(yīng)用專業(yè)為例,本課程在該專業(yè)課程體系中位于一個(gè)非常重要的位置,如圖1。

《計(jì)算機(jī)應(yīng)用基礎(chǔ)》、《C語言程序設(shè)計(jì)》作為它的先導(dǎo)課程,為它提供了必要的知識準(zhǔn)備,比如熟悉設(shè)計(jì)平臺,了解文字基本操作等等,同時(shí)《網(wǎng)頁設(shè)計(jì)與制作》又為它的后續(xù)課程《動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)》、《javascript腳本語言》打下堅(jiān)實(shí)基礎(chǔ)。本課程的學(xué)習(xí)有助于學(xué)生學(xué)習(xí)本專業(yè)相關(guān)其它知識,提高學(xué)生的動(dòng)手能力,提高學(xué)生將來從事實(shí)際工作的綜合素質(zhì)。

1.2 課程教育任務(wù)

通過調(diào)研,分析該課程今后面向的職業(yè)崗位群。學(xué)生將來主要面向企業(yè)、公司、事業(yè)單位和政府機(jī)關(guān)從事管理互聯(lián)網(wǎng)信息,網(wǎng)頁制作、網(wǎng)站設(shè)計(jì)、建設(shè)和維護(hù)工作。根據(jù)從事這些崗位要具備的知識、能力和素質(zhì)及專業(yè)人才培養(yǎng)目標(biāo),定制了本課程的教育任務(wù)。通過本課程的學(xué)習(xí),逐漸提高學(xué)生的審美能力,培養(yǎng)學(xué)生的動(dòng)手能力、創(chuàng)新能力、一定的溝通技巧和團(tuán)隊(duì)合作技巧。通過學(xué)習(xí)本課程,學(xué)生具備:1)網(wǎng)站規(guī)劃、創(chuàng)建及測試的能力;2)美化網(wǎng)頁能力;3)考取相關(guān)行業(yè)證書的能力。

2 區(qū)分教學(xué)對象

網(wǎng)頁設(shè)計(jì)與制作這門課程在我院電子商務(wù)、計(jì)算機(jī)相關(guān)專業(yè)都有開設(shè)。本課程包含的知識面非常廣:網(wǎng)頁基礎(chǔ)知識、CSS樣式表、Dreamweaver、flash 、Fireworks及HTML語言、 Javascript語言等。該課程對學(xué)生的動(dòng)手能力要求也較高,要求學(xué)生學(xué)完本課程后能以團(tuán)隊(duì)協(xié)作的方式進(jìn)行小型網(wǎng)站的開發(fā)?？紤]到教學(xué)對象來自不同的專業(yè),在課程設(shè)計(jì)時(shí)應(yīng)根據(jù)不同專業(yè)的人才培養(yǎng)目標(biāo)、各專業(yè)的特點(diǎn)、學(xué)生知識結(jié)構(gòu)的差異,在教學(xué)內(nèi)容的選取上要有區(qū)別,真正做到因材施教。比如計(jì)算機(jī)專業(yè)學(xué)生邏輯思維能力較強(qiáng),有一定的編程基礎(chǔ),教學(xué)側(cè)重網(wǎng)站開發(fā),通過課程學(xué)習(xí)學(xué)生能熟練運(yùn)用CSS樣式表及HTML語言,且能利用Javascript編寫一些網(wǎng)頁特效。而文科類學(xué)生對顏色、布局及構(gòu)圖較敏感,有一定圖像處理基礎(chǔ),對他們則側(cè)重網(wǎng)頁設(shè)計(jì)方面,通過本課程的學(xué)習(xí)學(xué)生能夠設(shè)計(jì)較美觀的頁面,能利用動(dòng)畫軟件創(chuàng)造生動(dòng)、活潑的頁面。

3 選取教學(xué)內(nèi)容

教學(xué)內(nèi)容應(yīng)能適應(yīng)行業(yè)技術(shù)的發(fā)展,選取以專項(xiàng)職業(yè)能力為導(dǎo)向,突出“學(xué)以致用”。在教學(xué)時(shí)應(yīng) “理論夠用,重在實(shí)踐”,不可過多的強(qiáng)調(diào)理論或使用過時(shí)的版本,否則學(xué)生容易產(chǎn)生厭學(xué)的情緒。

將網(wǎng)頁設(shè)計(jì)和制作中必須的知識和技能分為兩類:必修和選修,教學(xué)內(nèi)容按模塊設(shè)計(jì),將知識和技能分為四大模塊:網(wǎng)頁設(shè)計(jì)基礎(chǔ)模塊、網(wǎng)頁設(shè)計(jì)技術(shù)模塊、網(wǎng)頁美工模塊、產(chǎn)品開發(fā)模塊,每個(gè)模塊都有相應(yīng)的知識目標(biāo)和能力目標(biāo),可以根據(jù)不同專業(yè)的學(xué)時(shí)及學(xué)生水平靈活選取教學(xué)內(nèi)容。

4 改進(jìn)教學(xué)方法

4.1 項(xiàng)目驅(qū)動(dòng)教學(xué)

傳統(tǒng)的案例教學(xué)法通過一些零散的案例讓學(xué)生了解和掌握網(wǎng)頁設(shè)計(jì)技術(shù),這樣的方式學(xué)生學(xué)習(xí)的比較被動(dòng),他們通常過于專注某個(gè)案例制作步驟或網(wǎng)頁制作工具的操作,而忽視完整的網(wǎng)站開發(fā)與制作。而如果采用項(xiàng)目驅(qū)動(dòng)的專題教學(xué)模式則能較好解決這些問題。

“項(xiàng)目驅(qū)動(dòng)”是在研究教學(xué)大綱、課程內(nèi)容、教學(xué)對象的基礎(chǔ)上,選擇難度適中,知識覆蓋較廣的項(xiàng)目。項(xiàng)目應(yīng)作為一條主線貫穿整個(gè)課程,相關(guān)的學(xué)習(xí)活動(dòng)都圍繞這根主線進(jìn)行。項(xiàng)目驅(qū)動(dòng)教學(xué)突出特點(diǎn)是目標(biāo)明確、操作性強(qiáng)、生動(dòng)直觀,易于能力的培養(yǎng)。

針對本課程,先設(shè)計(jì)一個(gè)總項(xiàng)目 ,再根據(jù)循序漸進(jìn)的原則,分小項(xiàng)目進(jìn)行教學(xué) 。把總項(xiàng)目分成若干小項(xiàng)目,再把小項(xiàng)目分成不同的子項(xiàng)目,子項(xiàng)目再分解成步驟。 通常以子項(xiàng)目為教學(xué)單位,劃分層次如下:總項(xiàng)目小項(xiàng)目子項(xiàng)目步驟。例如,設(shè)計(jì)一個(gè)“暢想未來”的網(wǎng)站,這個(gè)總項(xiàng)目可以分解成多個(gè)小項(xiàng)目,單個(gè)頁面可作為一個(gè)小項(xiàng)目,而該小項(xiàng)目又可分為版面布局、導(dǎo)航條制作、圖片處理、動(dòng)畫效果等幾個(gè)子項(xiàng)目。對于子項(xiàng)目教學(xué)過程,可按圖2進(jìn)行:

在具體教學(xué)實(shí)踐中,可以讓學(xué)生組成項(xiàng)目小組,根據(jù)具體項(xiàng)目的開發(fā)流程細(xì)化的制定出項(xiàng)目進(jìn)度表,學(xué)生以小組為單位,分工合作完成。

以子項(xiàng)目為教學(xué)單位,教師可結(jié)合教學(xué)大綱,收集與設(shè)計(jì)符合開發(fā)進(jìn)度的教學(xué)專題。專題應(yīng)盡可能將課程大部分知識點(diǎn)覆蓋,由若干個(gè)教學(xué)案例組成,先易后難;專題與專題之間要有聯(lián)系,前后連貫,為完成一個(gè)完整的網(wǎng)站項(xiàng)目服務(wù)。例如,在項(xiàng)目進(jìn)度到網(wǎng)頁的排版與布局時(shí),筆者收集了大量的排版與布局的案例,以專題的形式講授如何利用表格、層、框架來制作流行的排版和布局模式,學(xué)生對于網(wǎng)頁的排版和布局有了更全面、深刻的認(rèn)識,改變以往教師單純用知識點(diǎn)講解,學(xué)生學(xué)得比較零散的缺點(diǎn),有較好教學(xué)效果。

4.2 分層次教學(xué)

網(wǎng)頁設(shè)計(jì)與制作是一門實(shí)踐性很強(qiáng)的課程,學(xué)生的水平參差不齊。有些學(xué)生接受能力很強(qiáng),能快速掌握并理解教師所授知識,并能在理解基礎(chǔ)上有所突破,而有的學(xué)生接受較慢,要通過不斷重復(fù)才能掌握,因此,要根據(jù)學(xué)生掌握水平及學(xué)生學(xué)習(xí)的興趣、智力水平、恒心等這因素些來區(qū)分學(xué)生層次,給不同層次的學(xué)生提出不同的目標(biāo)和要求,保持各個(gè)層次的學(xué)生學(xué)習(xí)網(wǎng)頁設(shè)計(jì)與制作的積極性。

分層次教學(xué)時(shí),需要注意幾點(diǎn):第一 不同層次的學(xué)生應(yīng)該有不同的教學(xué)目標(biāo),不能按同一目標(biāo)要求;第二 教學(xué)目標(biāo)要充分發(fā)揮學(xué)生的主體地位。對基礎(chǔ)比較差的學(xué)生,目標(biāo)重點(diǎn)在于克服他們由于畏懼困難而引起的厭學(xué)情緒,利用有限時(shí)間讓他們掌握最基本的操作;對一般學(xué)生,目標(biāo)重點(diǎn)在于調(diào)動(dòng)他們的學(xué)習(xí)積極性,使他們有新的發(fā)現(xiàn)和提高;對掌握較好學(xué)生,目標(biāo)重點(diǎn)是使他們零散的知識更加系統(tǒng)性,在原有的基礎(chǔ)上更好掌握這門課程;第三 對不同層次學(xué)生教學(xué)目標(biāo)不是機(jī)械不可變動(dòng)的。

分層次教學(xué)具體如何實(shí)施呢?

網(wǎng)頁設(shè)計(jì)與制作每周在機(jī)房上機(jī)實(shí)踐,分層次教學(xué)體現(xiàn)在對不同層次的學(xué)生安排不同的試驗(yàn)任務(wù),讓每個(gè)學(xué)生都有明確的任務(wù),在給定時(shí)間內(nèi)完成某些子項(xiàng)目。在具體教學(xué)過程中,可將這些子項(xiàng)目按由易到難分成不同的級別,不同層次的學(xué)生選擇不同難度級別的子項(xiàng)目,鼓勵(lì)學(xué)生在完成所選任務(wù)后嘗試去完成更高層次級別的任務(wù)。如何鼓勵(lì)學(xué)生能在完成自己能力范圍內(nèi)的子項(xiàng)目后向更高層次任務(wù)挑戰(zhàn)呢?教師可在上機(jī)指導(dǎo)過程中,做到前后聯(lián)系,對于學(xué)生每次的進(jìn)步,給予及時(shí)的鼓勵(lì);教師可將每次上機(jī)試驗(yàn)學(xué)生做出來的作品拷貝,建立文件夾分門別類存放,對于不同層次的學(xué)生的作品給予評定,并對優(yōu)秀學(xué)生和進(jìn)步學(xué)生給予一定的獎(jiǎng)勵(lì)。

在課堂教學(xué)中,分層次教學(xué)體現(xiàn)在對學(xué)生的提問與交流上。由于課堂是在多媒體教室中進(jìn)行,教師可從學(xué)生試驗(yàn)作品中選擇不同難度層次的有代表性的作品,將這些作品展示在大屏幕上。由于作品均出自同學(xué)之手,大家會有很強(qiáng)的好奇心和興趣,教師可根據(jù)這些作品激發(fā)學(xué)生的求知欲,由易到難,由淺入深,讓學(xué)生在緊湊又輕松愉快的氛圍中掌握網(wǎng)頁制作知識,讓大家體會到知識變能力的無窮樂趣,樹立大家學(xué)習(xí)的信心。

4.3 專題討論

雖然教師在設(shè)計(jì)項(xiàng)目進(jìn)行專題教學(xué)時(shí)力求涵蓋大多數(shù)知識點(diǎn),但由于網(wǎng)頁設(shè)計(jì)與制作技術(shù)發(fā)展迅速及教師個(gè)人知識結(jié)構(gòu)和藝術(shù)修養(yǎng)的局限,總有些遺漏和不足的地方。因此,教師應(yīng)最大程度的利用網(wǎng)絡(luò)資源,彌補(bǔ)課堂教學(xué)的不足。比如給學(xué)生提供一些視頻,介紹一些優(yōu)秀的網(wǎng)站,開闊學(xué)生視野,增加他們的感性認(rèn)識?？梢越M織學(xué)生按專題討論分析這些優(yōu)秀網(wǎng)站的創(chuàng)意、特點(diǎn)及使用的技術(shù),在討論中提高他們分析問題和解決問題的能力。

5 改革考核方式

網(wǎng)頁設(shè)計(jì)與制作傳統(tǒng)的考核方式是筆試+機(jī)試或上交作品的方式,這兩種考核方式各有利弊。筆試+機(jī)試的考核方式可以了解學(xué)生對網(wǎng)頁設(shè)計(jì)與制作理論知識掌握程度和對工具使用的熟練程度,但不能反應(yīng)學(xué)生的綜合應(yīng)用能力;上交作品的考核方式能反映學(xué)生的動(dòng)手能力,但反映不了理論水平且過程無法監(jiān)控。筆者采用平時(shí)成績(20%)+作品(20%)+分階段考核(60%)方式,盡量使考試做到公平、可控,能全面真實(shí)的反映學(xué)生的水平。平時(shí)成績主要是學(xué)生的到課情況、試驗(yàn)報(bào)告填寫情況、實(shí)訓(xùn)設(shè)備保存完好情況等組成;分階段考核方式主要是根據(jù)不同階段學(xué)生子項(xiàng)目完成情況及最后期末機(jī)試組成,學(xué)生每次上機(jī)實(shí)踐的作品均可用“極域電子教室”軟件提交保存,這樣每次學(xué)生子項(xiàng)目的完成情況教師均可查看,且能根據(jù)完成情況給定相應(yīng)的成績,這樣各個(gè)階段均可考核,彌補(bǔ)了只有最后一次上機(jī)考試不能全面反映學(xué)生真實(shí)水平的不足;學(xué)生最后上交的作品除了有作品外,還要有相應(yīng)的日志,在什么階段完成什么工作,用到哪些技術(shù),如何實(shí)現(xiàn)某些效果等,而最后成績的評定,主要通過專業(yè)教師與行業(yè)專家共同完成。

6 結(jié)束語

在網(wǎng)頁設(shè)計(jì)與制作的教學(xué)過程中,依據(jù)教學(xué)目標(biāo),針對不同的教學(xué)對象,選擇相應(yīng)的教學(xué)內(nèi)容,采用適當(dāng)?shù)慕虒W(xué)模式和考核方法,注重課堂的互動(dòng),激發(fā)學(xué)生的求知欲、調(diào)動(dòng)學(xué)生學(xué)習(xí)的主動(dòng)性,從而提高學(xué)生分析問題解決問題能力及動(dòng)手能力,能取得較好的教學(xué)效果。

參考文獻(xiàn)

[1] 安穎蓮.網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)設(shè)計(jì)與實(shí)踐[J].中國教育信息化,2007(9).

第7篇：網(wǎng)頁設(shè)計(jì)報(bào)告范文

1．1知識點(diǎn)孤立，教學(xué)效果較差

傳統(tǒng)的網(wǎng)頁設(shè)計(jì)課程是按照教材的內(nèi)容，講解HTML語言和DreamWeaver工具的使用。學(xué)生往往不能將所學(xué)知識聯(lián)系起來。學(xué)期結(jié)束后，學(xué)生對整個(gè)網(wǎng)站的構(gòu)建缺乏清晰的概念，提交的作品質(zhì)量較差。在對學(xué)生進(jìn)行期中課程質(zhì)量問卷調(diào)查中，80％的學(xué)生都認(rèn)為課程所學(xué)內(nèi)容可以理解，但是當(dāng)教師要求學(xué)生動(dòng)手完成網(wǎng)站時(shí)，90％的學(xué)生都不能很好完成。這正是因?yàn)樵趥鹘y(tǒng)教學(xué)中一般采用講授法和實(shí)驗(yàn)法，一周2學(xué)時(shí)的理論講解，2學(xué)時(shí)的實(shí)驗(yàn)課。教師按照教材章節(jié)進(jìn)行教學(xué)并布置實(shí)驗(yàn)內(nèi)容，這樣就造成了學(xué)生只對單一章節(jié)知識的理解，難以將所學(xué)內(nèi)容聯(lián)系在一起。

1．2教材過時(shí)，影響教學(xué)效果

網(wǎng)頁設(shè)計(jì)課程是一門應(yīng)用極強(qiáng)的課程，技術(shù)和工具的更新?lián)Q代較快。而與之矛盾的卻是教材的出版周期較長，往往跟不上技術(shù)發(fā)展的腳步。例如，當(dāng)前，DreamweaverCS6已經(jīng)成為主流網(wǎng)頁設(shè)計(jì)的軟件，但是一些教材還停留在講解Dreamweav－erCS3上，導(dǎo)致學(xué)生的興趣不高，不利于學(xué)生創(chuàng)造能力的培養(yǎng)，違背了教學(xué)目標(biāo)的要求。同時(shí)，按照教材的內(nèi)容講解也限制了教師的教學(xué)，目前高校中使用的網(wǎng)頁設(shè)計(jì)教材分為兩種，一種是基于理論性質(zhì)的，單純講解HTML，一種是介紹Dreamweaver網(wǎng)頁開發(fā)的。前一種不適合非計(jì)算機(jī)專業(yè)學(xué)生學(xué)習(xí)，內(nèi)容比較枯燥，學(xué)生在沒有計(jì)算機(jī)程序語言的基礎(chǔ)上很難理解。一般高校對非計(jì)算機(jī)專業(yè)學(xué)生都選擇使用第二種介紹Dreamweaver的教材，而該教材則會造成學(xué)生的開發(fā)水平較低，過度依賴工具，無法解決實(shí)際問題。

1．3教學(xué)方法單一，學(xué)生學(xué)習(xí)興趣不高

對于公共課來說，學(xué)習(xí)興趣是學(xué)生是否能學(xué)好課程的重要因素。對于計(jì)算機(jī)應(yīng)用能力較差的非計(jì)算機(jī)專業(yè)學(xué)生來說，在學(xué)習(xí)網(wǎng)頁設(shè)計(jì)這門課程時(shí)，如何提高學(xué)生的興趣至關(guān)重要。傳統(tǒng)的網(wǎng)頁設(shè)計(jì)課程的教學(xué)采用2學(xué)時(shí)理論和2學(xué)時(shí)實(shí)驗(yàn)課的形式進(jìn)行，學(xué)生缺少動(dòng)手的機(jī)會，往往使學(xué)生對課程缺乏興趣，這阻礙了學(xué)生的能動(dòng)性與創(chuàng)造性的發(fā)揮。對學(xué)生進(jìn)行調(diào)查問卷中，70％的學(xué)生都提出課程設(shè)置實(shí)驗(yàn)時(shí)間較少，應(yīng)將課程都安排在實(shí)驗(yàn)室等問題，還有一些學(xué)生認(rèn)為網(wǎng)頁設(shè)計(jì)課程應(yīng)以提高學(xué)生興趣為出發(fā)點(diǎn)。這些都說明了學(xué)生對于增加自己實(shí)踐機(jī)會的渴望。

2基于任務(wù)驅(qū)動(dòng)的教學(xué)改革

任務(wù)驅(qū)動(dòng)教學(xué)法是指在學(xué)習(xí)課程中，學(xué)生在教師指導(dǎo)下，根據(jù)學(xué)習(xí)內(nèi)容完成任務(wù)的教學(xué)方法。任務(wù)驅(qū)動(dòng)教學(xué)之下，學(xué)生具有較強(qiáng)解決問題的動(dòng)機(jī)，對學(xué)習(xí)資源能夠積極主動(dòng)的應(yīng)用，能夠進(jìn)行自主的探索與互動(dòng)協(xié)作的學(xué)習(xí)，最終圓滿完成課程指定的任務(wù)。它打破以往以傳授知識為主的傳統(tǒng)教學(xué)理念，建立以解決問題、完成任務(wù)為主的多維互動(dòng)式的教學(xué)模式；并將再現(xiàn)式的教學(xué)變?yōu)樘骄渴降膶W(xué)習(xí)，學(xué)生處于一個(gè)積極的學(xué)習(xí)狀態(tài)，都能根據(jù)自己對當(dāng)前問題的理解，運(yùn)用所學(xué)知識與自己特有的經(jīng)驗(yàn)提出方案來解決問題。任務(wù)驅(qū)動(dòng)教學(xué)法是一種建立在建構(gòu)主義教學(xué)理論基礎(chǔ)上的教學(xué)法。它要求“任務(wù)”的目標(biāo)性和教學(xué)情境的創(chuàng)建。使學(xué)生帶著真實(shí)的任務(wù)在探索中學(xué)習(xí)。在這個(gè)過程中，學(xué)生還會不斷地獲得成就感，可以更大地激發(fā)他們的求知欲望，逐步形成一個(gè)感知心智活動(dòng)的良性循環(huán)，從而培養(yǎng)出獨(dú)立探索、勇于開拓進(jìn)取的自學(xué)能力。

2．1任務(wù)的制定

根據(jù)網(wǎng)頁設(shè)計(jì)課程的內(nèi)容與特點(diǎn)，首先在學(xué)期開始時(shí)給出課程的總?cè)蝿?wù)以及總的教學(xué)目標(biāo)。課程的總?cè)蝿?wù)是以小組為單位，選擇教師給定的任務(wù)書中的網(wǎng)站題目，設(shè)計(jì)實(shí)現(xiàn)一個(gè)靜態(tài)網(wǎng)站?？偟慕虒W(xué)目標(biāo)是掌握設(shè)計(jì)網(wǎng)站的方法。（1）第一章是初識網(wǎng)頁設(shè)計(jì)，教師會首先講解幾個(gè)靜態(tài)網(wǎng)站的實(shí)例，讓學(xué)生對所學(xué)課程有一定了解，之后講解相關(guān)的概念和設(shè)計(jì)開發(fā)工具DreamweaverCS6；學(xué)生的任務(wù)是根據(jù)小組所選擇的題目，在互聯(lián)網(wǎng)中查找資料，書寫開題報(bào)告。同時(shí)每組出一名學(xué)生向大家介紹本組的想法。（2）第二章是學(xué)習(xí)建立本地站點(diǎn)，教師會講解建立站點(diǎn)的重要性，講解相對路徑和絕對路徑，之后講解如何建立站點(diǎn)；學(xué)生的任務(wù)是為自己的網(wǎng)站建立站點(diǎn)，預(yù)估網(wǎng)站的規(guī)模，添加相應(yīng)網(wǎng)頁并改名。（3）第三章是網(wǎng)頁頭部信息，教師講解如何添加網(wǎng)頁標(biāo)題、關(guān)鍵字和說明；學(xué)生的任務(wù)是為站點(diǎn)中所有網(wǎng)頁添加頭部信息。（4）第四章是網(wǎng)頁布局，教師講解網(wǎng)頁布局技術(shù)：表格、DIV、框架以及模板和庫；學(xué)生的任務(wù)是對網(wǎng)站進(jìn)行前期布局。（5）第五章是超級鏈接，教師講解超級鏈接；學(xué)生的任務(wù)是制作導(dǎo)航欄。（6）第六章是添加多媒體，教師講解添加圖片、背景音樂、Flash、滾動(dòng)欄等內(nèi)容；學(xué)生的任務(wù)是準(zhǔn)備網(wǎng)站中需要的圖片、flash等資源，將資源添加至網(wǎng)頁。（7）第七章是表單，教師講解如何添加和設(shè)置表單；學(xué)生的任務(wù)是給網(wǎng)站添加注冊頁和用戶登錄。（8）第八章是CSS，教師講解CSS的應(yīng)用；學(xué)生對網(wǎng)站添加內(nèi)部樣式和外部樣式表。（9）第九章是網(wǎng)站，教師講解使用IIS在局域網(wǎng)中如何站點(diǎn)；學(xué)生的任務(wù)是相互網(wǎng)站，對其他組內(nèi)容進(jìn)行訪問。課程內(nèi)容講完后，預(yù)留兩周課程時(shí)間，學(xué)生對所做的作品進(jìn)行整理、美化。課程結(jié)束后，小組為單位對作品進(jìn)行展示和提交。

2．2考核方法與評分標(biāo)準(zhǔn)

網(wǎng)頁設(shè)計(jì)課程總成績由平時(shí)成績和期末成績兩部分組成。其中平時(shí)成績占總成績的50％，期末成績占總成績的50％。平時(shí)成績除了到課情況外，主要依據(jù)學(xué)生在組內(nèi)的貢獻(xiàn)、每期任務(wù)的完成情況以及整個(gè)團(tuán)隊(duì)的表現(xiàn)。與傳統(tǒng)的成績評定不同，該課程更注重學(xué)生的平時(shí)表現(xiàn)是否積極、是否有團(tuán)隊(duì)合作精神。期末成績的考核包括提交的作品和學(xué)生的答辯情況，評分指標(biāo)與所占分?jǐn)?shù)如表3所示。提交的作品主要考察界面是否合理、美觀，是否與開題所寫的需求分析內(nèi)容一致，網(wǎng)站是否能正常的顯示以及配套的網(wǎng)站文檔是否完善等。答辯模擬項(xiàng)目經(jīng)理與客戶的角色進(jìn)行，教師提出問題，學(xué)生進(jìn)行回答，查看學(xué)生的現(xiàn)場反應(yīng)力與問題解決能力。

3總結(jié)

第8篇：網(wǎng)頁設(shè)計(jì)報(bào)告范文

關(guān)鍵詞關(guān)鍵詞：計(jì)算思維；教學(xué)方法；考試方法；考試改革

中圖分類號：G434文獻(xiàn)標(biāo)識碼：A 文章編號：16727800（2014）002019703

0引言

《網(wǎng)頁設(shè)計(jì)技術(shù)與應(yīng)用》課程是 “數(shù)據(jù)庫技術(shù)與網(wǎng)絡(luò)技術(shù)”課程群（計(jì)算機(jī)基礎(chǔ)系列課程）中的一門主干選修課程，主要面向非計(jì)算機(jī)專業(yè)二年級以上本科生。當(dāng)前，互聯(lián)網(wǎng)在人們的生活、學(xué)習(xí)和工作中的位置越來越重要，網(wǎng)頁已經(jīng)成為信息共享和傳播的主要載體，該課程因其實(shí)用性強(qiáng)，受到了廣大學(xué)生的歡迎，選課人數(shù)逐年增多。

這是一門集知識性、技能性與應(yīng)用性相結(jié)合的課程，為了提高教學(xué)質(zhì)量，培養(yǎng)創(chuàng)新型人才，有必要對課程的教學(xué)理念、教學(xué)方法，特別是考試方法等課程建設(shè)的多個(gè)方面進(jìn)行研究、探索與改革。

1基于計(jì)算思維的教學(xué)理念

在信息化時(shí)代，計(jì)算機(jī)已成為日常學(xué)習(xí)、工作和生活不可或缺的工具。1972年圖靈獎(jiǎng)獲得者Edsger Dijkstra（艾思科·迪克斯徹）曾經(jīng)說過：“我們所使用的工具，影響著我們的思維方式和思維習(xí)慣，從而也將深刻地影響著我們的思維能力?！?/p>

計(jì)算思維就是運(yùn)用計(jì)算機(jī)科學(xué)的基礎(chǔ)概念進(jìn)行問題求解、系統(tǒng)設(shè)計(jì)以及人類行為理解等涵蓋計(jì)算機(jī)科學(xué)之廣度的一系列思維活動(dòng)，它是一種科學(xué)思維，與理論思維、實(shí)驗(yàn)思維一起構(gòu)成了人類的三大思維。這種變化，對人們利用計(jì)算機(jī)分析問題、解決問題的能力提出了更高的要求，也對計(jì)算機(jī)基礎(chǔ)教學(xué)提出了更高的要求。

與“數(shù)據(jù)庫技術(shù)與網(wǎng)絡(luò)技術(shù)”課程群建設(shè)的宗旨一致，《網(wǎng)頁設(shè)計(jì)技術(shù)與應(yīng)用》在教學(xué)中不僅僅是知識點(diǎn)的傳授及網(wǎng)頁制作技術(shù)的應(yīng)用，更應(yīng)注重計(jì)算思維的培養(yǎng)，在教學(xué)的各個(gè)環(huán)節(jié)以計(jì)算思維為切入點(diǎn)開展網(wǎng)頁設(shè)計(jì)與應(yīng)用的教學(xué)活動(dòng)，培養(yǎng)學(xué)生的計(jì)算思維能力，使計(jì)算思維如同邏輯思維、認(rèn)識思維一樣，成為學(xué)生必備的能力，使學(xué)生學(xué)會在計(jì)算思維指導(dǎo)下分析問題、解決問題，能夠更好地利用計(jì)算機(jī)這一工具對各種信息進(jìn)行深層次的加工處理和表達(dá)。

1.1教學(xué)方法

《網(wǎng)頁設(shè)計(jì)技術(shù)與應(yīng)用》課程內(nèi)容多，涵蓋DreamWeaver網(wǎng)頁制作軟件、HTML語言、多媒體處理軟件、數(shù)據(jù)庫基礎(chǔ)知識、ASP技術(shù)等多方面的內(nèi)容，且各有特點(diǎn)。

比如：網(wǎng)頁編輯軟件的應(yīng)用屬于靜態(tài)網(wǎng)頁制作，而腳本語言的編程屬于動(dòng)態(tài)網(wǎng)頁的制作，信息量大而教學(xué)課時(shí)較短，這就決定了不能使用單一的教學(xué)方法，應(yīng)根據(jù)教學(xué)內(nèi)容的不同而靈活采用不同的教學(xué)方法，以提高教學(xué)效率、保證教學(xué)效果。

（1）靜態(tài)網(wǎng)頁制作的教學(xué)內(nèi)容側(cè)重于各種應(yīng)用軟件的使用，采用案例教學(xué)法，通過優(yōu)秀網(wǎng)頁作品的展示，激發(fā)學(xué)生的學(xué)習(xí)興趣；教師通過引導(dǎo)學(xué)生對優(yōu)秀網(wǎng)頁作品的分析、討論，使得學(xué)生對網(wǎng)頁制作的流程有整體性的了解，從而為學(xué)生對具體應(yīng)用環(huán)節(jié)的學(xué)習(xí)打下良好的基礎(chǔ)。

（2）動(dòng)態(tài)網(wǎng)頁制作的教學(xué)內(nèi)容包括數(shù)據(jù)庫技術(shù)與ASP技術(shù)的學(xué)習(xí)。這部分內(nèi)容相對于許多非計(jì)算機(jī)專業(yè)的學(xué)生而言過于抽象，可采用基于問題驅(qū)動(dòng)的實(shí)例教學(xué)法，提出與學(xué)生認(rèn)知水平相一致的問題，激發(fā)學(xué)生解決問題的主觀能動(dòng)性，比如，在數(shù)據(jù)庫技術(shù)的教學(xué)中，首先提出“如何將學(xué)生的個(gè)人信息有效地、安全地保存在計(jì)算機(jī)中”的問題，引導(dǎo)學(xué)生對概念模型、數(shù)據(jù)模型的主動(dòng)學(xué)習(xí)。

教學(xué)方法的使用是為了實(shí)現(xiàn)教學(xué)目的——培養(yǎng)學(xué)生利用計(jì)算思維分析問題、解決問題的能力，因此在整個(gè)教學(xué)過程中都貫穿著計(jì)算思維的教學(xué)理念，案例教學(xué)法體現(xiàn)了“由整體到局部”的計(jì)算思維解決問題的方法，而在將現(xiàn)實(shí)世界中的信息轉(zhuǎn)化為計(jì)算機(jī)世界的數(shù)據(jù)這一過程中則是“由具體到抽象”的計(jì)算思維解決問題方法的應(yīng)用。在有效地培養(yǎng)了學(xué)生網(wǎng)頁設(shè)計(jì)技術(shù)的同時(shí)，讓學(xué)生切身感受了計(jì)算思維方法的應(yīng)用，有利于學(xué)生對計(jì)算思維的領(lǐng)悟。

1.2考試方法

考試不僅檢測學(xué)生學(xué)習(xí)成績、了解學(xué)生學(xué)習(xí)狀況、評價(jià)學(xué)生能力水平，更是通過信息反饋以調(diào)整教學(xué)內(nèi)容、改進(jìn)教學(xué)方法進(jìn)而提高教學(xué)質(zhì)量的重要途徑?！熬W(wǎng)頁設(shè)計(jì)技術(shù)與應(yīng)用”是一門應(yīng)用性和綜合性很強(qiáng)的課程，涉及面廣、概念多，對操作應(yīng)用能力要求高，為了既能真實(shí)、有效、全面地反映學(xué)生掌握知識的程度，又能提高教學(xué)質(zhì)量，教學(xué)過程的有效進(jìn)行比考試結(jié)果更重要，本文特提出“多階段、多元化”的考試方法。

（1）多階段。所謂多階段就是對學(xué)生學(xué)習(xí)情況考核延續(xù)在整個(gè)教學(xué)過程中，而不是僅僅局限在期末考核，多階段的考核能夠更加真實(shí)地反映出學(xué)生的學(xué)習(xí)狀況。

（2）多元化。即不止一種考核方式，將理論知識考核與實(shí)踐操作考核相結(jié)合，全面、客觀地考查學(xué)生的知識掌握及應(yīng)用能力，避免了單一成績考核方式的片面性。

《數(shù)據(jù)庫技術(shù)與網(wǎng)絡(luò)技術(shù)》課程群已對計(jì)算機(jī)課程教學(xué)資源共建共享平臺有了成熟的研究成果——開放式的教學(xué)平臺系統(tǒng)，它突破了以往教學(xué)活動(dòng)只能在課堂進(jìn)行的限制，構(gòu)建了開放式的教學(xué)網(wǎng)站，教學(xué)資源共享，學(xué)生不僅可通過計(jì)算機(jī)網(wǎng)絡(luò)在線學(xué)習(xí)，還可參加開放式的無紙化考試，構(gòu)建了全天候、無障礙的學(xué)習(xí)環(huán)境，“多階段、多元化”考試改革將在該課程群的框架內(nèi)有序地展開。

《網(wǎng)頁設(shè)計(jì)技術(shù)與應(yīng)用》內(nèi)容多、課時(shí)少，為了既不減少課堂教學(xué)時(shí)數(shù)，又能在教學(xué)過程中順利完成分階段考核，將充分利用開放式的教學(xué)平臺系統(tǒng)的無紙化考試來實(shí)施分階段考核，分3次考核學(xué)生各階段教學(xué)內(nèi)容的掌握情況，通過階段考試結(jié)果的信息反饋以調(diào)整教學(xué)內(nèi)容、改進(jìn)教學(xué)方法，確認(rèn)學(xué)生對每個(gè)知識點(diǎn)的正確理解，以保證本課程教學(xué)工作的順利進(jìn)行；期末的網(wǎng)站項(xiàng)目建設(shè)則注重對學(xué)生在計(jì)算思維的指導(dǎo)下綜合運(yùn)用本課程所學(xué)知識進(jìn)行分析問題、解決問題的實(shí)踐能力考核。如表1所示，學(xué)生的最終成績將按3階段考核成績各占20%，期末的網(wǎng)站項(xiàng)目占40%的比例進(jìn)行合成，全面、客觀、有效地反映出學(xué)生該課程整個(gè)學(xué)期的學(xué)習(xí)水平。

2課程考試改革方案設(shè)計(jì)

2.1考試改革目標(biāo)

《網(wǎng)頁設(shè)計(jì)技術(shù)與應(yīng)用》課程考試改革的目的是以計(jì)算思維為導(dǎo)向，促進(jìn)學(xué)生掌握網(wǎng)頁設(shè)計(jì)技術(shù)理論知識和熟練應(yīng)用所學(xué)知識進(jìn)行網(wǎng)站開發(fā)的實(shí)踐能力，課程的考試改革以《網(wǎng)頁設(shè)計(jì)技術(shù)與應(yīng)用》課程標(biāo)準(zhǔn)所規(guī)定的知識和能力要求作為考試的主要內(nèi)容，根據(jù)本課程特點(diǎn)，以“多階段、多元化”的考核方式，實(shí)現(xiàn)對學(xué)生學(xué)習(xí)全過程的督促與考核，客觀完整地評價(jià)學(xué)生的學(xué)習(xí)效果，通過各階段考核結(jié)果，教師不斷改進(jìn)教學(xué)方法，持續(xù)調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性和主動(dòng)性，進(jìn)而達(dá)到全面提高教學(xué)質(zhì)量的目的。

2.2改革總體思路及特色

教學(xué)過程的有效進(jìn)行比考試結(jié)果更重要。課程考試不僅僅要客觀地反映學(xué)生的學(xué)習(xí)水平，而且應(yīng)該充分發(fā)揮其在教學(xué)過程中的督促與引導(dǎo)作用。如何讓考試對教學(xué)過程起到促進(jìn)作用，一直是教育工作者著力解決的問題。計(jì)算思維在面對復(fù)雜問題的解決中采用模塊化的方法，即將復(fù)雜的問題分解為各個(gè)較為簡單的子問題，每個(gè)子問題就是一個(gè)模塊，各個(gè)模塊問題的解決即導(dǎo)致所有問題的解決?！毒W(wǎng)頁設(shè)計(jì)技術(shù)與應(yīng)用》課程的“多階段、多元化”的考試改革正是這一計(jì)算思維方法應(yīng)用的具體體現(xiàn)，將考核分布在整個(gè)教學(xué)過程中，實(shí)時(shí)監(jiān)控，以求客觀、真實(shí)地反映學(xué)生的學(xué)習(xí)狀況，根據(jù)各階段考核的反饋信息，進(jìn)行“教”與“學(xué)”兩方面的調(diào)整，以確保教學(xué)活動(dòng)的有效完成，提高教學(xué)質(zhì)量。

《網(wǎng)頁設(shè)計(jì)技術(shù)與應(yīng)用》課程考試改革是以計(jì)算思維為指導(dǎo)、以網(wǎng)絡(luò)技術(shù)為依托，對傳統(tǒng)的一考定終身的考試方式的改革，它與整個(gè)教學(xué)環(huán)節(jié)同步，注重對教學(xué)過程的監(jiān)測，有利于學(xué)生在不同階段對所學(xué)內(nèi)容的查缺補(bǔ)漏，也有利于教師了解學(xué)生的學(xué)習(xí)狀況，及時(shí)調(diào)整教學(xué)方法，以保障教學(xué)過程的順利進(jìn)行。

2.3考試改革具體辦法

《網(wǎng)頁設(shè)計(jì)技術(shù)與應(yīng)用》課程的“多階段、多元化”考試改革建立在開放式的教學(xué)平臺系統(tǒng)上，這是一個(gè)經(jīng)過多門課程檢驗(yàn)過的成熟的教學(xué)平臺，既可通過教學(xué)資源共享進(jìn)行在線學(xué)習(xí)，又可實(shí)施開放式的無紙化考試，龐大的題庫和自動(dòng)閱卷系統(tǒng)，為本課程的考試改革提供了有力的保障。

依托開放式的教學(xué)平臺系統(tǒng)，實(shí)施課程的考試改革，要實(shí)現(xiàn)對教學(xué)過程進(jìn)行監(jiān)控，要抓好題庫的建設(shè)以及考試內(nèi)容的合理構(gòu)成，應(yīng)依照以下3方面有步驟、有計(jì)劃、有序地進(jìn)行。

（1）題庫的建立。題目是教學(xué)內(nèi)容的反映，題庫的建立在本課程的考試改革中尤為重要，首先需要收集大量的、各種類型的題目，再對題目進(jìn)行審核，以確保題目能夠客觀地反映教學(xué)內(nèi)容，與網(wǎng)頁技術(shù)的發(fā)展同步，同時(shí)還必須對題目進(jìn)行分類，按教學(xué)內(nèi)容的重點(diǎn)、難點(diǎn)和基本知識點(diǎn)進(jìn)行標(biāo)識，方便后續(xù)的組卷工作。

開放式的無紙化考試要求題量必須巨大，學(xué)生平時(shí)可在課余通過此教學(xué)平臺訪問試題庫進(jìn)行課堂教學(xué)內(nèi)容的復(fù)習(xí)，如果題量少，那么階段考試結(jié)果就不能真實(shí)地反映學(xué)生的學(xué)習(xí)水平，因此，必須持續(xù)地對題庫進(jìn)行維護(hù)和更新。

（2）考試內(nèi)容設(shè)計(jì)。要實(shí)現(xiàn)階段考試在教學(xué)過程中的引導(dǎo)、評價(jià)、反饋和激勵(lì)作用的目的，就必須合理地進(jìn)行考試內(nèi)容的設(shè)計(jì)。《網(wǎng)頁設(shè)計(jì)技術(shù)與應(yīng)用》教學(xué)內(nèi)容多，一張?jiān)嚲聿豢赡軐λ薪虒W(xué)內(nèi)容面面俱到，應(yīng)該根據(jù)教學(xué)內(nèi)容的重點(diǎn)、難點(diǎn)和基本教學(xué)點(diǎn)進(jìn)行取舍，力求能測試出學(xué)生真實(shí)的學(xué)習(xí)狀況，并能起到督促學(xué)習(xí)的作用。

一般而言，在階段考試中，重點(diǎn)、難點(diǎn)和基本知識點(diǎn)在一張?jiān)嚲碇械陌俜直确謩e為40%、20%和40%，因?yàn)橹攸c(diǎn)和基本知識點(diǎn)構(gòu)成了教學(xué)內(nèi)容的主體，因此兩者所占比例為80%，而最后一次的階段考試，基本上所有教學(xué)內(nèi)容已經(jīng)學(xué)完，教學(xué)重點(diǎn)、難點(diǎn)和基本知識點(diǎn)在一張?jiān)嚲碇械陌俜直确謩e調(diào)整為40%、10%和50%，之所以前2次的階段考試中難點(diǎn)題比重較大，意在督促學(xué)生重視學(xué)習(xí)，適當(dāng)?shù)丶又仉y點(diǎn)的考題比重，提醒學(xué)生學(xué)習(xí)不要松懈。

多元化考試除了網(wǎng)上無紙化考試以外，還有對學(xué)生網(wǎng)頁設(shè)計(jì)能力的考核。在該階段的考核中，要求學(xué)生自己選擇一個(gè)主題，利用所學(xué)知識和技術(shù)開發(fā)一個(gè)網(wǎng)站，學(xué)生可獨(dú)立完成，若網(wǎng)站功能過于豐富，可以團(tuán)隊(duì)形式完成。無論何種方式均須通過相應(yīng)的方式將網(wǎng)站上傳到Web服務(wù)器上，同時(shí)完成實(shí)踐報(bào)告。

本實(shí)踐考核的完成時(shí)間并不局限于課堂，學(xué)生也可以在課后完成，這就使得學(xué)生有足夠的時(shí)間進(jìn)行創(chuàng)意設(shè)計(jì)、尋找素材，同時(shí)也可以通過多種渠道完善自己的作品，比如向同學(xué)征求意見、在網(wǎng)上咨詢等?？傊?，這個(gè)階段對于學(xué)生知識的鞏固和技能的提升是大有裨益的，同時(shí)也可以充分發(fā)揮學(xué)生的主動(dòng)性，鍛煉學(xué)生動(dòng)手能力，培養(yǎng)求異思維。本實(shí)踐考核成績的評定依據(jù)網(wǎng)站使用工具先進(jìn)性、主題表現(xiàn)的新穎性、界面設(shè)計(jì)的藝術(shù)性、實(shí)現(xiàn)功能的完善性和實(shí)踐報(bào)告的完成情況5個(gè)方面來評分。

（3）教學(xué)過程監(jiān)測實(shí)施。《網(wǎng)頁設(shè)計(jì)技術(shù)與應(yīng)用》課程的“多階段、多元化”的考試改革重在對教學(xué)過程的監(jiān)測。教學(xué)過程的有效進(jìn)行，說明“教”與“學(xué)”雙方間的信息傳遞順暢，學(xué)生只有及時(shí)接收并理解了教師所傳授的信息，才會愿意繼續(xù)接收新的信息，這樣良好的教學(xué)過程就會一直持續(xù)，教學(xué)質(zhì)量自然得到了保證。如圖1所示，每次階段考試后，教師需要分析考試結(jié)果，一旦在階段測試中發(fā)現(xiàn)學(xué)生成績出現(xiàn)較大波動(dòng)，說明信息傳遞不暢，可以立即啟動(dòng)督導(dǎo)模塊，所謂督導(dǎo)模塊，即檢討教學(xué)情況，探明原因，及時(shí)調(diào)整教學(xué)進(jìn)程，從“教”與“學(xué)”兩方面加以改進(jìn)，教師改進(jìn)教學(xué)方法，學(xué)生改進(jìn)學(xué)習(xí)方法、端正學(xué)習(xí)態(tài)度，保證“教”與“學(xué)”間信息的有效傳遞，這樣，在最后階段的網(wǎng)站建設(shè)的實(shí)踐中，學(xué)生自然有能力在規(guī)定的時(shí)間內(nèi)完成，學(xué)生的學(xué)習(xí)質(zhì)量得到了很好地保障。

本課程的考試改革所依托的開放式教學(xué)平臺是個(gè)成熟的開放式教學(xué)系統(tǒng)，功能豐富、實(shí)用性強(qiáng)，建好題庫后，即可按要求組卷，還可以機(jī)器閱卷，提高了教師的工作效率，確保教學(xué)過程監(jiān)測的順利實(shí)施。

3結(jié)語

教學(xué)過程的良好進(jìn)行才能使教學(xué)質(zhì)量得到保障，《網(wǎng)頁設(shè)計(jì)技術(shù)與應(yīng)用》的“多階段、多元化”的考試改革注重對教學(xué)過程的監(jiān)測。在今后的教學(xué)實(shí)踐過程中，我們還將進(jìn)一步完善“多階段、多元化”考試改革的內(nèi)容及方法，切實(shí)達(dá)到“以考促教、以考促學(xué)”，全面提升教學(xué)質(zhì)量，培養(yǎng)具有計(jì)算思維的創(chuàng)新型人才的目的。

參考文獻(xiàn)：

[1]陳國良，董榮勝. 計(jì)算思維與大學(xué)計(jì)算機(jī)基礎(chǔ)教育[J].中國大學(xué)教學(xué)，2011（1）.

第9篇：網(wǎng)頁設(shè)計(jì)報(bào)告范文

【關(guān)鍵詞】翻轉(zhuǎn)課堂；混合式學(xué)習(xí)；《網(wǎng)頁設(shè)計(jì)與制作》課程；教學(xué)模式

近年來，由于信息技術(shù)和網(wǎng)絡(luò)技術(shù)的不斷發(fā)展和普及，涌現(xiàn)出了混合式教學(xué)、慕課、微課、翻轉(zhuǎn)課堂等基于信息技術(shù)和網(wǎng)絡(luò)的教學(xué)新模式及資源新類型[1]，為傳統(tǒng)的教學(xué)模式帶來了機(jī)遇和挑戰(zhàn)，如何在“互聯(lián)網(wǎng)+”時(shí)代實(shí)現(xiàn)信息化教育與傳統(tǒng)教育優(yōu)勢互補(bǔ)是擺在一線教師面前的現(xiàn)實(shí)問題?；诜D(zhuǎn)課堂的混合式教學(xué)是現(xiàn)今教學(xué)改革與實(shí)踐的熱門課題，為傳統(tǒng)教學(xué)模式改革、數(shù)字化教學(xué)資源建設(shè)、創(chuàng)新性教學(xué)評價(jià)提供了技術(shù)支持與資源保障[2]。

一、基于翻轉(zhuǎn)課堂的混合式教學(xué)模式簡述

基于翻轉(zhuǎn)課堂的混合式教學(xué)模式，是將翻轉(zhuǎn)課堂和混合式學(xué)習(xí)進(jìn)行有效整合、優(yōu)勢互補(bǔ)的一種新型教學(xué)模式。新媒體聯(lián)盟和美國高校教育信息化協(xié)會共同的《地平線報(bào)告2016高等教育版》把翻轉(zhuǎn)課堂視為高等教育領(lǐng)域一年內(nèi)投入使用的技術(shù)，也是最常用的混合式教學(xué)模式之一[3]。

二、構(gòu)建基于翻轉(zhuǎn)課堂的《網(wǎng)頁設(shè)計(jì)與制作》課程混合式教學(xué)模式的優(yōu)勢

（一)《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)存在的問題

《網(wǎng)頁設(shè)計(jì)與制作》課程是計(jì)算機(jī)專業(yè)、電腦美術(shù)專業(yè)及其他相關(guān)專業(yè)學(xué)生必修的一門應(yīng)用性和操作性都很強(qiáng)的課程，同時(shí)也是一門極富創(chuàng)造性的課程。通過本課程學(xué)習(xí)，學(xué)生要了解網(wǎng)站的類型、、推廣的方法；掌握網(wǎng)頁素材的獲取、網(wǎng)頁布局、色彩運(yùn)用、網(wǎng)頁特效的應(yīng)用原則和技術(shù)實(shí)現(xiàn)；掌握使用Dreamweaver、Flash、Photoshop、Fireworks等多種工具制作網(wǎng)頁的操作過程。教學(xué)上存在如下困難：1.傳統(tǒng)教學(xué)模式效果不佳。傳統(tǒng)教學(xué)模式猶如“鸚鵡學(xué)舌”，以教師為中心，教師講學(xué)生聽；講練結(jié)合是最常用的教學(xué)方法，教師演示完成什么練習(xí)案例，學(xué)生“依葫蘆畫瓢”完成什么案例。學(xué)生缺少動(dòng)腦思考的過程，很容易忘記所學(xué)知識，更無法做到將所學(xué)知識活學(xué)活用、舉一反三地解決現(xiàn)實(shí)問題。2.學(xué)生的個(gè)體差異較大。學(xué)生的個(gè)體差異主要體現(xiàn)在兩個(gè)方面：一是學(xué)習(xí)能力問題。有的學(xué)生接受知識的能力快，有的學(xué)生就會“慢上半拍”；二是學(xué)習(xí)進(jìn)度的差距。豐富的網(wǎng)絡(luò)資源為那些對網(wǎng)頁感興趣的學(xué)生提供了便利的學(xué)習(xí)機(jī)會，這就造成了課堂教學(xué)時(shí)學(xué)生之間的學(xué)習(xí)進(jìn)度差距。3.網(wǎng)頁中使用的軟件工具較多。網(wǎng)頁制作中涉及的軟件有Dreamweaver、Flash、Photoshop、Fireworks，只有相互配合使用這些軟件，才能制作出圖文并茂、具有吸引力的網(wǎng)站。4.考核方式單一。網(wǎng)頁設(shè)計(jì)需要一個(gè)過程，學(xué)生要發(fā)揮想象力去構(gòu)思自己的特色網(wǎng)頁，要花時(shí)間去查找網(wǎng)頁中要用到的圖像、文字等資源，還要用表格、框架、CSS+DIV等布局方式制作出網(wǎng)頁，這些絕不僅僅是一個(gè)筆試或是一個(gè)90分鐘的考試能完成的。

（二)《網(wǎng)頁設(shè)計(jì)與制作》課程采用基于翻轉(zhuǎn)課堂的混合式教學(xué)模式的優(yōu)勢

1.有利于提高學(xué)生自主學(xué)習(xí)的能力。翻轉(zhuǎn)課堂要求學(xué)生依據(jù)教師布置的導(dǎo)學(xué)案清單，課前自行觀看教學(xué)視頻等教學(xué)資源，完成對新知識點(diǎn)和概念的自主學(xué)習(xí)，記錄自學(xué)過程中的難點(diǎn)和疑點(diǎn)，學(xué)生的學(xué)習(xí)更加主動(dòng)和個(gè)性化。2.有利于激發(fā)學(xué)生的學(xué)習(xí)興趣。翻轉(zhuǎn)課堂對學(xué)生的學(xué)習(xí)過程進(jìn)行了重構(gòu)，學(xué)生在課前就接收了知識，通過短小的視頻和言簡意賅的語言，將知識碎片化，將抽象的理論通俗化，教師能夠提前了解學(xué)生的學(xué)習(xí)困難，并在課堂上給予有效的指導(dǎo)，知識的吸收內(nèi)化是在課堂上通過師生、生生互動(dòng)來完成，極大地激發(fā)了學(xué)生的學(xué)習(xí)興趣。3.有利于自由碎片化學(xué)習(xí)。學(xué)生可以在相對自由的時(shí)間里，利用碎片化的時(shí)間完成翻轉(zhuǎn)課堂的課前學(xué)習(xí)，學(xué)習(xí)的自覺性明顯增強(qiáng)。4.有利于鞏固、強(qiáng)化、內(nèi)化知識。由于學(xué)生的個(gè)體差異，不可能所有人都能跟上學(xué)習(xí)進(jìn)度，學(xué)生可依據(jù)自己的實(shí)際需求，對于沒有消化的知識，可通過師生互動(dòng)交流和反復(fù)學(xué)習(xí)教學(xué)資源，直到達(dá)到鞏固、強(qiáng)化、內(nèi)化的目的為止。

三、基于翻轉(zhuǎn)課堂的《網(wǎng)頁設(shè)計(jì)與制作》課程混合式教學(xué)模式

（一)實(shí)施條件

1.學(xué)校方面。學(xué)校有良好的數(shù)字化校園信息平臺，有豐富和優(yōu)質(zhì)的微視頻等教學(xué)資源，為翻轉(zhuǎn)課堂的實(shí)施提供了支持和保障。2.學(xué)生方面?，F(xiàn)在的學(xué)生多是互聯(lián)網(wǎng)的原住民，上網(wǎng)對他們來說就和呼吸、吃飯、睡覺一樣重要，網(wǎng)絡(luò)伴隨著他們成長，是他們生活中不可或缺的一部分。他們習(xí)慣嘗試新鮮事物，習(xí)慣碎片化閱讀，習(xí)慣自由主動(dòng)地接受信息[4]，學(xué)生的這些特點(diǎn)，有利于翻轉(zhuǎn)課堂的順利實(shí)施。3.課程方面?！毒W(wǎng)頁設(shè)計(jì)與制作》課程具有很強(qiáng)的實(shí)踐性和創(chuàng)造性，與翻轉(zhuǎn)課堂廣泛采用的研討式、項(xiàng)目任務(wù)驅(qū)動(dòng)式學(xué)習(xí)模式相吻合[5]，適合采用翻轉(zhuǎn)課堂教學(xué)模式。

（二)教學(xué)模式設(shè)計(jì)及實(shí)施

在良好的數(shù)字化校園信息平臺的支持下，基于翻轉(zhuǎn)課堂的《網(wǎng)頁設(shè)計(jì)與制作》課程混合式教學(xué)模式，主要包括課前、課中和課后三個(gè)前后關(guān)聯(lián)的部分，采取線上為主、課堂為輔的混合式教學(xué)，如下圖所示。以2課時(shí)的“CSS+DIV”布局網(wǎng)頁為例，介紹課程的實(shí)施過程。1.課前。教師依據(jù)學(xué)生實(shí)際，結(jié)合教學(xué)大綱要求，合理設(shè)計(jì)導(dǎo)學(xué)案清單、制作微視頻、搜集相關(guān)學(xué)習(xí)資源并給學(xué)生,導(dǎo)學(xué)案清單如表1所示。導(dǎo)學(xué)案清單中應(yīng)列出讓學(xué)生學(xué)習(xí)的資源、完成的任務(wù)，告訴學(xué)生學(xué)什么、怎樣學(xué)；做什么，如何做；交什么，怎樣交。學(xué)生依據(jù)教師的導(dǎo)學(xué)案清單，瀏覽相關(guān)在線學(xué)習(xí)網(wǎng)站，完成對視頻的觀看，初步掌握所要學(xué)習(xí)的知識點(diǎn)和技能，完成相關(guān)任務(wù)。自主探究過程中遇到的難點(diǎn)、疑點(diǎn)，可通過QQ、微信、郵箱或校園在線等網(wǎng)絡(luò)工具與教師或同學(xué)進(jìn)行探討，也可記錄下來，在課堂上請教師答疑。2.課中。此階段是對課前自學(xué)的知識進(jìn)行高效內(nèi)化的階段。教師根據(jù)課前學(xué)生的提問、任務(wù)完成情況等反饋的信息精心設(shè)計(jì)教學(xué)活動(dòng)，設(shè)計(jì)合適的任務(wù)，引導(dǎo)學(xué)生進(jìn)行自主探究或協(xié)作學(xué)習(xí)。在這個(gè)過程中，學(xué)生是教學(xué)活動(dòng)的主體，積極主動(dòng)地接受知識，教師則扮演著組織者、設(shè)計(jì)者和引導(dǎo)者的角色，教師需要給學(xué)生適當(dāng)?shù)囊龑?dǎo)，鼓勵(lì)學(xué)生積極思考，并解答學(xué)生在探究或協(xié)作學(xué)習(xí)中遇到的問題。過程如下：首先，以小組為單位展示課前完成的任務(wù)，進(jìn)行匯報(bào)，匯報(bào)過程應(yīng)重點(diǎn)說明遇到的難題、解決的方法以及任務(wù)的完成過程。其次，小組互評和教師點(diǎn)評，相互討論交流，進(jìn)而改進(jìn)課前任務(wù)完成的不足，完善作品。然后，教師將重、難點(diǎn)進(jìn)一步深化，并提出新問題、布置新任務(wù)，如表2所示。最后，小組互評和教師點(diǎn)評，相互討論交流，完善作品。3.課后。根據(jù)學(xué)生的實(shí)際學(xué)習(xí)情況，合理布置課后作業(yè)，特別是能進(jìn)行動(dòng)手實(shí)踐的技能拓展類任務(wù)，讓學(xué)生利用課后復(fù)習(xí)加強(qiáng)實(shí)踐來鞏固所學(xué)知識點(diǎn)，促進(jìn)知識或技能的固化甚至升華。教師需要在課后對教學(xué)資源、教學(xué)設(shè)計(jì)中的問題進(jìn)行反思，分析學(xué)生的學(xué)習(xí)情況和作業(yè)完成情況，并將反思和分析的結(jié)果作為后面課程設(shè)計(jì)的依據(jù)。課后作業(yè)布置如下：1.使用“一列固定寬度居中，且與兩列固定寬度相結(jié)合”的方式布局網(wǎng)頁，整個(gè)頁面在瀏覽器中居中對齊，當(dāng)光標(biāo)經(jīng)過左側(cè)導(dǎo)航欄超鏈接所在的塊時(shí)，超鏈接背景色和超鏈接文字顏色發(fā)生變化。2.使用“一列固定寬度居中，且與兩列固定寬度相結(jié)合”的方式布局網(wǎng)頁，整個(gè)頁面在瀏覽器中居中對齊。實(shí)踐證明，在《網(wǎng)頁設(shè)計(jì)與制作》課程實(shí)施基于翻轉(zhuǎn)課堂的混合式教學(xué)模式總體上是成功的，主要體現(xiàn)在：學(xué)生都能順利完成課前、課中和課后的學(xué)習(xí)和考核；教師能比較圓滿地完成課堂教學(xué)任務(wù)和輔導(dǎo)學(xué)生線上學(xué)習(xí)的任務(wù)。師生對基于翻轉(zhuǎn)課堂的混合式教學(xué)模式總體上是滿意的，并積極尋求進(jìn)一步提高和改進(jìn)的辦法。

四、結(jié)語

基于翻轉(zhuǎn)課堂的混合式教學(xué)模式充分體現(xiàn)了“以學(xué)生為中心”的教學(xué)理念[6]。教學(xué)過程分為課前、課中和課后，使得教學(xué)活動(dòng)連貫有序、互相配合、互相促進(jìn)、相得益彰；師生間的互動(dòng)頻繁，使得教師真正了解學(xué)生的內(nèi)心需求，不但有利于教師合理設(shè)計(jì)教學(xué)內(nèi)容，更有利于培養(yǎng)學(xué)生養(yǎng)成自主探究學(xué)習(xí)的好習(xí)慣。不過，教學(xué)模式的改革，不僅僅需要個(gè)人的實(shí)踐與探索，更需要所有任課教師的支持與行動(dòng)。只有全體教師積極行動(dòng)起來，才能將基于翻轉(zhuǎn)課堂的混合式教學(xué)模式切實(shí)落實(shí)下去，也才能將基于翻轉(zhuǎn)課堂的混合式教學(xué)模式的優(yōu)勢發(fā)揮出來。

參考文獻(xiàn)：

[1]方義桂.混合式翻轉(zhuǎn)教學(xué)模式對高職院校外語師資的要求及建設(shè)策略[J].職教論壇，2016,(26):17-20.

[2]張歡.基于微課的翻轉(zhuǎn)課堂教學(xué)模式研究:以高職英語寫作為例[J].商業(yè)經(jīng)濟(jì)，2016,(9):154-156.

[3]金慧，等.新媒體聯(lián)盟《地平線報(bào)告》(2016高等教育版)解讀與啟示[J].遠(yuǎn)程教育雜志，2016,(2):3-10.

[4]楊欣.基于慕課的《思想道德修養(yǎng)愈法律基礎(chǔ)》混合式教學(xué)改革模式探索[J].產(chǎn)業(yè)與科技論壇，2016,(19):127-128.

[5]張愛民，馮冬艷，相景麗.高職“計(jì)算機(jī)應(yīng)用基礎(chǔ)”翻轉(zhuǎn)課堂教學(xué)設(shè)計(jì)探析[J].網(wǎng)絡(luò)化與數(shù)字化，2016,(10):89-94.