網(wǎng)頁設(shè)計報告精選(九篇)
前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網(wǎng)頁設(shè)計報告主題范文，僅供參考，歡迎閱讀并收藏。
第1篇：網(wǎng)頁設(shè)計報告范文
實習目的：熟悉和掌握計算機網(wǎng)頁設(shè)計的基本技巧及網(wǎng)頁制作相關(guān)工具軟件等內(nèi)容。培養(yǎng)我們利用計算機進行商務(wù)網(wǎng)頁設(shè)計的基本思路和應(yīng)用開發(fā)能力，提高我們的計算機文化素質(zhì)。
網(wǎng)頁是世界上最有價值的不動產(chǎn)之一。人們在這個不足0.1平米的空間內(nèi)投資達數(shù)百萬美元。網(wǎng)頁對公司的影響比簡單的電子商務(wù)增收方法大得多;網(wǎng)頁也是公司對外的臉面。WEB站點就像一棟房子，它的每一個窗口都可以看成一扇門，人們可以沿著搜索引擎其他WEB站點的鏈接，繞過主頁而進入WEB的深層。
一.網(wǎng)站的整體規(guī)劃
1.討論網(wǎng)站主題：因為自己對普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設(shè)計一個旅游網(wǎng)站。
2.定位網(wǎng)站CI形象：旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗一下的共鳴。于是在網(wǎng)頁設(shè)計上面，根據(jù)普羅旺斯夢幻般的意境，我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。
3.確定欄目和板塊：
1]首先要考慮整個網(wǎng)頁的長和寬，以及長度和寬度之間的比例。
2]其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。
3]正文的框架設(shè)置 (橫向因素和縱向因素交錯)
在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫出了大體的欄目和板塊。
4.網(wǎng)站的整體風格和創(chuàng)意：建立一個浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使瀏覽者留下映像。
二.網(wǎng)頁制作的前期策劃與準備
1.資料的搜集：由于個人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢幻效果的網(wǎng)頁背景，F(xiàn)IASH源代碼、小圖標和一些GIF的動畫等。
2.熟悉制作工具軟件：
主頁制作的基本條件有：
硬件：
一臺電腦(64MB以上內(nèi)存，當然越大越好啦);可以撥號上網(wǎng);如果你有條件的話,建議:配置掃描儀,這將大大方便圖像和文字的輸入;
軟件：
HTML編輯軟件：常用的有Frontpage、Hotdog等，本文重點介紹 Dreamweaver;
圖像處理軟件：常用的有Photoshop、flash、Fireworks 等;
文件上傳軟件：常用的有Cuteftp、WSftp等。
三.網(wǎng)頁制作
真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開;插入的層太多，大一點的就把小一點的給覆蓋掉了;插入的FLASH不能產(chǎn)生效果。總之問題一籮筐。實踐出真知，原來自己還有那么多欠缺的知識。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。
在對基本知識有了詳細的了解之后，做起東西來就得心應(yīng)手多了，知道引導(dǎo)頁能過加映像之后，我決定為我的網(wǎng)頁設(shè)計一個引導(dǎo)頁。
然后是主頁和二級頁面的設(shè)置。要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因為它們太大了,但可以用圖象軟件進行轉(zhuǎn)換，比如Office 97的照片編輯器。把準備在主頁上出現(xiàn)的圖象放進相應(yīng)的目錄里后.
在一步一步的邊學邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網(wǎng)頁技術(shù)還差的遠，但是回顧一下這周真的學到了很多的東西。
四.網(wǎng)頁的調(diào)試
之前把作過的東西放到U盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和WEB頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。
第2篇：網(wǎng)頁設(shè)計報告范文
副標題：
潘江文，實習校內(nèi)部分小組組長。
報告內(nèi)容：
各位老師，同學：大家下午好，很高興能夠作為校內(nèi)組的代表向大家匯報我們的實習工作。
本學期一開始，經(jīng)過院領(lǐng)導(dǎo)老師的精心準備策劃，我們有幸進行了為期四周的實習 ，我組作為校內(nèi)組，共六人，被統(tǒng)一安排在中國海洋大學網(wǎng)絡(luò)中心，協(xié)助網(wǎng)絡(luò)中心搞好網(wǎng)絡(luò)建設(shè)和維護。學院指導(dǎo)教 師陳歡 老師，實習單位負責人姜鵬，趙有星主任?？偟膩碚f，此次實習是一次成功的順利的實習。通過我們的努力，我們已最大可能的完成了實綱的要求，既充分鞏固了大學前期兩年的專業(yè)知識，又對今后兩年的專業(yè)科目學習有了新的理解，這次專業(yè)認識實習增強了我們的職業(yè)意識，并激發(fā)我們在今后兩年的學習中根據(jù)實習的經(jīng)驗識時務(wù)的調(diào)整自己的學習方向和知識結(jié)構(gòu)，以更好的適應(yīng)社會在新聞傳播領(lǐng)域，尤其是網(wǎng)絡(luò)傳播發(fā)展方向的人才需求。
下面我就我所在的單位作一下簡單介紹：
中國海洋大學網(wǎng)絡(luò)中心成立于 1994 年 5 月，其前身是信息管理研究所，中心按照中國教育科研計算機網(wǎng)絡(luò)組織結(jié)構(gòu)和管理模式，成立了校園網(wǎng)絡(luò)管理領(lǐng)導(dǎo)小組和校園網(wǎng)絡(luò)專家領(lǐng)導(dǎo)小組，在分管校長直接領(lǐng)導(dǎo)下，承擔中國教育和科研計算機 網(wǎng)青島主節(jié)點以及中國海洋大學校園網(wǎng)的建設(shè)、規(guī)劃、運行管理、維護和數(shù)字化校園的工作
網(wǎng)絡(luò)中心下設(shè) 網(wǎng)絡(luò)運行部 、 網(wǎng)絡(luò)信息部 、 綜合部 。
在此不在作詳細介紹， 下面著重匯報一下我在此次實習中的具體實習內(nèi)容以及我個人的實習體會。
在網(wǎng)絡(luò)中心老師的安排下，實習期間，我共參與或個人承擔了以下工作：電腦硬件組裝，系統(tǒng)安裝調(diào)試，專業(yè)網(wǎng)絡(luò)布 線、 ftp 信息服務(wù)器日常維護、 www 服務(wù)器日常安全檢測、局部網(wǎng)絡(luò)故障檢測與排除、校內(nèi)單位硬件更新等。
在做完這些工作后我總結(jié)了一下有這么幾點比較深刻的體會：
第一點：真誠
你可以偽裝你的面孔你的心，但絕不可以忽略真誠的力量。
第一天去網(wǎng)絡(luò)中心實習，心里不可避免的有些疑惑：不知道老師怎么樣，應(yīng)該去怎么做啊，要去干些什么呢等等吧！
踏進辦公室，只見幾個陌生的臉孔。我微笑著和他們打招呼。從那天起，我養(yǎng)成了一個習慣，每天早上見到他們都要微笑的說聲：“老師早”，那是我心底真誠的問候。我總覺得，經(jīng)常有一些細微的東西容易被我們忽略，比如輕輕的一聲問候，但它卻表達了對老師同事對朋友的尊重關(guān)心，也讓他人感覺到被重視與被關(guān)心。僅僅幾天的時間，我就 和 老師們打成一片，很好的跟他們交流溝通學習，我想，應(yīng)該是我的真誠，換得了老師的信任。他們把我當朋友也愿意指導(dǎo)我，愿意分配給我任務(wù)。
第二點：溝通
要想在短暫的實習時間內(nèi)，盡可能能多的學一些東西，這就需要跟老師有很好的溝通，加深彼此的了解，剛到網(wǎng)絡(luò)中心，老師并不了解你的工作學習能力，不清楚你會做那些工作，不清楚你想了解的知識，所以跟老師很好的溝通是很必要的。同時我覺得這也是我們將來走上社會的一把不可缺少的鑰匙。通過溝通了解，老師我我有了大體了解，邊有針對性的教我一些知識，我對網(wǎng)絡(luò)部線，電腦硬件安裝，網(wǎng)絡(luò)故障排除，工作原理應(yīng)用比叫感興趣，所以老師就讓我協(xié)同他們或獨立的 成校內(nèi)大小單位的網(wǎng)絡(luò)安裝與檢修工作。如檔案館網(wǎng)絡(luò)故障檢修、勝利樓若干辦公室的網(wǎng)絡(luò)故障檢修等，直接或間接保證了校園網(wǎng)的正常運行和使用，在這方面的工作中，真正學到了計算機教科書上所沒有或者真正用到了課本上的知識，鞏固了舊知識，掌握了新知識，甚至在實踐中了書本上舊有的不合實際的知識，這才真正體現(xiàn)了知識的真正價值，學以致用。此外呢，老師還特地帶我們?nèi)⒓恿巳握?guī)的講座，分別是校園網(wǎng)使用網(wǎng)絡(luò)計費、校園網(wǎng)電子政務(wù)、和網(wǎng)絡(luò)安全三個主題。此次報告一并帶來了該公司的最新產(chǎn)品，報告中我懂得了網(wǎng)絡(luò)計費的原理和方式以及從硬件上是如何實現(xiàn)的，從側(cè)面也看到了學校引進新產(chǎn)品即建設(shè)投標的過程。
第三點：激情與耐心
激情與耐心，就像火與冰，看似兩種完全不同的東西，卻能碰撞出最美麗的火花。
在中心時，老師就跟我說，想做電腦網(wǎng)絡(luò)這一塊，激情與耐心必不可少，在產(chǎn)品更新方面，這一行業(yè)就像做新聞工作，補斷的更新，這就需要你有激情，耐心的去不斷的學習，提高自己的專業(yè)水平。在一些具體的工作當中也是這樣的： 記得前兩天老師安排我整理一下倉庫并且要求我在這堆報廢機器中組裝好兩臺能夠正常運行的機器，說實話，當時我心里就有些不太情愿，太麻煩了，盡管這樣，我還是一臉輕松的接了下來，接下來我就 耐心 的，按步就班的開始找有用的零件，把一個機箱拆的不能在拆，所有的零件我又對照書本一一的認了一遍，真正的弄清了各個零件之間的組合結(jié)構(gòu)關(guān)系，最后拼湊出了兩臺機箱，僅這一項就用了整整兩天的時間， 通過 老師的指導(dǎo)，自己的捉摸，調(diào)試，自此，我算是真正的搞明白的計算機的硬件安裝，維護和更新，接著我又進行了各種計算機操作系統(tǒng)的反復(fù)安轉(zhuǎn)調(diào)試，一遍又一遍的調(diào)試安裝，自然有些煩，但我用我的熱情耐心克服這些困難，問老師，查資料，一個個問題迎刃而解，自己在這方面的知識得到了充實。這些在平常的書本上僅僅是獲得感性的認識在這里真的實踐了，才算是真正的掌握了，也讓我認識到了自己的不足，告誡自己，不管做什么，切忌眼高手低，要 善于鉆研 。還有我感觸比較深的就是 查看 log 日志記錄，因為服務(wù)器的維護使復(fù)雜又艱辛的，既要保障物理安全又要保證系統(tǒng)安全，這就需要通過查詢 log 日志記錄，每一分鐘的服務(wù)器狀況都有 log 日志記錄，而且它一是數(shù)據(jù)量大、二是有大量無用信息，所以查看 log 使非?！巴纯唷钡氖虑椤Ｏ襁@些工作我熬深深地感覺到每有激情與耐心是做不好的。
第四點：細心負責和基本的專業(yè)素養(yǎng)
細心負責是做好每一件事情所必備的基本素質(zhì)，基本的專業(yè)素養(yǎng)是前提。
實習期間，我承擔了 ftp 服務(wù)器的管理工作和 www 校內(nèi)信息服務(wù)的日常檢測工作，這同專業(yè)的發(fā)展方向是極其吻合的。 ftp 服務(wù)帶有自身的特殊性，用戶可以在其中各種文檔包括文本、聲音、視頻、多媒體等，對 ftp 的管理就要有極好的電腦知識尤其要對文件路徑十分了解，還要有信息歸納的能力，將校內(nèi)用戶上傳的文檔分門別類的放在不同的文件夾中，這也是作為我門專業(yè)學生應(yīng)當具有的基本能力之一，在 ftp 管理的過程中，我深刻的感受到了作為信息管理者和者是非辨別和政治敏感的重要，用戶上傳的文檔是未經(jīng)許可和身份認證的，所以在 ftp 服務(wù)權(quán)限中對上傳文件夾（ up ）做了只能上傳而不能隨意下載的處理，而管理員的職責是將 up 文件夾中的文檔作初步審查，審查包括文檔中是否包含反政府的信息、是否包含黃色等不健康信息、是否倡導(dǎo)了不健康不科學的生活方式和態(tài)度等各個方面。
所以說要做好這些事情，不細心負責，沒有基本的專業(yè)素養(yǎng)，是很容易出現(xiàn)漏洞的。
第五點：“主動出擊”
當你可以選擇的時候，把主動權(quán)握在自己手中。
在中心的時候，我會主動的打掃衛(wèi)生，主動地幫老師做一些力所能及的事情，并會積極地尋找合適的時間， 向 老師請教問題，跟老師像朋友那樣交流，談生活學習以及未來的工作，通過這些我就 和 老師走的更近，在實習當中，，老師就會更愿意更多的指導(dǎo)我。獲得更大的收獲。 記得當時經(jīng)濟學院反映網(wǎng)絡(luò)不同，我就自高奮勇，去進行檢修，等網(wǎng)絡(luò)接通的時候，我心里感覺很高興，因為我的主動，我鞏固了我所學的知識，并且得到了老師的認可。
第六點： 講究條理
如果你不想讓自己在緊急的時候手忙腳亂，就要養(yǎng)成講究條理性的好習慣。
“做什么事情都要有條理，”這是老師給我的忠告
在網(wǎng)絡(luò)中心有一個部門是綜合部，日常的文件材料很多，這就需要很有條理的去整理好，以免用的時候翻箱倒柜的去找，耽擱時間，浪費精力，誤了事情。所以主任的桌子上總是收拾得井井有條。這一點對我感觸很深，同時讓我聯(lián)想到在一本書上看到這么一個故事，一位在美國電視領(lǐng)域頗有成就的美籍華人當部門經(jīng)理時，總裁驚訝于他每天都能把如山的信件處理完畢，而其他經(jīng)理桌上總是亂糟糟堆滿信件。他說，“雖然每天信件很多，但我都按緊急性和重要性排序，再逐一處理?！笨偛糜谑前堰@種做法推廣到全公司，整個公司的運作變得有序，效率也提高了。所以說：養(yǎng)成講究條理的好習慣，能讓我們在工作中受益匪淺。
第3篇：網(wǎng)頁設(shè)計報告范文
關(guān)鍵詞:網(wǎng)頁制作;教學改革;能力培養(yǎng);項目教學
1教學改革思想
高等職業(yè)教育作為高等教育發(fā)展中的一個類型,肩負著為國家培養(yǎng)面向生產(chǎn)、建設(shè)、服務(wù)和管理第一線需要的高技能人才的使命。如何提高教學質(zhì)量,從而提高學生的專業(yè)技能,以適應(yīng)新時代企業(yè)對高職人才的要求,這是每個高職高專院校擺在首位的問題。傳統(tǒng)大學課程教學以學科為導(dǎo)向、以知識為目標、以教師為主體、以應(yīng)試為基礎(chǔ)、以邏輯為載體,但職業(yè)教育必須以職業(yè)活動為導(dǎo)向、以能力為目標、以學生為主體、以素質(zhì)為基礎(chǔ)、以項目為載體,開展的課程必須做到教、學、做一體化,切實提高教學質(zhì)量[1]。本文對基于工作過程的網(wǎng)頁制作技術(shù)課程改革進行了探討。網(wǎng)頁制作技術(shù)是一門實際操作、技能要求都較明顯的課程,學生的學習興趣也較高。怎么把學生的興趣培養(yǎng)成網(wǎng)頁設(shè)計師需要的專業(yè)技能,使學生上崗后的能力能適應(yīng)工作崗位的要求,這是教學的總體目標及教師工作切入點[2]。
2課程改革實踐
2.1職業(yè)崗位群定位
面向工作過程的職業(yè)崗位群分析,如圖1所示。本課程面向崗位群是網(wǎng)頁設(shè)計師:具備規(guī)劃、設(shè)計、制作網(wǎng)站的能力;網(wǎng)站維護管理人員:具備網(wǎng)站維護與更新的能力。
2.2面向工作過程的能力分析
1) 網(wǎng)頁設(shè)計師所需要的專業(yè)能力,如圖2所示。
(1) 網(wǎng)站規(guī)劃能力:能夠準確分析、理解項目要求;對項目進行合理規(guī)劃、評價;并撰寫網(wǎng)站建設(shè)方案[3]。
(2) 素材收集能力:能夠通過有效渠道獲取資源,并對資源進行處理,成為需要的素材;熟悉使用并積累網(wǎng)頁設(shè)計師常用的網(wǎng)頁設(shè)計第三方工具。
(3) 網(wǎng)頁設(shè)計與實現(xiàn)能力:教學重點,解決問題能力重點體現(xiàn)。需要熟悉主要工具工作環(huán)境,能應(yīng)用編程語言實現(xiàn)設(shè)計方案,熟悉網(wǎng)頁布局和設(shè)計,熟悉網(wǎng)頁元素使用。
(4) 網(wǎng)站維護和更新處理能力:能按照專業(yè)規(guī)范操作,作品規(guī)范可維護。
2) 網(wǎng)頁設(shè)計師所需要的職業(yè)核心能力,如圖3所示。
(1) 與人溝通能力。
網(wǎng)頁設(shè)計項目屬于技術(shù)服務(wù)性項目,能否和客戶順暢溝通,準確把握客戶需求,至關(guān)重要。大學生在校期間需要培養(yǎng)與人溝通能力,暢通的溝通渠道既有利于形成良好的教學效果,也是學生鍛煉自己溝通能力的重要途徑。課程在計算機公共機房開設(shè),存在三方關(guān)系,學生與學生,學生與教師,學生與機房管理人員,鼓勵學生積極地互動、溝通,及時解決問題,著力培養(yǎng)學生的溝通能力。
(2) 團隊合作能力。
網(wǎng)頁設(shè)計項目屬于團隊合作性質(zhì),需要各方良好的溝通及團隊合作精神。課程通過學生組隊合作開發(fā)項目,培養(yǎng)學生與他人合作的精神,培養(yǎng)學生的團隊合作榮譽感。
(3) 信息處理能力。
網(wǎng)頁設(shè)計是一個有活力的領(lǐng)域,新穎性強,需要有強大的信息處理能力。通過有效渠道獲得所需要的信息,并對信息進行處理,這是解決問題的前提。通過收集課程項目所需要的信息,網(wǎng)頁設(shè)計課程逐漸引領(lǐng)學生熟悉網(wǎng)頁設(shè)計常用的方法和工具,使學生能夠高效地獲得有用的信息資源。
(4) 解決問題能力。
使用所掌握的技術(shù),并結(jié)合獲得的信息,解決客戶的問題,這是網(wǎng)頁設(shè)計師職業(yè)能力的重點。需要有良好的溝通能力和團隊精神作為基本素質(zhì),能夠獲取并處理信息,具備扎實的專業(yè)技能,滿足客戶的需求,了解客戶消費心理學,設(shè)計出合理有效的解決方案,并加以實施,這是能力培養(yǎng)的核心所在。
(5) 自學能力。
自學能力是一種再生資源,是網(wǎng)頁設(shè)計師職業(yè)生涯中最寶貴的財富。作為高職學生,在學習過程中,能掌握學習方法,養(yǎng)成良好的學習規(guī)律和熟悉學習渠道,能利用獲得有用的信息解決問題,那么畢業(yè)后,就能從容面對職業(yè)中所遇到的問題。面對問題,要充滿好奇、好學,能主動求知,這是課程需要引導(dǎo)學生的。適當鼓勵和引導(dǎo),培養(yǎng)學生自我解決問題的能力,這個過程就是自學能力的培養(yǎng)。
(6) 創(chuàng)新能力。
創(chuàng)新是科技發(fā)展的靈魂。作為一個新穎性的職業(yè),網(wǎng)頁設(shè)計師同樣需要具有創(chuàng)新精神。了解創(chuàng)新,關(guān)注創(chuàng)新,嘗試創(chuàng)新!引導(dǎo)學生做有用的創(chuàng)新,培養(yǎng)學生的創(chuàng)新意識,關(guān)注國內(nèi)行業(yè)內(nèi)的創(chuàng)新新聞,如李開復(fù)先生所創(chuàng)立的創(chuàng)新夢工廠等。培養(yǎng)創(chuàng)新精神,這是網(wǎng)頁設(shè)計師未來職業(yè)發(fā)展的重要條件。
2.3面向工作過程的教學總體目標
總體能力目標:規(guī)劃、設(shè)計和制作B2C網(wǎng)趣電子商務(wù)網(wǎng)站。能夠規(guī)劃、設(shè)計和制作門戶網(wǎng)站或電子商務(wù)等網(wǎng)站;能夠?qū)W(wǎng)站項目理解、分析、規(guī)劃、評價;能夠按照專業(yè)規(guī)范進行操作,作品規(guī)范可維護;熟悉網(wǎng)頁制作和網(wǎng)站建設(shè)工作環(huán)境及主要工具;具備文本、圖片、動畫素材處理能力;熟悉使用并積累網(wǎng)頁設(shè)計師開發(fā)常用第三方工具;具備網(wǎng)站維護和更新處理能力。教學以B2C網(wǎng)趣電子商務(wù)網(wǎng)站項目作為主要能力訓練載體,以“先授人以魚再授人以漁”為教學方法,以鼓勵學生參加網(wǎng)頁設(shè)計大賽為促進方法,全面開展教學工作,培養(yǎng)學生敏銳觀察能力、清晰邏輯思維、良好團隊合作精神,使其具備自我學習能力和持續(xù)發(fā)展?jié)摿Α?/p>
2.4面向工作過程的教學內(nèi)容設(shè)置
網(wǎng)頁制作技術(shù)課程面向工作過程的教學內(nèi)容設(shè)置,如表1所示。
2.5面向工作過程的能力訓練項目及認知設(shè)計
項目教學的關(guān)鍵在于項目的選取。一個項目的選取好壞直接影響到項目教學法實施后是否能取得較好的結(jié)果。好的項目不但鍛煉了學生的學習和動手能力,還可以激發(fā)學生的學習興趣,讓學生在完成任務(wù)之后能獲得成就感[4]。因此,要選擇切實可行并且學生感興趣的項目。
本課程以實際項目――B2C網(wǎng)趣電子商務(wù)網(wǎng)站作為驅(qū)動,項目貫穿整個學期教學工作,每次課程完成其中部分小項目,最后整合成一個大項目;并以學生參加網(wǎng)頁設(shè)計大賽為促進,使學生系統(tǒng)、完整掌握網(wǎng)頁制作技術(shù)。教學開展思路為:初級階段以逆向開發(fā)分析、模仿為主,學生具備一定基礎(chǔ)后走向正向開發(fā)過程。授課以基礎(chǔ)能力訓練為主,將制作網(wǎng)趣商城電子商務(wù)網(wǎng)站項目所需要能力進行分析,詳細設(shè)置能力訓練項目,讓學生跟隨教師模仿完成,及時考核,完成該部分內(nèi)容,考核為及格或中等。提高篇:對學生進行創(chuàng)作引導(dǎo),拋磚引玉,培養(yǎng)學生成就感、信心,鼓勵學生創(chuàng)新,積極參與網(wǎng)頁設(shè)計大賽,進行正向開發(fā)。輔導(dǎo)學生參與比賽,給予項目實際支持。至此,學生可以參與學院精品課程網(wǎng)站建設(shè),并以此作為課程后續(xù)學習。
認知過程設(shè)計[5]:
1) 課程基于真實產(chǎn)品的任務(wù)驅(qū)動型教學方式,符合職業(yè)技能的形成規(guī)律。
2) 課程結(jié)構(gòu)“模塊化”、課程實踐“項目化”、課程資源“系列化”、技能訓練“層次化”,符合信息技術(shù)時代“生物學習模式”認知規(guī)律。
3) 構(gòu)建了以“網(wǎng)站開發(fā)工作過程”為導(dǎo)向的“模塊式”課程結(jié)構(gòu),課程分為9個教學模塊、16個教學單元。課程模塊根據(jù)崗位需求變化、教學實際情況靈活組合、動態(tài)調(diào)整。課程內(nèi)容根據(jù)網(wǎng)頁制作技術(shù)發(fā)展持續(xù)更新。
2.6面向工作過程的教學實施
課程教學改革實施具體方式:根據(jù)能力培養(yǎng)要求,結(jié)合認知規(guī)律,充分利用多種溝通工具,形成特色教學過程。教學開展分三步走,分別為課前、課中、課后,如圖4所示。
教學方法――學中做,做中學。
模式一:初級階段,逆向開發(fā),如圖5所示。
模式二:中級階段,逆向開發(fā)。如圖6所示。
模式三:高級階段,正向開發(fā)。如圖7所示。
2.7面向工作過程的教學考核方式探討
考核方式是課程的指揮棒,應(yīng)注重過程考核。
1) 基本思路。
本課程實操性強,學習效果即時可測?？己擞善綍r成績、課程設(shè)計、最終報告,具體比例如下。
(1) 平時成績40%:包括考勤(10%)、課堂表現(xiàn)(10%)、實踐報告(10%)、每階段上交作品質(zhì)量(10%)。
(2) 課程設(shè)計占60%:包括課程中制作的頁面(30%)、后期完善及豐富的頁面或自主項目(20%)、最終報告(10%)。
2) 課程設(shè)計的評分標準(共100分)。
課程設(shè)計貫穿整個學期,每次課完成部分頁面,最終完成一個網(wǎng)站,如表2所示。
3) 最終報告的評分標準(共100分),如表3所示。
3課程改革效果
課程出勤率較高,課堂上學生自覺專注于項目訓練,討論熱烈,學習精神狀態(tài)飽滿,興趣較高,氛圍濃郁。
課程項目完成效果良好,學生有一定成就感。
課程按行業(yè)規(guī)范操作,培養(yǎng)學生良好操作習慣。
通過佛山電子協(xié)會友情鏈接,部分學生已在關(guān)注佛山地區(qū)電子產(chǎn)品公司網(wǎng)站平臺。
得到學生和同行專家肯定,學生評價教學優(yōu)秀,并獲得學院年度教學質(zhì)量優(yōu)秀獎。
學生參加學院網(wǎng)頁設(shè)計大賽興趣濃郁,并有11位同學獲獎,產(chǎn)生一批優(yōu)秀作品。
4結(jié)語
我院實施的課程改革面向以職業(yè)活動為導(dǎo)向,面向工作過程,經(jīng)調(diào)查確定職業(yè)崗位群,分析該崗位工作過程中所需要的專業(yè)能力和職業(yè)核心能力,確定課程整體目標,具體分解能力目標。以項目為驅(qū)動,合理設(shè)計課程內(nèi)容;設(shè)置能力訓練項目表,進行認知過程探討,符合生物認知模型。教學開展思路為逆向開發(fā)分析、模仿、正向開發(fā)過程,靈活采用3種教學模式。重視考核方案設(shè)計,強調(diào)過程考核。實踐證明課程改革效果良好。
參考文獻:
[1] 戴士弘. 職業(yè)教育課程教學改革[M]. 北京:清華大學出版社,2007:8-15.
[2] 戴士弘. 高職教改課程教學設(shè)計案例集[M]. 北京:清華大學出版社,2007:57-65.
[3] 楊曉明. “網(wǎng)頁制作”課程教學改革的探索與研究[J]. 甘肅聯(lián)合大學學報,2008(22):1012-1013.
[4] 于曉霞. 基于“工作過程”面向“職業(yè)崗位定位”的教學模式在網(wǎng)頁設(shè)計課程中的應(yīng)用[J]. 科技信息,2009(6):212-213.
[5] 史瑞芳. 網(wǎng)頁設(shè)計與制作課程中項目教學法的引用[J]. 山西經(jīng)濟管理干部學院學報,2008(4):115-117.
參考文獻:
[1] 鐘柏昌. 任務(wù)驅(qū)動教學的反思與重塑[D]. 南京師范大學,2004:13-15.
[2] 郭紹青. 任務(wù)驅(qū)動教學法的內(nèi)涵[J]. 中國電化教育,2006,234(7):57-59.
[3] 吳?；?王連山. 計算機軟件項目教學改革的實踐與探索―基于“任務(wù)驅(qū)動”的小組協(xié)作教學模式[J],考試周刊,2009,23:11-12.
[4] 李振娥,劉旭源. 基于任務(wù)的小組協(xié)作學習教學結(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è)計報告范文
關(guān)鍵詞：網(wǎng)頁設(shè)計；課程設(shè)計；教學方法
中圖分類號：G4 文獻標識碼：A 文章編號：16723198（2012）16014701
網(wǎng)頁設(shè)計是高職計算機應(yīng)用專業(yè)一門操作性極強的必修專業(yè)課程，具有很強的崗位針對性，而現(xiàn)今傳統(tǒng)的計算機應(yīng)用專業(yè)畢業(yè)生的社會需求趨于飽和，單項專業(yè)性精通的人才卻明顯短缺?，F(xiàn)今，各個高等院校紛紛開設(shè)了網(wǎng)頁設(shè)計的課程，培養(yǎng)網(wǎng)頁設(shè)計的專門人員，網(wǎng)頁設(shè)計課程的教學顯得尤為重要。為此，為了提高網(wǎng)頁設(shè)計課程的教學質(zhì)量，筆者從課程設(shè)置特點、課程設(shè)計、教學內(nèi)容、教學方法、實驗環(huán)節(jié)等多方面對本課程進行了積極的探索，并總結(jié)如下。
1 明確課程地位，彰顯課程的特點
高職院校計算機應(yīng)用專業(yè)開設(shè)的網(wǎng)頁設(shè)計課程不是僅作為一門孤立課程存在的，它是要靠多門學科的知識給予支撐，并且它們之間相互滲透和依賴，而構(gòu)成的一個科學的、完整的課程體系。網(wǎng)頁設(shè)計課程的主要目的，是通過對本課程的學習，培養(yǎng)學生對該軟件的實際動手使用和綜合應(yīng)用能力，使學生能夠運用所學的知識進行網(wǎng)頁設(shè)計，制作出專業(yè)的、精美的網(wǎng)頁頁面和網(wǎng)站站點，包括站點構(gòu)建、頁面設(shè)計、數(shù)據(jù)庫和網(wǎng)站后期維護和管理等。其中還重點體現(xiàn)在它的教學內(nèi)容實踐性較強，能極大的激發(fā)學生的參與性，鍛煉學生動手能力，培養(yǎng)學生的專業(yè)興趣。教師在教學中也一定要注意理論與實踐相結(jié)合，實踐操作內(nèi)容是教學的基礎(chǔ)，應(yīng)該給予學生充足的動手實踐機會，使學生在學中練、練中學。
2 了解社會需求，調(diào)整課程設(shè)計
在信息迅速膨脹、網(wǎng)絡(luò)飛速發(fā)展的今天，國際互聯(lián)網(wǎng)也正以其驚人的速度空前發(fā)展，我國互聯(lián)網(wǎng)的用戶正在持續(xù)遞增，該行業(yè)的人才缺口相當驚人，預(yù)計我國在未來10年大約需要200萬名企業(yè)商務(wù)網(wǎng)站設(shè)計專業(yè)人才。因此，針對社會市場崗位需求，課程設(shè)計也應(yīng)緊跟市場步伐，在課程設(shè)計中，應(yīng)突出對企業(yè)網(wǎng)站和電子商務(wù)網(wǎng)站建設(shè)方面技術(shù)的掌握，如訪問計數(shù)器、意見反饋單或各類商務(wù)單證、動畫及廣告模式、商貿(mào)業(yè)務(wù)及相關(guān)熱門話題論壇、導(dǎo)航器及搜索引擎、菜單以及數(shù)據(jù)庫等。為此在對傳統(tǒng)網(wǎng)頁知識技術(shù)掌握的同時，還必須有其他相關(guān)知識點的穿插，在動態(tài)網(wǎng)頁設(shè)計和數(shù)據(jù)庫方面有待加強，這樣才能更符合社會市場的人才需求和對課程設(shè)計更具針對性。
3 及時更新知識，重組教學內(nèi)容
當前計算機科學技術(shù)的日新月異，網(wǎng)頁設(shè)計技術(shù)不斷的更新，網(wǎng)頁設(shè)計軟件也層出不窮，學生對新知識的渴望也十分迫切，這就要求教師本身也要不斷的加強學習和專業(yè)技能培訓，更新和強化新知識新技術(shù)，同時根據(jù)專業(yè)培養(yǎng)的目標及企業(yè)的崗位需求重組符合實際的教學內(nèi)容。目前，網(wǎng)頁設(shè)計課程教學內(nèi)容是以Dreamweaver作為主要工具，其中以靜態(tài)網(wǎng)頁設(shè)計作為學習的重點，主要培養(yǎng)設(shè)計人才，但在培養(yǎng)方面，也需要配以Flash、Photoshop等軟件的介紹，使學生在熟練掌握靜態(tài)網(wǎng)頁設(shè)計技術(shù)的基礎(chǔ)上，還應(yīng)掌握HTML語言、JAVASCRIPT腳本語言、VBSCRIPT腳本語言、ASP、數(shù)據(jù)庫等相關(guān)內(nèi)容，為學生今后更進一步的學習打下堅實的基礎(chǔ)。
4 注重因材施教，改革教學方法
早在孔孟時代就提出了“因材施教”和“授之以漁”的教育理念，學生在學習過程中，由于學生智能及動手能力各有差異的，因此，在網(wǎng)頁設(shè)計教學過程中，教師更應(yīng)該注重因材施教，教師可對本班學生情況進行分類，根據(jù)學生實際水平的差異，對不同水平的學生給予不同的要求，設(shè)計基本要求和提高要求兩類題型，對能力較強的同學要求完成相應(yīng)提高部分的題目。為此，不同的學生、不同的要求，對教學方法提出了更高的要求，傳統(tǒng)的教學方法肯定不能適應(yīng)學生的需求，改革教學方法就顯得極為關(guān)鍵，網(wǎng)頁設(shè)計實際操作性很強，相比那些理論性的課程，學生更容易產(chǎn)生興趣，教師應(yīng)利用這個特點，注重培養(yǎng)學生的動手能力，讓學生在實際操作的過程中發(fā)現(xiàn)問題并解決問題。同時，在教學過程中，教學方法還應(yīng)不斷摸索和創(chuàng)新，采用多種教學方法并重的方式，除常規(guī)的教學方法外，還可以采用案例教學法，任務(wù)驅(qū)動教學法，講練結(jié)合等教學方法，整個教學過程主要以展示案例、分析案例、講解知識點、教師演示和學生操練，最后再進行綜合案例的應(yīng)用，這樣既讓學生對案例有了實質(zhì)性的接觸和學習，又能充分的去完成對知識的自我構(gòu)建和強化實訓。
5 加強實訓環(huán)節(jié)，變革考核方式
網(wǎng)頁設(shè)計是一門操作性和實用性很強的實訓課程，實訓至關(guān)重要，要提高學生實踐動手能力，必須加強實訓環(huán)節(jié)。在教學過程中的教學任務(wù)都應(yīng)緊密圍繞教學內(nèi)容進行來設(shè)計實訓，每次課都經(jīng)過精心設(shè)計做成實訓單元，每2節(jié)課為一個實訓環(huán)節(jié)，并詳細描述實訓要求、實訓目標、實訓內(nèi)容及步驟等。學生實訓時將具體網(wǎng)站案例進行模塊化分工，全班進行分小組完成各自實訓模塊，并且實訓完成后要求寫出完整的實訓報告。同時，在對學生的考核方面，傳統(tǒng)的考試模式主要是以理論考試為主，而這種考試模式對該課程很不適應(yīng)，因此筆者將課程的考核分為三個部分：平時成績（20%）+理論成績（20%）+實訓成績（60%），其中平時成績按每堂課的作業(yè)完成情況和學生考勤進行打分；理論考試注重學生對網(wǎng)頁設(shè)計基礎(chǔ)知識、基本理論的掌握，采用選擇題判斷題等客觀題的方式進行，為學生進一步的學習夯實基礎(chǔ)；實訓考試則考查學生實際動手能力，以便學生學完本課程后能有一技之長，真正做到學以致用。
參考文獻
第5篇：網(wǎng)頁設(shè)計報告范文
【關(guān)鍵詞】：數(shù)據(jù)庫的連接；動態(tài)數(shù)據(jù)綁定；動態(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è)計精美的靜態(tài)頁面也已司空見慣，對于網(wǎng)站中所釋放的大量的信息，訪問者更加傾向于具有一定交互功能的動態(tài)網(wǎng)頁設(shè)計。所以，現(xiàn)實中的互聯(lián)網(wǎng)網(wǎng)頁技術(shù)的發(fā)展方向主要集中在互動式的動態(tài)網(wǎng)頁設(shè)計。交互式的動態(tài)網(wǎng)頁設(shè)計的特點主要集中在人機的互動性和動態(tài)性，交互性可提高人機交互的靈活性，動態(tài)性可實現(xiàn)信息的趣味性和可讀性。
一、動態(tài)交互網(wǎng)頁的基本概念
相比于傳統(tǒng)的靜態(tài)網(wǎng)頁，交互式的動態(tài)網(wǎng)頁有著數(shù)據(jù)傳輸靈活，可進行人機交互的特點。傳統(tǒng)的靜態(tài)網(wǎng)頁常常是指網(wǎng)頁的腳本語句，并不會出現(xiàn)在服務(wù)器上進行有效的運行。當訪問該網(wǎng)頁的訪問者進行訪問時，服務(wù)器并不會對該網(wǎng)頁進行改動，而是直接將該網(wǎng)頁的全部數(shù)據(jù)進行有效的傳輸，傳輸?shù)皆L問者的瀏覽器上。簡而言之就是，在網(wǎng)頁的設(shè)計者在網(wǎng)頁的程序設(shè)計時，就已經(jīng)把所有的東西都固定了下來，靜態(tài)網(wǎng)頁一旦制作完成，就不會再改變了，而動態(tài)的交互式網(wǎng)頁則完全不同。
交互式的動態(tài)網(wǎng)頁相比靜態(tài)網(wǎng)頁，它所擁有的最大區(qū)別就是對于動態(tài)性和交互性的改變，動態(tài)性是網(wǎng)頁會根據(jù)用戶的不同要求，進而選擇相應(yīng)的動態(tài)響應(yīng)來進行人機交互。也就是說，動態(tài)網(wǎng)頁并不是單純的HTML文檔，而是具有了一定的動態(tài)性能，可以進行一定的連接使用，連接后臺的數(shù)據(jù)庫等等。這樣就可以使本來的網(wǎng)頁含有更多的信息量，甚至是按照用戶的要求在已有的處理器上進行一定的信息處理，對后臺的大量資源進行有效的處理。
在當今信息時代的大背景下，各種程序語言的出現(xiàn)，大量的資源得到較高效的使用。每一個網(wǎng)頁的設(shè)計也不再局限于簡單的靜態(tài)性，越來越多的動態(tài)性網(wǎng)頁充斥著人們的眼球，大量的動態(tài)效果既可以抓住人們的眼球，也可以增加趣味性，進而實現(xiàn)人機的交互，交互式的動態(tài)網(wǎng)頁也正是在這樣的背景之下，才被逐漸的發(fā)展而來的。
二、動態(tài)交互式網(wǎng)頁的分類
交互式的動態(tài)網(wǎng)頁作為靜態(tài)網(wǎng)頁的升級版，它的分類較之靜態(tài)網(wǎng)頁也更加的嚴謹、細致，對于交互式的動態(tài)網(wǎng)頁的分類，在經(jīng)過一定的總結(jié)匯總之后，現(xiàn)進行以下的分類：
（一）信息可以向上層進行反饋的頁面
信息可以向上層進行反饋的頁面，指的是能對用戶的信息和反饋意見進行分析和收集的頁面。在一定的條件下，還能夠?qū)τ脩羲峤坏牟糠中畔⑦M行一定有效的統(tǒng)計和分析。此類最常見的動態(tài)交互式的網(wǎng)頁大多使用在購物、注冊系統(tǒng)、考試系統(tǒng)等的網(wǎng)頁制作中。
（二）信息可以向下層進行反饋的頁面
信息可以向下層進行反饋的頁面，指的是能對有關(guān)數(shù)據(jù)進行搜索的功能，主要是指在網(wǎng)站后臺的數(shù)據(jù)庫中進行一定的搜索和檢查，在獲取到想要的信息之后，能夠在用戶的頁面進行顯示，能夠?qū)τ脩舻男枨筮M行反饋。此類交互式的動態(tài)網(wǎng)頁主要使用在頁面查詢、管理者留言，以及遠程的教學功用等的頁面。
（三）對信息進行管理的頁面
對信息進行一定管理，是指管理者能夠通過網(wǎng)頁進行一地你給的數(shù)據(jù)管理，主要功用是指管理者能夠在后臺的數(shù)據(jù)庫記錄中進行一定的編輯、刪除、總結(jié)和整理等功能。此類的交互式動態(tài)網(wǎng)頁主要是使用在管理者的后臺操作中，這對于管理者的人機交互有著更加有效的使用效率。
三、動態(tài)交互式網(wǎng)頁的制作步驟
（一）建立數(shù)據(jù)庫、創(chuàng)建ODBC數(shù)據(jù)源
交互式的動態(tài)網(wǎng)頁最重要的一部分就是對于后臺程序的設(shè)計，而數(shù)據(jù)庫對于后臺程序而言，則是用來存放大量數(shù)據(jù)和程序的重要場所。在設(shè)計交互式的動態(tài)網(wǎng)頁時，數(shù)據(jù)庫的重要性就變得越來越重要。ODBC數(shù)據(jù)源是一套能夠讀取各種不同數(shù)據(jù)庫的完整解決方案，它可以將全部的底層操作隱藏在內(nèi)核中。
（二）制作靜態(tài)頁面
一般而言，交互式動態(tài)網(wǎng)頁的設(shè)計都是從靜態(tài)網(wǎng)頁開始，所以靜態(tài)網(wǎng)頁的設(shè)計也是動態(tài)網(wǎng)頁設(shè)計的基礎(chǔ)。靜態(tài)網(wǎng)頁的設(shè)計需要將所需要的基本網(wǎng)頁信息全部放置到網(wǎng)頁上，然后再將靜態(tài)網(wǎng)頁中的部分對象進行與數(shù)據(jù)庫的連接。
（三）創(chuàng)建數(shù)據(jù)庫的連接
數(shù)據(jù)庫的連接主要是指對于后臺數(shù)據(jù)庫內(nèi)部的基本設(shè)置進行一定的參數(shù)設(shè)置，如果部隊內(nèi)部數(shù)據(jù)庫的一些主要參數(shù)進行基本的設(shè)置，那么在最基本的WEB應(yīng)用程序中就不會和數(shù)據(jù)庫進行最基本的鏈接和調(diào)用，基本的創(chuàng)建方法可以在其他資料內(nèi)查到。
（四）定義記錄集
由于交互式的動態(tài)網(wǎng)頁需要從后臺的數(shù)據(jù)庫中進行一定的數(shù)據(jù)調(diào)用和查找，所以需要定義記錄集。記錄集的主要作用是將數(shù)據(jù)庫返回的數(shù)據(jù)組成進行臨時的儲存，以便在以后的應(yīng)用程序中可以進行快速的調(diào)用。
四、總結(jié)
交互式的動態(tài)網(wǎng)頁的大量使用和發(fā)展，使得交互式的動態(tài)網(wǎng)頁技術(shù)得到了很大的發(fā)展，相比于靜態(tài)網(wǎng)頁，交互式的動態(tài)網(wǎng)頁有著巨大的優(yōu)勢，它在人機互動方面有著更加明顯且清晰的效果，而且在網(wǎng)頁的動態(tài)性上也有著明顯的優(yōu)勢，這對于網(wǎng)頁的識別效果、人機交互的效果都有著重要的幫助。
參考文獻
[1] 成蹊，IDC-新型信息服務(wù)基礎(chǔ)設(shè)施，世界電信-2001年3期.
[2] 互聯(lián)網(wǎng)周刊.中國網(wǎng)絡(luò)經(jīng)濟發(fā)展月度報告：中國IDC市場分析報告互聯(lián)網(wǎng)周刊-2001年4期.
[3] 孫印杰，馬子彥，郭利周.新世紀網(wǎng)頁設(shè)計師培訓教程[M].北京：電子工業(yè)出版社，2004.
第6篇：網(wǎng)頁設(shè)計報告范文
關(guān)鍵詞:高職院校;網(wǎng)頁設(shè)計與制作;教學改革;項目驅(qū)動
中圖分類號:G642文獻標識碼: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è)計與制作》課程是近幾年高職院校普遍開設(shè)的一門課程,它的實踐性非常強,包含內(nèi)容非常豐富,隨時展不斷變化,且極具創(chuàng)造性,受到學生的歡迎。怎樣在有限的課堂教學中讓學生掌握網(wǎng)頁設(shè)計與制作的技巧,培養(yǎng)他們的實際動手能力,是教師們一直關(guān)注的。筆者在實際教學中一直在積極探索,就此結(jié)合自己教學經(jīng)驗談?wù)剮c體會。
1 確定教學目標
1.1 確定《網(wǎng)頁設(shè)計與制作》課程在整個專業(yè)課程體系中的位置
該門課程在高職院校中屬于職業(yè)素質(zhì)拓展課程,以計算機應(yīng)用專業(yè)為例,本課程在該專業(yè)課程體系中位于一個非常重要的位置,如圖1。
《計算機應(yīng)用基礎(chǔ)》、《C語言程序設(shè)計》作為它的先導(dǎo)課程,為它提供了必要的知識準備,比如熟悉設(shè)計平臺,了解文字基本操作等等,同時《網(wǎng)頁設(shè)計與制作》又為它的后續(xù)課程《動態(tài)網(wǎng)頁設(shè)計》、《javascript腳本語言》打下堅實基礎(chǔ)。本課程的學習有助于學生學習本專業(yè)相關(guān)其它知識,提高學生的動手能力,提高學生將來從事實際工作的綜合素質(zhì)。
1.2 課程教育任務(wù)
通過調(diào)研,分析該課程今后面向的職業(yè)崗位群。學生將來主要面向企業(yè)、公司、事業(yè)單位和政府機關(guān)從事管理互聯(lián)網(wǎng)信息,網(wǎng)頁制作、網(wǎng)站設(shè)計、建設(shè)和維護工作。根據(jù)從事這些崗位要具備的知識、能力和素質(zhì)及專業(yè)人才培養(yǎng)目標,定制了本課程的教育任務(wù)。通過本課程的學習,逐漸提高學生的審美能力,培養(yǎng)學生的動手能力、創(chuàng)新能力、一定的溝通技巧和團隊合作技巧。通過學習本課程,學生具備:1)網(wǎng)站規(guī)劃、創(chuàng)建及測試的能力;2)美化網(wǎng)頁能力;3)考取相關(guān)行業(yè)證書的能力。
2 區(qū)分教學對象
網(wǎng)頁設(shè)計與制作這門課程在我院電子商務(wù)、計算機相關(guān)專業(yè)都有開設(shè)。本課程包含的知識面非常廣:網(wǎng)頁基礎(chǔ)知識、CSS樣式表、Dreamweaver、flash 、Fireworks及HTML語言、 Javascript語言等。該課程對學生的動手能力要求也較高,要求學生學完本課程后能以團隊協(xié)作的方式進行小型網(wǎng)站的開發(fā)?？紤]到教學對象來自不同的專業(yè),在課程設(shè)計時應(yīng)根據(jù)不同專業(yè)的人才培養(yǎng)目標、各專業(yè)的特點、學生知識結(jié)構(gòu)的差異,在教學內(nèi)容的選取上要有區(qū)別,真正做到因材施教。比如計算機專業(yè)學生邏輯思維能力較強,有一定的編程基礎(chǔ),教學側(cè)重網(wǎng)站開發(fā),通過課程學習學生能熟練運用CSS樣式表及HTML語言,且能利用Javascript編寫一些網(wǎng)頁特效。而文科類學生對顏色、布局及構(gòu)圖較敏感,有一定圖像處理基礎(chǔ),對他們則側(cè)重網(wǎng)頁設(shè)計方面,通過本課程的學習學生能夠設(shè)計較美觀的頁面,能利用動畫軟件創(chuàng)造生動、活潑的頁面。
3 選取教學內(nèi)容
教學內(nèi)容應(yīng)能適應(yīng)行業(yè)技術(shù)的發(fā)展,選取以專項職業(yè)能力為導(dǎo)向,突出“學以致用”。在教學時應(yīng) “理論夠用,重在實踐”,不可過多的強調(diào)理論或使用過時的版本,否則學生容易產(chǎn)生厭學的情緒。
將網(wǎng)頁設(shè)計和制作中必須的知識和技能分為兩類:必修和選修,教學內(nèi)容按模塊設(shè)計,將知識和技能分為四大模塊:網(wǎng)頁設(shè)計基礎(chǔ)模塊、網(wǎng)頁設(shè)計技術(shù)模塊、網(wǎng)頁美工模塊、產(chǎn)品開發(fā)模塊,每個模塊都有相應(yīng)的知識目標和能力目標,可以根據(jù)不同專業(yè)的學時及學生水平靈活選取教學內(nèi)容。
4 改進教學方法
4.1 項目驅(qū)動教學
傳統(tǒng)的案例教學法通過一些零散的案例讓學生了解和掌握網(wǎng)頁設(shè)計技術(shù),這樣的方式學生學習的比較被動,他們通常過于專注某個案例制作步驟或網(wǎng)頁制作工具的操作,而忽視完整的網(wǎng)站開發(fā)與制作。而如果采用項目驅(qū)動的專題教學模式則能較好解決這些問題。
“項目驅(qū)動”是在研究教學大綱、課程內(nèi)容、教學對象的基礎(chǔ)上,選擇難度適中,知識覆蓋較廣的項目。項目應(yīng)作為一條主線貫穿整個課程,相關(guān)的學習活動都圍繞這根主線進行。項目驅(qū)動教學突出特點是目標明確、操作性強、生動直觀,易于能力的培養(yǎng)。
針對本課程,先設(shè)計一個總項目 ,再根據(jù)循序漸進的原則,分小項目進行教學 。把總項目分成若干小項目,再把小項目分成不同的子項目,子項目再分解成步驟。 通常以子項目為教學單位,劃分層次如下:總項目小項目子項目步驟。例如,設(shè)計一個“暢想未來”的網(wǎng)站,這個總項目可以分解成多個小項目,單個頁面可作為一個小項目,而該小項目又可分為版面布局、導(dǎo)航條制作、圖片處理、動畫效果等幾個子項目。對于子項目教學過程,可按圖2進行:
在具體教學實踐中,可以讓學生組成項目小組,根據(jù)具體項目的開發(fā)流程細化的制定出項目進度表,學生以小組為單位,分工合作完成。
以子項目為教學單位,教師可結(jié)合教學大綱,收集與設(shè)計符合開發(fā)進度的教學專題。專題應(yīng)盡可能將課程大部分知識點覆蓋,由若干個教學案例組成,先易后難;專題與專題之間要有聯(lián)系,前后連貫,為完成一個完整的網(wǎng)站項目服務(wù)。例如,在項目進度到網(wǎng)頁的排版與布局時,筆者收集了大量的排版與布局的案例,以專題的形式講授如何利用表格、層、框架來制作流行的排版和布局模式,學生對于網(wǎng)頁的排版和布局有了更全面、深刻的認識,改變以往教師單純用知識點講解,學生學得比較零散的缺點,有較好教學效果。
4.2 分層次教學
網(wǎng)頁設(shè)計與制作是一門實踐性很強的課程,學生的水平參差不齊。有些學生接受能力很強,能快速掌握并理解教師所授知識,并能在理解基礎(chǔ)上有所突破,而有的學生接受較慢,要通過不斷重復(fù)才能掌握,因此,要根據(jù)學生掌握水平及學生學習的興趣、智力水平、恒心等這因素些來區(qū)分學生層次,給不同層次的學生提出不同的目標和要求,保持各個層次的學生學習網(wǎng)頁設(shè)計與制作的積極性。
分層次教學時,需要注意幾點:第一 不同層次的學生應(yīng)該有不同的教學目標,不能按同一目標要求;第二 教學目標要充分發(fā)揮學生的主體地位。對基礎(chǔ)比較差的學生,目標重點在于克服他們由于畏懼困難而引起的厭學情緒,利用有限時間讓他們掌握最基本的操作;對一般學生,目標重點在于調(diào)動他們的學習積極性,使他們有新的發(fā)現(xiàn)和提高;對掌握較好學生,目標重點是使他們零散的知識更加系統(tǒng)性,在原有的基礎(chǔ)上更好掌握這門課程;第三 對不同層次學生教學目標不是機械不可變動的。
分層次教學具體如何實施呢?
網(wǎng)頁設(shè)計與制作每周在機房上機實踐,分層次教學體現(xiàn)在對不同層次的學生安排不同的試驗任務(wù),讓每個學生都有明確的任務(wù),在給定時間內(nèi)完成某些子項目。在具體教學過程中,可將這些子項目按由易到難分成不同的級別,不同層次的學生選擇不同難度級別的子項目,鼓勵學生在完成所選任務(wù)后嘗試去完成更高層次級別的任務(wù)。如何鼓勵學生能在完成自己能力范圍內(nèi)的子項目后向更高層次任務(wù)挑戰(zhàn)呢?教師可在上機指導(dǎo)過程中,做到前后聯(lián)系,對于學生每次的進步,給予及時的鼓勵;教師可將每次上機試驗學生做出來的作品拷貝,建立文件夾分門別類存放,對于不同層次的學生的作品給予評定,并對優(yōu)秀學生和進步學生給予一定的獎勵。
在課堂教學中,分層次教學體現(xiàn)在對學生的提問與交流上。由于課堂是在多媒體教室中進行,教師可從學生試驗作品中選擇不同難度層次的有代表性的作品,將這些作品展示在大屏幕上。由于作品均出自同學之手,大家會有很強的好奇心和興趣,教師可根據(jù)這些作品激發(fā)學生的求知欲,由易到難,由淺入深,讓學生在緊湊又輕松愉快的氛圍中掌握網(wǎng)頁制作知識,讓大家體會到知識變能力的無窮樂趣,樹立大家學習的信心。
4.3 專題討論
雖然教師在設(shè)計項目進行專題教學時力求涵蓋大多數(shù)知識點,但由于網(wǎng)頁設(shè)計與制作技術(shù)發(fā)展迅速及教師個人知識結(jié)構(gòu)和藝術(shù)修養(yǎng)的局限,總有些遺漏和不足的地方。因此,教師應(yīng)最大程度的利用網(wǎng)絡(luò)資源,彌補課堂教學的不足。比如給學生提供一些視頻,介紹一些優(yōu)秀的網(wǎng)站,開闊學生視野,增加他們的感性認識。可以組織學生按專題討論分析這些優(yōu)秀網(wǎng)站的創(chuàng)意、特點及使用的技術(shù),在討論中提高他們分析問題和解決問題的能力。
5 改革考核方式
網(wǎng)頁設(shè)計與制作傳統(tǒng)的考核方式是筆試+機試或上交作品的方式,這兩種考核方式各有利弊。筆試+機試的考核方式可以了解學生對網(wǎng)頁設(shè)計與制作理論知識掌握程度和對工具使用的熟練程度,但不能反應(yīng)學生的綜合應(yīng)用能力;上交作品的考核方式能反映學生的動手能力,但反映不了理論水平且過程無法監(jiān)控。筆者采用平時成績(20%)+作品(20%)+分階段考核(60%)方式,盡量使考試做到公平、可控,能全面真實的反映學生的水平。平時成績主要是學生的到課情況、試驗報告填寫情況、實訓設(shè)備保存完好情況等組成;分階段考核方式主要是根據(jù)不同階段學生子項目完成情況及最后期末機試組成,學生每次上機實踐的作品均可用“極域電子教室”軟件提交保存,這樣每次學生子項目的完成情況教師均可查看,且能根據(jù)完成情況給定相應(yīng)的成績,這樣各個階段均可考核,彌補了只有最后一次上機考試不能全面反映學生真實水平的不足;學生最后上交的作品除了有作品外,還要有相應(yīng)的日志,在什么階段完成什么工作,用到哪些技術(shù),如何實現(xiàn)某些效果等,而最后成績的評定,主要通過專業(yè)教師與行業(yè)專家共同完成。
6 結(jié)束語
在網(wǎng)頁設(shè)計與制作的教學過程中,依據(jù)教學目標,針對不同的教學對象,選擇相應(yīng)的教學內(nèi)容,采用適當?shù)慕虒W模式和考核方法,注重課堂的互動,激發(fā)學生的求知欲、調(diào)動學生學習的主動性,從而提高學生分析問題解決問題能力及動手能力,能取得較好的教學效果。
參考文獻
[1] 安穎蓮.網(wǎng)頁設(shè)計與制作課程教學設(shè)計與實踐[J].中國教育信息化,2007(9).
第7篇：網(wǎng)頁設(shè)計報告范文
1．1知識點孤立，教學效果較差
傳統(tǒng)的網(wǎng)頁設(shè)計課程是按照教材的內(nèi)容，講解HTML語言和DreamWeaver工具的使用。學生往往不能將所學知識聯(lián)系起來。學期結(jié)束后，學生對整個網(wǎng)站的構(gòu)建缺乏清晰的概念，提交的作品質(zhì)量較差。在對學生進行期中課程質(zhì)量問卷調(diào)查中，80％的學生都認為課程所學內(nèi)容可以理解，但是當教師要求學生動手完成網(wǎng)站時，90％的學生都不能很好完成。這正是因為在傳統(tǒng)教學中一般采用講授法和實驗法，一周2學時的理論講解，2學時的實驗課。教師按照教材章節(jié)進行教學并布置實驗內(nèi)容，這樣就造成了學生只對單一章節(jié)知識的理解，難以將所學內(nèi)容聯(lián)系在一起。
1．2教材過時，影響教學效果
網(wǎng)頁設(shè)計課程是一門應(yīng)用極強的課程，技術(shù)和工具的更新?lián)Q代較快。而與之矛盾的卻是教材的出版周期較長，往往跟不上技術(shù)發(fā)展的腳步。例如，當前，DreamweaverCS6已經(jīng)成為主流網(wǎng)頁設(shè)計的軟件，但是一些教材還停留在講解Dreamweav－erCS3上，導(dǎo)致學生的興趣不高，不利于學生創(chuàng)造能力的培養(yǎng)，違背了教學目標的要求。同時，按照教材的內(nèi)容講解也限制了教師的教學，目前高校中使用的網(wǎng)頁設(shè)計教材分為兩種，一種是基于理論性質(zhì)的，單純講解HTML，一種是介紹Dreamweaver網(wǎng)頁開發(fā)的。前一種不適合非計算機專業(yè)學生學習，內(nèi)容比較枯燥，學生在沒有計算機程序語言的基礎(chǔ)上很難理解。一般高校對非計算機專業(yè)學生都選擇使用第二種介紹Dreamweaver的教材，而該教材則會造成學生的開發(fā)水平較低，過度依賴工具，無法解決實際問題。
1．3教學方法單一，學生學習興趣不高
對于公共課來說，學習興趣是學生是否能學好課程的重要因素。對于計算機應(yīng)用能力較差的非計算機專業(yè)學生來說，在學習網(wǎng)頁設(shè)計這門課程時，如何提高學生的興趣至關(guān)重要。傳統(tǒng)的網(wǎng)頁設(shè)計課程的教學采用2學時理論和2學時實驗課的形式進行，學生缺少動手的機會，往往使學生對課程缺乏興趣，這阻礙了學生的能動性與創(chuàng)造性的發(fā)揮。對學生進行調(diào)查問卷中，70％的學生都提出課程設(shè)置實驗時間較少，應(yīng)將課程都安排在實驗室等問題，還有一些學生認為網(wǎng)頁設(shè)計課程應(yīng)以提高學生興趣為出發(fā)點。這些都說明了學生對于增加自己實踐機會的渴望。
2基于任務(wù)驅(qū)動的教學改革
任務(wù)驅(qū)動教學法是指在學習課程中，學生在教師指導(dǎo)下，根據(jù)學習內(nèi)容完成任務(wù)的教學方法。任務(wù)驅(qū)動教學之下，學生具有較強解決問題的動機，對學習資源能夠積極主動的應(yīng)用，能夠進行自主的探索與互動協(xié)作的學習，最終圓滿完成課程指定的任務(wù)。它打破以往以傳授知識為主的傳統(tǒng)教學理念，建立以解決問題、完成任務(wù)為主的多維互動式的教學模式；并將再現(xiàn)式的教學變?yōu)樘骄渴降膶W習，學生處于一個積極的學習狀態(tài)，都能根據(jù)自己對當前問題的理解，運用所學知識與自己特有的經(jīng)驗提出方案來解決問題。任務(wù)驅(qū)動教學法是一種建立在建構(gòu)主義教學理論基礎(chǔ)上的教學法。它要求“任務(wù)”的目標性和教學情境的創(chuàng)建。使學生帶著真實的任務(wù)在探索中學習。在這個過程中，學生還會不斷地獲得成就感，可以更大地激發(fā)他們的求知欲望，逐步形成一個感知心智活動的良性循環(huán)，從而培養(yǎng)出獨立探索、勇于開拓進取的自學能力。
2．1任務(wù)的制定
根據(jù)網(wǎng)頁設(shè)計課程的內(nèi)容與特點，首先在學期開始時給出課程的總?cè)蝿?wù)以及總的教學目標。課程的總?cè)蝿?wù)是以小組為單位，選擇教師給定的任務(wù)書中的網(wǎng)站題目，設(shè)計實現(xiàn)一個靜態(tài)網(wǎng)站?？偟慕虒W目標是掌握設(shè)計網(wǎng)站的方法。（1）第一章是初識網(wǎng)頁設(shè)計，教師會首先講解幾個靜態(tài)網(wǎng)站的實例，讓學生對所學課程有一定了解，之后講解相關(guān)的概念和設(shè)計開發(fā)工具DreamweaverCS6；學生的任務(wù)是根據(jù)小組所選擇的題目，在互聯(lián)網(wǎng)中查找資料，書寫開題報告。同時每組出一名學生向大家介紹本組的想法。（2）第二章是學習建立本地站點，教師會講解建立站點的重要性，講解相對路徑和絕對路徑，之后講解如何建立站點；學生的任務(wù)是為自己的網(wǎng)站建立站點，預(yù)估網(wǎng)站的規(guī)模，添加相應(yīng)網(wǎng)頁并改名。（3）第三章是網(wǎng)頁頭部信息，教師講解如何添加網(wǎng)頁標題、關(guān)鍵字和說明；學生的任務(wù)是為站點中所有網(wǎng)頁添加頭部信息。（4）第四章是網(wǎng)頁布局，教師講解網(wǎng)頁布局技術(shù)：表格、DIV、框架以及模板和庫；學生的任務(wù)是對網(wǎng)站進行前期布局。（5）第五章是超級鏈接，教師講解超級鏈接；學生的任務(wù)是制作導(dǎo)航欄。（6）第六章是添加多媒體，教師講解添加圖片、背景音樂、Flash、滾動欄等內(nèi)容；學生的任務(wù)是準備網(wǎng)站中需要的圖片、flash等資源，將資源添加至網(wǎng)頁。（7）第七章是表單，教師講解如何添加和設(shè)置表單；學生的任務(wù)是給網(wǎng)站添加注冊頁和用戶登錄。（8）第八章是CSS，教師講解CSS的應(yīng)用；學生對網(wǎng)站添加內(nèi)部樣式和外部樣式表。（9）第九章是網(wǎng)站，教師講解使用IIS在局域網(wǎng)中如何站點；學生的任務(wù)是相互網(wǎng)站，對其他組內(nèi)容進行訪問。課程內(nèi)容講完后，預(yù)留兩周課程時間，學生對所做的作品進行整理、美化。課程結(jié)束后，小組為單位對作品進行展示和提交。
2．2考核方法與評分標準
網(wǎng)頁設(shè)計課程總成績由平時成績和期末成績兩部分組成。其中平時成績占總成績的50％，期末成績占總成績的50％。平時成績除了到課情況外，主要依據(jù)學生在組內(nèi)的貢獻、每期任務(wù)的完成情況以及整個團隊的表現(xiàn)。與傳統(tǒng)的成績評定不同，該課程更注重學生的平時表現(xiàn)是否積極、是否有團隊合作精神。期末成績的考核包括提交的作品和學生的答辯情況，評分指標與所占分數(shù)如表3所示。提交的作品主要考察界面是否合理、美觀，是否與開題所寫的需求分析內(nèi)容一致，網(wǎng)站是否能正常的顯示以及配套的網(wǎng)站文檔是否完善等。答辯模擬項目經(jīng)理與客戶的角色進行，教師提出問題，學生進行回答，查看學生的現(xiàn)場反應(yīng)力與問題解決能力。
3總結(jié)
第8篇：網(wǎng)頁設(shè)計報告范文
關(guān)鍵詞關(guān)鍵詞：計算思維；教學方法；考試方法；考試改革
中圖分類號：G434文獻標識碼：A 文章編號：16727800（2014）002019703
0引言
《網(wǎng)頁設(shè)計技術(shù)與應(yīng)用》課程是 “數(shù)據(jù)庫技術(shù)與網(wǎng)絡(luò)技術(shù)”課程群（計算機基礎(chǔ)系列課程）中的一門主干選修課程，主要面向非計算機專業(yè)二年級以上本科生。當前，互聯(lián)網(wǎng)在人們的生活、學習和工作中的位置越來越重要，網(wǎng)頁已經(jīng)成為信息共享和傳播的主要載體，該課程因其實用性強，受到了廣大學生的歡迎，選課人數(shù)逐年增多。
這是一門集知識性、技能性與應(yīng)用性相結(jié)合的課程，為了提高教學質(zhì)量，培養(yǎng)創(chuàng)新型人才，有必要對課程的教學理念、教學方法，特別是考試方法等課程建設(shè)的多個方面進行研究、探索與改革。
1基于計算思維的教學理念
在信息化時代，計算機已成為日常學習、工作和生活不可或缺的工具。1972年圖靈獎獲得者Edsger Dijkstra（艾思科·迪克斯徹）曾經(jīng)說過：“我們所使用的工具，影響著我們的思維方式和思維習慣，從而也將深刻地影響著我們的思維能力。”
計算思維就是運用計算機科學的基礎(chǔ)概念進行問題求解、系統(tǒng)設(shè)計以及人類行為理解等涵蓋計算機科學之廣度的一系列思維活動，它是一種科學思維，與理論思維、實驗思維一起構(gòu)成了人類的三大思維。這種變化，對人們利用計算機分析問題、解決問題的能力提出了更高的要求，也對計算機基礎(chǔ)教學提出了更高的要求。
與“數(shù)據(jù)庫技術(shù)與網(wǎng)絡(luò)技術(shù)”課程群建設(shè)的宗旨一致，《網(wǎng)頁設(shè)計技術(shù)與應(yīng)用》在教學中不僅僅是知識點的傳授及網(wǎng)頁制作技術(shù)的應(yīng)用，更應(yīng)注重計算思維的培養(yǎng)，在教學的各個環(huán)節(jié)以計算思維為切入點開展網(wǎng)頁設(shè)計與應(yīng)用的教學活動，培養(yǎng)學生的計算思維能力，使計算思維如同邏輯思維、認識思維一樣，成為學生必備的能力，使學生學會在計算思維指導(dǎo)下分析問題、解決問題，能夠更好地利用計算機這一工具對各種信息進行深層次的加工處理和表達。
1.1教學方法
《網(wǎng)頁設(shè)計技術(shù)與應(yīng)用》課程內(nèi)容多，涵蓋DreamWeaver網(wǎng)頁制作軟件、HTML語言、多媒體處理軟件、數(shù)據(jù)庫基礎(chǔ)知識、ASP技術(shù)等多方面的內(nèi)容，且各有特點。
比如：網(wǎng)頁編輯軟件的應(yīng)用屬于靜態(tài)網(wǎng)頁制作，而腳本語言的編程屬于動態(tài)網(wǎng)頁的制作，信息量大而教學課時較短，這就決定了不能使用單一的教學方法，應(yīng)根據(jù)教學內(nèi)容的不同而靈活采用不同的教學方法，以提高教學效率、保證教學效果。
（1）靜態(tài)網(wǎng)頁制作的教學內(nèi)容側(cè)重于各種應(yīng)用軟件的使用，采用案例教學法，通過優(yōu)秀網(wǎng)頁作品的展示，激發(fā)學生的學習興趣；教師通過引導(dǎo)學生對優(yōu)秀網(wǎng)頁作品的分析、討論，使得學生對網(wǎng)頁制作的流程有整體性的了解，從而為學生對具體應(yīng)用環(huán)節(jié)的學習打下良好的基礎(chǔ)。
（2）動態(tài)網(wǎng)頁制作的教學內(nèi)容包括數(shù)據(jù)庫技術(shù)與ASP技術(shù)的學習。這部分內(nèi)容相對于許多非計算機專業(yè)的學生而言過于抽象，可采用基于問題驅(qū)動的實例教學法，提出與學生認知水平相一致的問題，激發(fā)學生解決問題的主觀能動性，比如，在數(shù)據(jù)庫技術(shù)的教學中，首先提出“如何將學生的個人信息有效地、安全地保存在計算機中”的問題，引導(dǎo)學生對概念模型、數(shù)據(jù)模型的主動學習。
教學方法的使用是為了實現(xiàn)教學目的——培養(yǎng)學生利用計算思維分析問題、解決問題的能力，因此在整個教學過程中都貫穿著計算思維的教學理念，案例教學法體現(xiàn)了“由整體到局部”的計算思維解決問題的方法，而在將現(xiàn)實世界中的信息轉(zhuǎn)化為計算機世界的數(shù)據(jù)這一過程中則是“由具體到抽象”的計算思維解決問題方法的應(yīng)用。在有效地培養(yǎng)了學生網(wǎng)頁設(shè)計技術(shù)的同時，讓學生切身感受了計算思維方法的應(yīng)用，有利于學生對計算思維的領(lǐng)悟。
1.2考試方法
考試不僅檢測學生學習成績、了解學生學習狀況、評價學生能力水平，更是通過信息反饋以調(diào)整教學內(nèi)容、改進教學方法進而提高教學質(zhì)量的重要途徑?！熬W(wǎng)頁設(shè)計技術(shù)與應(yīng)用”是一門應(yīng)用性和綜合性很強的課程，涉及面廣、概念多，對操作應(yīng)用能力要求高，為了既能真實、有效、全面地反映學生掌握知識的程度，又能提高教學質(zhì)量，教學過程的有效進行比考試結(jié)果更重要，本文特提出“多階段、多元化”的考試方法。
（1）多階段。所謂多階段就是對學生學習情況考核延續(xù)在整個教學過程中，而不是僅僅局限在期末考核，多階段的考核能夠更加真實地反映出學生的學習狀況。
（2）多元化。即不止一種考核方式，將理論知識考核與實踐操作考核相結(jié)合，全面、客觀地考查學生的知識掌握及應(yīng)用能力，避免了單一成績考核方式的片面性。
《數(shù)據(jù)庫技術(shù)與網(wǎng)絡(luò)技術(shù)》課程群已對計算機課程教學資源共建共享平臺有了成熟的研究成果——開放式的教學平臺系統(tǒng)，它突破了以往教學活動只能在課堂進行的限制，構(gòu)建了開放式的教學網(wǎng)站，教學資源共享，學生不僅可通過計算機網(wǎng)絡(luò)在線學習，還可參加開放式的無紙化考試，構(gòu)建了全天候、無障礙的學習環(huán)境，“多階段、多元化”考試改革將在該課程群的框架內(nèi)有序地展開。
《網(wǎng)頁設(shè)計技術(shù)與應(yīng)用》內(nèi)容多、課時少，為了既不減少課堂教學時數(shù)，又能在教學過程中順利完成分階段考核，將充分利用開放式的教學平臺系統(tǒng)的無紙化考試來實施分階段考核，分3次考核學生各階段教學內(nèi)容的掌握情況，通過階段考試結(jié)果的信息反饋以調(diào)整教學內(nèi)容、改進教學方法，確認學生對每個知識點的正確理解，以保證本課程教學工作的順利進行；期末的網(wǎng)站項目建設(shè)則注重對學生在計算思維的指導(dǎo)下綜合運用本課程所學知識進行分析問題、解決問題的實踐能力考核。如表1所示，學生的最終成績將按3階段考核成績各占20%，期末的網(wǎng)站項目占40%的比例進行合成，全面、客觀、有效地反映出學生該課程整個學期的學習水平。
2課程考試改革方案設(shè)計
2.1考試改革目標
《網(wǎng)頁設(shè)計技術(shù)與應(yīng)用》課程考試改革的目的是以計算思維為導(dǎo)向，促進學生掌握網(wǎng)頁設(shè)計技術(shù)理論知識和熟練應(yīng)用所學知識進行網(wǎng)站開發(fā)的實踐能力，課程的考試改革以《網(wǎng)頁設(shè)計技術(shù)與應(yīng)用》課程標準所規(guī)定的知識和能力要求作為考試的主要內(nèi)容，根據(jù)本課程特點，以“多階段、多元化”的考核方式，實現(xiàn)對學生學習全過程的督促與考核，客觀完整地評價學生的學習效果，通過各階段考核結(jié)果，教師不斷改進教學方法，持續(xù)調(diào)動學生的學習積極性和主動性，進而達到全面提高教學質(zhì)量的目的。
2.2改革總體思路及特色
教學過程的有效進行比考試結(jié)果更重要。課程考試不僅僅要客觀地反映學生的學習水平，而且應(yīng)該充分發(fā)揮其在教學過程中的督促與引導(dǎo)作用。如何讓考試對教學過程起到促進作用，一直是教育工作者著力解決的問題。計算思維在面對復(fù)雜問題的解決中采用模塊化的方法，即將復(fù)雜的問題分解為各個較為簡單的子問題，每個子問題就是一個模塊，各個模塊問題的解決即導(dǎo)致所有問題的解決?！毒W(wǎng)頁設(shè)計技術(shù)與應(yīng)用》課程的“多階段、多元化”的考試改革正是這一計算思維方法應(yīng)用的具體體現(xiàn)，將考核分布在整個教學過程中，實時監(jiān)控，以求客觀、真實地反映學生的學習狀況，根據(jù)各階段考核的反饋信息，進行“教”與“學”兩方面的調(diào)整，以確保教學活動的有效完成，提高教學質(zhì)量。
《網(wǎng)頁設(shè)計技術(shù)與應(yīng)用》課程考試改革是以計算思維為指導(dǎo)、以網(wǎng)絡(luò)技術(shù)為依托，對傳統(tǒng)的一考定終身的考試方式的改革，它與整個教學環(huán)節(jié)同步，注重對教學過程的監(jiān)測，有利于學生在不同階段對所學內(nèi)容的查缺補漏，也有利于教師了解學生的學習狀況，及時調(diào)整教學方法，以保障教學過程的順利進行。
2.3考試改革具體辦法
《網(wǎng)頁設(shè)計技術(shù)與應(yīng)用》課程的“多階段、多元化”考試改革建立在開放式的教學平臺系統(tǒng)上，這是一個經(jīng)過多門課程檢驗過的成熟的教學平臺，既可通過教學資源共享進行在線學習，又可實施開放式的無紙化考試，龐大的題庫和自動閱卷系統(tǒng)，為本課程的考試改革提供了有力的保障。
依托開放式的教學平臺系統(tǒng)，實施課程的考試改革，要實現(xiàn)對教學過程進行監(jiān)控，要抓好題庫的建設(shè)以及考試內(nèi)容的合理構(gòu)成，應(yīng)依照以下3方面有步驟、有計劃、有序地進行。
（1）題庫的建立。題目是教學內(nèi)容的反映，題庫的建立在本課程的考試改革中尤為重要，首先需要收集大量的、各種類型的題目，再對題目進行審核，以確保題目能夠客觀地反映教學內(nèi)容，與網(wǎng)頁技術(shù)的發(fā)展同步，同時還必須對題目進行分類，按教學內(nèi)容的重點、難點和基本知識點進行標識，方便后續(xù)的組卷工作。
開放式的無紙化考試要求題量必須巨大，學生平時可在課余通過此教學平臺訪問試題庫進行課堂教學內(nèi)容的復(fù)習，如果題量少，那么階段考試結(jié)果就不能真實地反映學生的學習水平，因此，必須持續(xù)地對題庫進行維護和更新。
（2）考試內(nèi)容設(shè)計。要實現(xiàn)階段考試在教學過程中的引導(dǎo)、評價、反饋和激勵作用的目的，就必須合理地進行考試內(nèi)容的設(shè)計?！毒W(wǎng)頁設(shè)計技術(shù)與應(yīng)用》教學內(nèi)容多，一張試卷不可能對所有教學內(nèi)容面面俱到，應(yīng)該根據(jù)教學內(nèi)容的重點、難點和基本教學點進行取舍，力求能測試出學生真實的學習狀況，并能起到督促學習的作用。
一般而言，在階段考試中，重點、難點和基本知識點在一張試卷中的百分比分別為40%、20%和40%，因為重點和基本知識點構(gòu)成了教學內(nèi)容的主體，因此兩者所占比例為80%，而最后一次的階段考試，基本上所有教學內(nèi)容已經(jīng)學完，教學重點、難點和基本知識點在一張試卷中的百分比分別調(diào)整為40%、10%和50%，之所以前2次的階段考試中難點題比重較大，意在督促學生重視學習，適當?shù)丶又仉y點的考題比重，提醒學生學習不要松懈。
多元化考試除了網(wǎng)上無紙化考試以外，還有對學生網(wǎng)頁設(shè)計能力的考核。在該階段的考核中，要求學生自己選擇一個主題，利用所學知識和技術(shù)開發(fā)一個網(wǎng)站，學生可獨立完成，若網(wǎng)站功能過于豐富，可以團隊形式完成。無論何種方式均須通過相應(yīng)的方式將網(wǎng)站上傳到Web服務(wù)器上，同時完成實踐報告。
本實踐考核的完成時間并不局限于課堂，學生也可以在課后完成，這就使得學生有足夠的時間進行創(chuàng)意設(shè)計、尋找素材，同時也可以通過多種渠道完善自己的作品，比如向同學征求意見、在網(wǎng)上咨詢等?？傊@個階段對于學生知識的鞏固和技能的提升是大有裨益的，同時也可以充分發(fā)揮學生的主動性，鍛煉學生動手能力，培養(yǎng)求異思維。本實踐考核成績的評定依據(jù)網(wǎng)站使用工具先進性、主題表現(xiàn)的新穎性、界面設(shè)計的藝術(shù)性、實現(xiàn)功能的完善性和實踐報告的完成情況5個方面來評分。
（3）教學過程監(jiān)測實施?！毒W(wǎng)頁設(shè)計技術(shù)與應(yīng)用》課程的“多階段、多元化”的考試改革重在對教學過程的監(jiān)測。教學過程的有效進行，說明“教”與“學”雙方間的信息傳遞順暢，學生只有及時接收并理解了教師所傳授的信息，才會愿意繼續(xù)接收新的信息，這樣良好的教學過程就會一直持續(xù)，教學質(zhì)量自然得到了保證。如圖1所示，每次階段考試后，教師需要分析考試結(jié)果，一旦在階段測試中發(fā)現(xiàn)學生成績出現(xiàn)較大波動，說明信息傳遞不暢，可以立即啟動督導(dǎo)模塊，所謂督導(dǎo)模塊，即檢討教學情況，探明原因，及時調(diào)整教學進程，從“教”與“學”兩方面加以改進，教師改進教學方法，學生改進學習方法、端正學習態(tài)度，保證“教”與“學”間信息的有效傳遞，這樣，在最后階段的網(wǎng)站建設(shè)的實踐中，學生自然有能力在規(guī)定的時間內(nèi)完成，學生的學習質(zhì)量得到了很好地保障。
本課程的考試改革所依托的開放式教學平臺是個成熟的開放式教學系統(tǒng)，功能豐富、實用性強，建好題庫后，即可按要求組卷，還可以機器閱卷，提高了教師的工作效率，確保教學過程監(jiān)測的順利實施。
3結(jié)語
教學過程的良好進行才能使教學質(zhì)量得到保障，《網(wǎng)頁設(shè)計技術(shù)與應(yīng)用》的“多階段、多元化”的考試改革注重對教學過程的監(jiān)測。在今后的教學實踐過程中，我們還將進一步完善“多階段、多元化”考試改革的內(nèi)容及方法，切實達到“以考促教、以考促學”，全面提升教學質(zhì)量，培養(yǎng)具有計算思維的創(chuàng)新型人才的目的。
參考文獻：
[1]陳國良，董榮勝. 計算思維與大學計算機基礎(chǔ)教育[J].中國大學教學，2011（1）.
第9篇：網(wǎng)頁設(shè)計報告范文
【關(guān)鍵詞】翻轉(zhuǎn)課堂；混合式學習；《網(wǎng)頁設(shè)計與制作》課程；教學模式
近年來，由于信息技術(shù)和網(wǎng)絡(luò)技術(shù)的不斷發(fā)展和普及，涌現(xiàn)出了混合式教學、慕課、微課、翻轉(zhuǎn)課堂等基于信息技術(shù)和網(wǎng)絡(luò)的教學新模式及資源新類型[1]，為傳統(tǒng)的教學模式帶來了機遇和挑戰(zhàn)，如何在“互聯(lián)網(wǎng)+”時代實現(xiàn)信息化教育與傳統(tǒng)教育優(yōu)勢互補是擺在一線教師面前的現(xiàn)實問題?；诜D(zhuǎn)課堂的混合式教學是現(xiàn)今教學改革與實踐的熱門課題，為傳統(tǒng)教學模式改革、數(shù)字化教學資源建設(shè)、創(chuàng)新性教學評價提供了技術(shù)支持與資源保障[2]。
一、基于翻轉(zhuǎn)課堂的混合式教學模式簡述
基于翻轉(zhuǎn)課堂的混合式教學模式，是將翻轉(zhuǎn)課堂和混合式學習進行有效整合、優(yōu)勢互補的一種新型教學模式。新媒體聯(lián)盟和美國高校教育信息化協(xié)會共同的《地平線報告2016高等教育版》把翻轉(zhuǎn)課堂視為高等教育領(lǐng)域一年內(nèi)投入使用的技術(shù)，也是最常用的混合式教學模式之一[3]。
二、構(gòu)建基于翻轉(zhuǎn)課堂的《網(wǎng)頁設(shè)計與制作》課程混合式教學模式的優(yōu)勢
（一)《網(wǎng)頁設(shè)計與制作》課程教學存在的問題
《網(wǎng)頁設(shè)計與制作》課程是計算機專業(yè)、電腦美術(shù)專業(yè)及其他相關(guān)專業(yè)學生必修的一門應(yīng)用性和操作性都很強的課程，同時也是一門極富創(chuàng)造性的課程。通過本課程學習，學生要了解網(wǎng)站的類型、、推廣的方法；掌握網(wǎng)頁素材的獲取、網(wǎng)頁布局、色彩運用、網(wǎng)頁特效的應(yīng)用原則和技術(shù)實現(xiàn)；掌握使用Dreamweaver、Flash、Photoshop、Fireworks等多種工具制作網(wǎng)頁的操作過程。教學上存在如下困難：1.傳統(tǒng)教學模式效果不佳。傳統(tǒng)教學模式猶如“鸚鵡學舌”，以教師為中心，教師講學生聽；講練結(jié)合是最常用的教學方法，教師演示完成什么練習案例，學生“依葫蘆畫瓢”完成什么案例。學生缺少動腦思考的過程，很容易忘記所學知識，更無法做到將所學知識活學活用、舉一反三地解決現(xiàn)實問題。2.學生的個體差異較大。學生的個體差異主要體現(xiàn)在兩個方面：一是學習能力問題。有的學生接受知識的能力快，有的學生就會“慢上半拍”；二是學習進度的差距。豐富的網(wǎng)絡(luò)資源為那些對網(wǎng)頁感興趣的學生提供了便利的學習機會，這就造成了課堂教學時學生之間的學習進度差距。3.網(wǎng)頁中使用的軟件工具較多。網(wǎng)頁制作中涉及的軟件有Dreamweaver、Flash、Photoshop、Fireworks，只有相互配合使用這些軟件，才能制作出圖文并茂、具有吸引力的網(wǎng)站。4.考核方式單一。網(wǎng)頁設(shè)計需要一個過程，學生要發(fā)揮想象力去構(gòu)思自己的特色網(wǎng)頁，要花時間去查找網(wǎng)頁中要用到的圖像、文字等資源，還要用表格、框架、CSS+DIV等布局方式制作出網(wǎng)頁，這些絕不僅僅是一個筆試或是一個90分鐘的考試能完成的。
（二)《網(wǎng)頁設(shè)計與制作》課程采用基于翻轉(zhuǎn)課堂的混合式教學模式的優(yōu)勢
1.有利于提高學生自主學習的能力。翻轉(zhuǎn)課堂要求學生依據(jù)教師布置的導(dǎo)學案清單，課前自行觀看教學視頻等教學資源，完成對新知識點和概念的自主學習，記錄自學過程中的難點和疑點，學生的學習更加主動和個性化。2.有利于激發(fā)學生的學習興趣。翻轉(zhuǎn)課堂對學生的學習過程進行了重構(gòu)，學生在課前就接收了知識，通過短小的視頻和言簡意賅的語言，將知識碎片化，將抽象的理論通俗化，教師能夠提前了解學生的學習困難，并在課堂上給予有效的指導(dǎo)，知識的吸收內(nèi)化是在課堂上通過師生、生生互動來完成，極大地激發(fā)了學生的學習興趣。3.有利于自由碎片化學習。學生可以在相對自由的時間里，利用碎片化的時間完成翻轉(zhuǎn)課堂的課前學習，學習的自覺性明顯增強。4.有利于鞏固、強化、內(nèi)化知識。由于學生的個體差異，不可能所有人都能跟上學習進度，學生可依據(jù)自己的實際需求，對于沒有消化的知識，可通過師生互動交流和反復(fù)學習教學資源，直到達到鞏固、強化、內(nèi)化的目的為止。
三、基于翻轉(zhuǎn)課堂的《網(wǎng)頁設(shè)計與制作》課程混合式教學模式
（一)實施條件
1.學校方面。學校有良好的數(shù)字化校園信息平臺，有豐富和優(yōu)質(zhì)的微視頻等教學資源，為翻轉(zhuǎn)課堂的實施提供了支持和保障。2.學生方面。現(xiàn)在的學生多是互聯(lián)網(wǎng)的原住民，上網(wǎng)對他們來說就和呼吸、吃飯、睡覺一樣重要，網(wǎng)絡(luò)伴隨著他們成長，是他們生活中不可或缺的一部分。他們習慣嘗試新鮮事物，習慣碎片化閱讀，習慣自由主動地接受信息[4]，學生的這些特點，有利于翻轉(zhuǎn)課堂的順利實施。3.課程方面。《網(wǎng)頁設(shè)計與制作》課程具有很強的實踐性和創(chuàng)造性，與翻轉(zhuǎn)課堂廣泛采用的研討式、項目任務(wù)驅(qū)動式學習模式相吻合[5]，適合采用翻轉(zhuǎn)課堂教學模式。
（二)教學模式設(shè)計及實施
在良好的數(shù)字化校園信息平臺的支持下，基于翻轉(zhuǎn)課堂的《網(wǎng)頁設(shè)計與制作》課程混合式教學模式，主要包括課前、課中和課后三個前后關(guān)聯(lián)的部分，采取線上為主、課堂為輔的混合式教學，如下圖所示。以2課時的“CSS+DIV”布局網(wǎng)頁為例，介紹課程的實施過程。1.課前。教師依據(jù)學生實際，結(jié)合教學大綱要求，合理設(shè)計導(dǎo)學案清單、制作微視頻、搜集相關(guān)學習資源并給學生,導(dǎo)學案清單如表1所示。導(dǎo)學案清單中應(yīng)列出讓學生學習的資源、完成的任務(wù)，告訴學生學什么、怎樣學；做什么，如何做；交什么，怎樣交。學生依據(jù)教師的導(dǎo)學案清單，瀏覽相關(guān)在線學習網(wǎng)站，完成對視頻的觀看，初步掌握所要學習的知識點和技能，完成相關(guān)任務(wù)。自主探究過程中遇到的難點、疑點，可通過QQ、微信、郵箱或校園在線等網(wǎng)絡(luò)工具與教師或同學進行探討，也可記錄下來，在課堂上請教師答疑。2.課中。此階段是對課前自學的知識進行高效內(nèi)化的階段。教師根據(jù)課前學生的提問、任務(wù)完成情況等反饋的信息精心設(shè)計教學活動，設(shè)計合適的任務(wù)，引導(dǎo)學生進行自主探究或協(xié)作學習。在這個過程中，學生是教學活動的主體，積極主動地接受知識，教師則扮演著組織者、設(shè)計者和引導(dǎo)者的角色，教師需要給學生適當?shù)囊龑?dǎo)，鼓勵學生積極思考，并解答學生在探究或協(xié)作學習中遇到的問題。過程如下：首先，以小組為單位展示課前完成的任務(wù)，進行匯報，匯報過程應(yīng)重點說明遇到的難題、解決的方法以及任務(wù)的完成過程。其次，小組互評和教師點評，相互討論交流，進而改進課前任務(wù)完成的不足，完善作品。然后，教師將重、難點進一步深化，并提出新問題、布置新任務(wù)，如表2所示。最后，小組互評和教師點評，相互討論交流，完善作品。3.課后。根據(jù)學生的實際學習情況，合理布置課后作業(yè)，特別是能進行動手實踐的技能拓展類任務(wù)，讓學生利用課后復(fù)習加強實踐來鞏固所學知識點，促進知識或技能的固化甚至升華。教師需要在課后對教學資源、教學設(shè)計中的問題進行反思，分析學生的學習情況和作業(yè)完成情況，并將反思和分析的結(jié)果作為后面課程設(shè)計的依據(jù)。課后作業(yè)布置如下：1.使用“一列固定寬度居中，且與兩列固定寬度相結(jié)合”的方式布局網(wǎng)頁，整個頁面在瀏覽器中居中對齊，當光標經(jīng)過左側(cè)導(dǎo)航欄超鏈接所在的塊時，超鏈接背景色和超鏈接文字顏色發(fā)生變化。2.使用“一列固定寬度居中，且與兩列固定寬度相結(jié)合”的方式布局網(wǎng)頁，整個頁面在瀏覽器中居中對齊。實踐證明，在《網(wǎng)頁設(shè)計與制作》課程實施基于翻轉(zhuǎn)課堂的混合式教學模式總體上是成功的，主要體現(xiàn)在：學生都能順利完成課前、課中和課后的學習和考核；教師能比較圓滿地完成課堂教學任務(wù)和輔導(dǎo)學生線上學習的任務(wù)。師生對基于翻轉(zhuǎn)課堂的混合式教學模式總體上是滿意的，并積極尋求進一步提高和改進的辦法。
四、結(jié)語
基于翻轉(zhuǎn)課堂的混合式教學模式充分體現(xiàn)了“以學生為中心”的教學理念[6]。教學過程分為課前、課中和課后，使得教學活動連貫有序、互相配合、互相促進、相得益彰；師生間的互動頻繁，使得教師真正了解學生的內(nèi)心需求，不但有利于教師合理設(shè)計教學內(nèi)容，更有利于培養(yǎng)學生養(yǎng)成自主探究學習的好習慣。不過，教學模式的改革，不僅僅需要個人的實踐與探索，更需要所有任課教師的支持與行動。只有全體教師積極行動起來，才能將基于翻轉(zhuǎn)課堂的混合式教學模式切實落實下去，也才能將基于翻轉(zhuǎn)課堂的混合式教學模式的優(yōu)勢發(fā)揮出來。
參考文獻：
[1]方義桂.混合式翻轉(zhuǎn)教學模式對高職院校外語師資的要求及建設(shè)策略[J].職教論壇，2016,(26):17-20.
[2]張歡.基于微課的翻轉(zhuǎn)課堂教學模式研究:以高職英語寫作為例[J].商業(yè)經(jīng)濟，2016,(9):154-156.
[3]金慧，等.新媒體聯(lián)盟《地平線報告》(2016高等教育版)解讀與啟示[J].遠程教育雜志，2016,(2):3-10.
[4]楊欣.基于慕課的《思想道德修養(yǎng)愈法律基礎(chǔ)》混合式教學改革模式探索[J].產(chǎn)業(yè)與科技論壇，2016,(19):127-128.
[5]張愛民，馮冬艷，相景麗.高職“計算機應(yīng)用基礎(chǔ)”翻轉(zhuǎn)課堂教學設(shè)計探析[J].網(wǎng)絡(luò)化與數(shù)字化，2016,(10):89-94.
