前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇網站建設實訓總結范文，相信會為您的寫作帶來幫助，發現更多的寫作思路和靈感。

網站建設實訓總結范文第1篇

關鍵詞：網站建設；課程；教學模式

隨著互聯網技術的普及和網站技術的發展， 網頁設計師是信息社會發展和實現媒體內容數字化以及網絡化的關鍵人才。然而，網站建設類課程作為計算機應用技術專業的核心課程，在傳統的教學過程中存在許多問題，如學生實踐操作能力不強，所學知識與工作崗位任務有距離等。本文主要探討在課程教學中，如何提高學生的動手能力，如何采用課堂教學與崗位工作相結合的教學方法，使學生能盡快適應實際工作流程，培養出符合市場需求的人才。

一、課程體系的設計

目前網站服務使用瀏覽器/服務器結構，因此建設完整的網站所需要的知識也可分為瀏覽器端和服務器端兩方面。實際的網站建設相關職業根據工作內容的不同，網站職位細分為四種：網站編輯，網頁美工，前臺開發，后臺開發。所設課程、知識體系與職業需求關系如下圖所示：

整個課程體系形成鏈式結構，環環相扣，并具有一定的階梯，同時課程中又有一定交叉，互相影響，螺旋式上升，注重了職業特性，同時考慮到高職教育培養具有一定的技能型，具備一定的適應性和可持續發展的人才培養模式，注重了整個專業的系統性。

因此在教學過程中，一定要重視基礎，注重課程前后的聯系，并關注橫向課程，相輔相成。

二、教學模式的設計

1、基于工作任務的項目教學

基于工作任務的項目教學是指授課教師在創設項目單元教學情境時，使教學內容與職業工作內容相結合，把典型的工作任務融入到項目教學當中，該工作任務來源于企業生產實際，同時要具有教學內容中必備的理論知識點，當然我們可以根據教學的實際需要進行分解，形成小的項目單元，使之更好地為教學服務，方便學生學習。

例如，在《web網站開發與設計》課程中，以電子商務購物網站來貫穿整個教學過程，授課教師將這個典型的工作任務按照實際工作流程進行分解，并融入相關的理論進行教學，使教學過程更加貼近真實的工作崗位，有效實施項目教學。

2、教學中突出體現校企合作

網站建設類課程大多是實訓類課程，為了讓高職的教學更好地貫徹“工學結合、校企合作”的辦學理念，應當由校內專任教師和企業兼職教師共同制定課程教學目標，共同進行課程教學項目的設計與開發，一起承擔課程的實訓指導工作，使課程體系構建與企業工程項目相融合，使課程教學更具針對性、實用性和職業性，更加貼近企業生產實際。

例如，在網站編輯這個崗位職責的培養上，為了讓學生能有更真實的網站維護經驗，我們專業與溫州二手車交易網進行校企合作，讓學生在網站信息處理員這個崗位上進行頂崗實習。在頂崗實習過程中，學生與企業技術人員和兼職教師零距離接觸，可以進行良好地互動交流，及時地了解本行業最新的發展動態和先進技術，增加對未來工作崗位的了解。

3、因材施教

對于高職類學生來說，專業基礎參差不齊，興趣和能力也不盡相同，因此我們的人才培養目標不可能將學生都培養成行業的“通才”，也不能像產品批量生產一樣，將學生都培養成某一崗位的“專才”。我們總會發現，有的學生口才良好，有的學生色彩感覺好，有的學生擅長于編碼技術等。因此，我們在教學模式中應該注重“因材施教”。

例如，在實際工作中需要有不同的角色來完成不同的任務，可以根據學生的擅長讓他們選取角色，分成小組實施教學，從而對其所擅長之處加以培養。口才良好，市場嗅覺敏感的學生注重培養需求調研、網站的架構技術；美術功底較強，色彩感覺好的學生注重培養網頁美工設計；而對編碼技術有追求的學生培養他們的后臺代碼編寫以及網站技術的實現。這種根據學生的特點“因材施教”的教學方式更能提高學生的學習興趣，使學生較快的掌握所需的職業技能。

4、基于行動導向教學的項目教學

在實訓課程中，授課教師都會采用項目任務的方式來進行教學。依據職業崗位工作過程的需求，整個項目的教學過程可以模擬企業的實際工作情境，積極推廣“任

驅動”、“情境體驗”、“案例解析”、“過程導向”等多種符合職業教育特點的教學方法，充分體現“工學結合，引產入教”的教學特色。

根據網站建設的實際工作任務和流程，采用與實際崗位團隊開發一致的項目組分工完成的方式，為學生創造一個基于職業情境的學習情境，使學生在該情境中能根據已有的經驗，從周圍的環境中主動獲取信息，在完成任務的同時也熟悉實際崗位的要求及操作流程。

例如，在《網頁設計與制作實訓》課程中，授課教師采用的項目是學院教務科研處網站的設計與制作，可以按以下設計來進行實踐教學：

（1）明確任務。教師布置任務，展示效果預覽圖，幫助學生明確任務要求。

（2）制定計劃。學生在教師的引導下，分解項目任務，確定工作計劃。

（3）收集信息。學生根據計劃與任務分工，進行收集資料，準備素材等。

（4）設計制作。學生根據計劃在教師的指導下完成頁面的設計與制作，并做好相關文字記錄。

（5）檢查評測。學生展示作品、教師提問、學生答辯、學生互評、教師講評。

三、總結

就業導向是高等職業教育的必須把握的準則，職業技能的培養、適應崗位工作的需要應當成為高職計算機專業教學中必須強化的主題思想，因此，專業技能的實訓顯得尤為重要。網站建設過程需要使用多個專業課程知識，是一門綜合技能課程，從實訓內容、實訓組織形式等方面強化本課程群的綜合技能實訓，能培養學生與就業崗位“零距離對接”所要求的綜合職業能力。

參考文獻

[1] 敖冰峰，喬陽. “項目教學法”在《網頁設計與制作》中的應用[j]. 科技創新導刊，2010.17.

[2] 高英，羅宜志，劉竹林. 基于工作任務的項目教學法在《asp 典型模塊功能開發》課程中的應用研究[j]. 電子商務，2010.8

作者簡介：

網站建設實訓總結范文第2篇

關鍵詞：中小企業；網站建設；崗位；人才；課程方案

中圖分類號：G712 文獻標識碼：A 文章編號：1672-5727（2012）09-0152-02

當前，計算機相關專業面臨巨大的就業壓力已成為不爭的事實。一方面，每年都有大量的畢業生涌入市場，另一方面，用人單位又招聘不到合適的人才，學校教育與市場需求不銜接，出現結構性錯位。因此，如何培養企業用得上、適應快的畢業生，成為我們教學改革的目標。

教育部高等學校計算機科學與技術教學指導委員會經過認真的調研、分析、對比，提出了人才培養要面向就業市場的理念。面向就業市場培養計算機人才，不僅是社會的需要，也是計算機院系生存的需要，要求計算機專業人才加快向應用型人才轉變的步伐。根據《寧波大紅鷹學院2011年—2015年建設與發展規劃綱要》，學院要成為中小企業發展的首選大學，人才培養目標定位為中小企業中高端技術、管理崗位應用型人才，服務面向定位：立足浙江，面向長三角，輻射全國。學院明確的發展規劃，為專業教學改革提供了更為廣闊的空間。

面向中小企業的網站建設與管理人才崗位需求分析

（一）信息化進程中的中小企業需要網站建設與管理類人才

筆者對中國寧波人才網（http：//.cn/index.htm）、258人才銀行（http：///）、前程無憂（http：//）等相關人才網站對寧波企業網站建設與管理崗位的需求情況（2011年6月1日至2011年8月1日）進行了分析。網站建設與管理相關的工作崗位主要有：網頁設計/美工、網絡程序員、網店美工、網絡運營專員等。企業對于相關崗位的人員一般要求如下：學歷最好是專科及以上，專業要求計算機相關專業，由于崗位不同，因此，各企業對于學生的技能要求不一樣，但是，企業普遍希望學生具備網站項目開發的實踐經驗。而對于學生的職業態度，企業強調要有良好的組織觀念和團隊合作精神、敬業精神，工作上積極主動，細致專注，并能承受工作壓力。

我們發現，不同類型的企業對于網站建設與管理類人才的要求并不完全相同，互聯網/電子商務類企業對于網站建設人員需求量較大，而且要求學生在系統了解網站建設相關流程的基礎上，在某一方面，要具備專業特長，如美工設計、程序設計等，需要有專業特長的學生。其他類型的中小企業則要求學生能全面掌握網站建設與管理的相關知識，并且能對本行業的相關知識及工作流程比較熟悉，能解決日常工作中碰到的各類問題，對學生的綜合能力要求高。而且，隨著寧波市中小企業信息化進程的加快，企業對于網站建設與管理人才的需求也急劇增加。

（二）具體崗位對于人才的技能要求不同

不同的工作崗位對于人才的技能要求是不同的。如網頁設計/美工，要求學生具備獨立進行網站項目的整體版式、風格設計能力，精通Photoshop、Flash、Dreamweaver等網頁設計美工軟件，具有良好的美術功底以及良好的創意構思能力，對色彩敏感，具有把握不同風格頁面的良好能力；網絡程序員，要求學生熟悉PHP、ASP、VB、C#語言編程，并掌握其中一種開發語言進行網站的后臺功能開發，熟悉SQL、Access等數據庫操作，具備項目程序開發經驗，責任心強，學習能力強，敢于接受挑戰和承受壓力，能夠獨立完成任務；網店美工，要求學生能熟練的處理網店產品圖片，寶貝上架，寶貝標題設定，以及對網店進行裝修（包括圖片設計與代碼制作）和日常維護，同時，還要兼顧網站的銷售業務；網絡運營專員則主要從事網站編輯、網站策劃、客服等，負責網站信息的更新和維護，提供客戶咨詢，跟蹤和策劃重點時事專題網站的推廣，軟文的撰寫和編輯，審核有關的內容及內容管理；擅長網站運營數據分析、總結，并以用戶為核心提供實用內容。

面向中小企業的網站建設與管理人才培養方案

（一）明確培養目標

如果將學校培養出來的學生視為一種特殊的“產品”，這個“產品”必須按照企業和用人市場的基本要求去考慮和設計。要達到培養規格要求，首先必須制定好人才培養方案，特別是要明確培養目標定位。通過對企業用人需求的分析，尤其是結合具體崗位的需要。而對于學生來說，明確的職業目標也能使學生的學習目標更為明確。

（二）設計課程方案

課程設置的原則是適合人才培養目標的定位。目前，學校的課程設置普遍沿用傳統的課程體系，隨著用人單位的要求不斷提高，以及學科技術的快速發展，需要對有關課程進行完善和改進。

在原先的課程體系中，學生職業能力的培養目標被分解到不同的專業課程中。各專業課程的學習相對獨立，學生不能理解課程與崗位技能的關聯性，因此，在課程學習過程中處于被動狀態。由于職業能力的培養已經分解到不同的專業課程，會造成一定程度的職業能力割裂，這對于培養學生的綜合職業能力是一個很大的挑戰。從現實情況來看，即使學生都很好地掌握了每門課程所要求的能力，也并不意味著學習效果是最好的。因此，我們必須對原來的課程體系進行改革。具體方案如圖1所示。

網站建設實訓總結范文第3篇

【關鍵詞】“網站建設綜合實訓”課程 混合式教學資源庫 建設與應用

【中圖分類號】G 【文獻標識碼】A

【文章編號】0450-9889（2016）11B-0034-03

教育部 2011 年了《關于實施國家示范性職業學校數字化資源共建共享計劃的通知》，決定以國家示范性職業學校為引領，促進優質資源共享，提升信息技術支撐職業教育改革創新的能力，著力提高人才培養質量。南寧市第六職業技術學校近年來開始嘗試通過信息技術將學校教育、社會實踐及終身學習結合在一起，進行混合式的教學改革。學校將信息技術應用滲透進課堂教學，通過教育途徑的延伸，線上線下學習的結合，實現在教師引導下的學生主動學習能力的培養。本文以南寧市第六職業技術學校為例，從建設目標與思路、建設內容、實施方案、應用成效、特色與創新等方面對“網站建設綜合實訓”課程混合式教學資源庫的建設與應用進行探索，以突出教學特色創新，大幅提升線上線下教學成效。

一、建設目標與思路

（一）構建混合式教學模式。將職業教育理念與遠程教育理念混合，將網絡資源的在線學習與離線學習混合，將傳統教學資源與數字化資源混合，將真實環境的學習方式與虛擬（網絡）環境的學習方式混合，構建面對面的課堂教學和數字化學習兩種方式相融合的混合式教W。

（二）開發多樣性混合立體化教學資源庫。優化混合式教學實施方案，在改進完善課程教學大綱、整體設計、單元設計基礎上，進一步開發設計一套切合混合式教學的教學課件、助學視頻及動畫、試題庫、學習評價體系等立體化教學資源庫。

（三）突出自主學習，強化教學效果。以學生為中心，以教學活動為導向，將傳統學習方式優勢和數字化網絡學習優勢相結合，引導學生在“學”上下工夫，關注學習過程，加強學習策略和方法的訓練指導，注重學生自主學習能力的提升，力求給學生良好的學習體驗。

項目以“教學團隊集中學習討論與培訓（領會相關資源庫建設理論）到企業、同類院校調研根據課程內容及特點進行學生學習需求分析教學元素設計與開發（包括學習理論、學習資源、學習環境、學習方式等）教學模式重構，混合式教學資源整合混合式教學活動設計與實施項目研究總結，評價并進一步改進優化教學資源”的思路開展研究。

二、建設內容

通過對課程課堂教學和網絡教學的深入融合，創新教學模式，進一步優化教學整體設計和單元設計，整合立體的數字化教學資源，借助互動性強的課程網絡學習平臺，實現課程線上線下“雙互動”，以滿足學生自主學習需求，最終使學生達到最優的學習效果。具體體現在以下幾個方面：

（一）課堂面授教學設計。課程將“翻轉課堂”理念運用到教學中。以分組教學的形式，將班級學生分別劃分為 6 組，每組6-7 人，每組設組長 1 名。教學環節按照企業項目開發過程，穿插角色扮演。計算機網站建設實訓室被擬為“廣西南寧欣欣文化傳播有限公司”，承擔的工作任務是某商務網站投票系統、注冊系統、留言系統的設計與開發；學生分別扮演網頁（美工）設計師、Web 軟件開發設計師的角色，教師分別扮演客戶、項目經理的角色。

在課堂教學面授過程中，圍繞網絡學習中存在的疑點、難點，通過小組課前匯報、撰寫計劃、案例分析、協作學習、編碼調試、作品評價等教學活動環節，很好地調動學生的學習主動性，發揮教師引導、啟發、監控教學過程的主導作用。同時，課堂教學中的資源都可以從網絡教學平臺中獲取。

（二）網絡遠程教學開發。課程提前一周在學校網絡教學平臺工作任務。網站資源庫的網絡教學對課堂教學提供全方位的導學助學支持。幫助學生了解課程、引導學生制訂學習計劃、提供學習方法指導、指導學生選擇學習媒體和學習開發工具、提供學習心理輔導和在線交流等。

在網絡教學中，適時導學材料、作業、輔導資料、知識拓展資料等學習資源；定期組織在線測試和集中輔導；策劃組織在線答疑、主題討論、典型例題與案例解析等學習活動，引導學生開展協作學習，充分體現學生作為學習過程主體的主動性、積極性與創造性。通過在線導學、定期實時輔導和集中面授輔導等方式的結合，保證導學助學服務不間斷地貫穿學生學習的整個過程。

三、實施方案

課程一般按照 5 個課時進行單元設計編寫。以模塊 1 中第四個工作任務投票功能實現為例。教學分為三個階段進行，其中線上學習 2 個課時，線下學習 3 個課時。

（一）課前準備。學生通過網絡平臺領取工作任務單，瀏覽和下載資源對投票功能相關知識點進行學習，與組員之間討論交流，進行學習資料收集與整理，制作項目需求分析，并根據項目需求分析，進行投票功能設計，確定制作方案。

（二）課中講授。課中講授可從以下步驟展開：（1）針對學生網絡學習過程遇到的問題進行講解，提示學生疑點、難點的解決思路；（2）學生小組分工協作，完成程序開發、編碼單元調試和集成調試；（3）教師對各小組執行進度和情況并做好相關記錄，提出整改意見；（4）學生課內討論交流，根據教師建議對作品進行修改完善；（5）成果展示，教師點評，學生互評。布置下一個工作任務。

（三）課后鞏固。學生將作品修改完善后通過網絡平臺提交給教師，教師在平臺上批改作業并給予反饋。師生在學習平臺上針對教學問題進行交流。學生利用網絡資源進行自主學習拓展內容。

課程教學資源針對課程特點和教學內容進行設計與開發，主要見表 1。

四、應用成效

教學資源實踐環節經歷了兩個課改班級的課程教學（即兩個階段），在第一個階段的實踐教學環節中，按照新修訂的課程標準、教學計劃，新編制的整體設計和單元設計、校本教材等資源實施混合式教學。初步取得了一定的成效：首先，學生成為主體，對學習內容興趣增大，學習熱情高漲。學生能在教師的幫助下，慢慢參與到項目中，體驗工作角色的魅力。其次，學生能夠自主思考、探索，進一步養成獨立分析問題、解決問題的能力，擴寬了學習的途徑和渠道。最后，在教學過程中教師與學生、學生與學生間的交流與互動明顯增強，課堂授課學習氛圍有較大的改觀。

同時，第一階段實踐教學環節也存在一些問題：一是由于課時限制，一開始選取的教學內容難度偏大，學生無法在有限的時間內較好地完成線上工作任務，增大了線下教師課堂教學指導難度。二是學生網頁基礎知識掌握不牢，自主開發設計網頁的時間和空間不夠。學生在完成課程學習后難以自主開發網站，優秀學生作品較少。

針對以上存在的問題，在第二階段實踐教學環節中，課題組成員反復研究總結，并提出改進方案和下一步研究工作計劃。一是對現有的教學內容篩選和提煉，尋找適合課堂教學的企業實際項目，修訂出切合實際教學需要的校本教材，進一步進行線上線下學習時間分配和資源建設。二是搭建“網站建設綜合實訓”課程資源庫網站，豐富課程資源庫，為學生課后學習和探索搭建學習交流平臺。

經過兩個階段的教學實踐研究，課改班級學生較非課改班級在課程綜合成績、網站開發綜合能力上有較大的進步和提高。如圖 1 所示。

在課題實施過程中，對完成實踐教學的計算機應用技術專業 88 名學生進行課程教學滿意度調查問卷，調查結果顯示，學生對課程學習興趣明顯提高，對課程教學內容、教學模式、教學方法、考核方式等方面的滿意程度均有較大幅度的上升。如圖 2 所示。

五、特色與創新

（一）與競賽項目對接的教學資源建設。課程資源建設積極探索新思路，開發微課視頻、制作助學游戲、搭建課程網站，將所有教學資源集成在一個平臺。既包括課程標準、教學大V、教學計劃、整體設計、單元設計等教學資料，又涵蓋了教學課件、課程素材、學習手冊、優秀作品等教學資料，資源強調多而精，極大程度上豐富了課程多媒體資源庫，擴大了學生自主學習空間，將課程學習延伸到了課外。

結合相關競賽標準，在教學目標上提出高要求，學生不但能夠掌握網站規劃、網站功能設計的專業知識和專業技能，還能使用動態網站技術獨立完成建站工作，對現有的成熟產品進行二次開發，團隊合作完成小型項目的設計與開發，以及產品的測試與維護。真正做到以教學資源促進競賽項目，提升學生職業綜合能力。

（二）創設“工作室制”的資源學習環境。引入企業“工作室制”的教學環境設計，將企業真實環境帶入課堂，教學環節按照企業項目開發過程，穿插角色扮演。模擬企業環境的教學情境設計，重在全面培養其團隊協作、溝通表達、工作責任心、職業道德與規范等綜合素質。

將企業項目開發流程貫穿課程教學環節，嚴格按照“網站策劃網站整體設計靜態網頁設計動態網頁設計數據庫設計網站測試網站上傳網站更新維護”整個標準的企業網站開發過程進行設計，促使學生學以致用，以“用”促學，邊“用”邊學。

（三）校企合作共建課程資源體系。以就業為導向，以能力為本位，深度挖掘企業資源與專業課程教學的契合點，利用企業資源更好地改善課程教學質量。依托企業資源，以校企合作為切入點，重構課程內容體系，結合崗位分析將企業實際項目融入教學內容，使得企業資源最大限度地服務課程教學的各個環節，提升課程教學整體水平。

內容重構以就業崗位定位和職業能力分析結果作為重要依據，課程將企業實際項目融入教學內容，以 3 個子項目12 個典型具體的工作任務為載體。學生通過參與網站項目制作，親自體驗“網站策劃―網站整體設計―靜態網頁設計―動態網頁設計―數據庫設計―網站測試―網站更新維護”整個標準的企業網站開發過程。整合后的課程內容對接就業方向，接軌就業崗位，切實在教學中提高學生的職業能力。企業資源的注入使課程教學煥發新的生命力。

該混合式教學資源已經實際運用于計算機應用技術專業實驗班級的課堂教學。對完成實踐教學的專業學生進行課程教學滿意度調查問卷。調查結果顯示，學生對課程學習興趣明顯提高，對課程教學內容、教學模式、教學方法、考核方式等方面的滿意程度均有較大幅度的上升。

通過混合式教學資源庫的建設與應用，學生學習興趣更為濃厚，遲到曠課率減少，學習主動性和自覺性增強，合作精神和競爭意識有所提高，改變了不良的學習習慣，從而進一步增強動手操作能力和綜合職業能力，同時也提升自學能力和職業創新能力。

【參考文獻】

[1]程建鋼.職業教育信息化研究導論[M].北京：清華大學出版社，2015

[2]強光峰.科學實施混合式教學的四個關鍵[J].基礎教育參考，2015（7）

網站建設實訓總結范文第4篇

關鍵詞：工作過程；學習情境；網頁設計

“網頁設計與制作”是我院計算機應用技術專業和計算機網絡技術專業的專業核心課程，主要培養學生的網站規劃、網站效果圖的設計與制作、網頁設計、網頁動畫設計、網站后期編輯、網站測試及等技能，是一門實踐性和操作性非常強的課程。如何將高職生培養成合格的網頁設計師，使學生上崗后的能力能適應工作崗位的要求，這是本課程教學的總體目標，也是課程設計的方向。

一、職業崗位能力需求分析

通過對計算機相關專業學生畢業后從事網頁設計與制作相關工作崗位的需求調研、畢業生問卷調查、網上企業招聘信息查詢統計、校企合作辦學等多種形式，在充分了解行業、企業具有的適合計算機相關專業畢業生就業崗位的前提下，由企事業專家和專、兼職教師組成的專業建設與課程建設指導委員，通過反復論證，確定本課程相關的職業崗位、崗位能力及崗位所需的綜合

素質。

二、課程設計的理念與思路

1.課程設計的理念

本課程根據高職教育的特征，將“基于工作過程系統化”和

“行動導向教學”作為課程開發與設計的基本理念。將教學內容設計為5個學習情境，打破傳統網頁教學的條塊界限，將網頁設計與制作的實際過程作為課程教學主線，這樣網頁設計與制作的實際順序即是本課程的教學順序。

2.課程設計的思路

本課程的開發設計充分體現了職業崗位要求――職業性（網站策劃崗位、網頁設計崗位、網站建設崗位、網站管理崗位）、豐富多樣的實踐環節――實踐性（課內項目、課外拓展項目、網頁技能展示、畢業實習和畢業設計）和教學內容的靈活可選性、可拓展性――開放性（網頁設計競賽、網上教學資源、校外專家講座）。

三、教學內容的組織與實施

1.教學內容選取的指導思想和基本原則

（1）根據網站開發職業崗位要求和相關職業資格標準，適時調整更新教學內容。

（2）以項目能力作為課程培養的主要目標，以真實項目為載體組織教學內容，注重培養項目實施能力。

2.以網站項目為載體，重構和序化教學內容

課程組通過對市場調研、聽取畢業生的反饋信息，與校內外行業專家充分研討分析，確定了課程的職業崗位指向是“網站策劃員”“網頁設計與制作員”“網站管理員”“網頁美工員”“網頁編輯員”和“網站運營員”等，并對這些典型工作崗位的職業能力進行了分析，選取了“武威職業學院校園十佳歌手評選活動宣傳網站建設”“放飛夢想個人網站建設”“武威職業學院信息技術公司網站建設”“武威旅游網站建設”和“佳佳商城網用戶及留言管理系統建設”等5個學習情境作為課程的教學內容，并為每個情境設計了6～10個教學任務，重構和序化教學內容，將真實項目精心分解成符合學生認知規律的教學任務，將技能點、知識點合理地融入各個教學任務中，打破了傳統的“先理論，后實踐”的教學組織方式。

在網站項目教學過程中，學生要根據項目來學習，具有很強的學習目的性、積極性和主動性，激發學生學習熱情。每個項目的教學過程都要遵循：“項目任務內容項目”這樣一個過程。在這個過程中，學生根據項目需求可以對前面學習的內容進行分析、總結、歸納、提高、整合。

3.教學內容的選取與教學實施

依據所確定的職業崗位選取教學內容，在確定網站教學項目時，遵循學生的職業成長規律，將網頁設計基礎知識、網站欣賞、網站規劃與設計、網頁效果圖設計等16個教學模塊進行了重構與序化，以5個網站項目為載體，綜合理論知識、操作技能和職業素養為一體。

5個學習情境之間由易到難，層層遞進，在不斷補充新知識、新技能的同時，對課程的重點和難點進行反復強化。通過5個網站項目的學習，學生不但能夠掌握網頁制作與網站設計的專業知識和專業技能，還能夠全面培養其團隊協作、溝通表達、拓展創新、愛崗敬業、精益求精、求真務實的職業道德與規范等綜合

素質。

4.課程考核

本課程的評價采用過程性評價（項目評價）和期末考評（課程考核）相結合的方法。最終課程成績由“平時成績（占20%）、項目考評（占30%）、期末考評（占50%）三個部分組成。具體考核要求見下表。

四、教學效果

學生對該課程采用基于工作過程系統化的教學反映良好，對教學中引入企業項目案例設計，與生產實踐相結合的探索感到滿意。良好的實習、實訓條件也使學生的設計制作能力得到了明顯提高，實現了工學的無縫結合。基于工作過程系統化的課程和行動導向的教學模式充分調動了學生學習的興趣，學生普遍認為在這種教學模式下老師們的授課重點突出，難易適度，在教學中引入前沿知識和實際項目擴展視野，使學生在專業技能得到提高的同時，職業綜合素質也得到了很好的鍛煉和提高，為將來就業打下了良好的基礎，同時該課程改革已得到校內外專家的一致好評，我院學生連續多次在甘肅省大學生創新杯計算機應用能力競賽網頁設計項目中獲得各種榮譽，已經取得了明顯的效果。

參考文獻：

[1]姜大源.當代德國職業教育主流教學思想研究[M].北京：清華大學出版社，2007.

[2]王美萍.關于“工作過程系統化”教學模式應用的探討[J].中小企業管理與科技，2009.

網站建設實訓總結范文第5篇

關鍵詞:平面設計;課程網站;網頁設計;布局;模板;流媒體

中圖分類號:TP393文獻標識碼:A文章編號:1009-3044(2009)24-6944-03

The Construct of Course Website of Graphic Design

MA Qiu-fang,ZHANG Bo-lun

(Qingdao Huanghai Vocational College, Info-Engineering Faculty,Qingdao 266427, China)

Abstract: Network-based teaching is possible with the popularity of campus network. One of the most important elements is establishment of website in teaching reform. It is focus on the necessity, location construction of the website. The principle in the website design with image processing software and web page design software is introduced in detail. The keys such as update of the website are also given in the paper.

Key words: graphic design;course website;web design;layout;template;streaming media

1 網站建設的背景及意義

計算機網絡技術以及多媒體技術的快速發展推動了教學模式和教學手段的變革。我校的校園網已經建立,由于教學信息資源的匱乏,難以發揮其在教學科研中應有的作用,建立相應課程的教學網站勢在必行。

教學網站是通過網絡表現教學內容和實施教學活動的綜合性教學系統,借助于多媒體和流媒體技術,為學生提供一個自主學習的環境。

平面設計課程是我校高職藝術類專業的一門主干課程。根據實際需要構建平面設計課程的教學網站,有助于激發學生的學習興趣,提高課程的教學效果和影響力。

2 網站的前期準備

2.1 需求分析

平面設計課程教學網站的瀏覽者是教師和學生,需要提供課程的教學大綱、電子教案及案例素材等教學資源供學習者使用,提供課后習題以檢查學習效果。此外,網站還應該實現師生之間的互動,形成一個有信息反饋和實時或非實時交流的系統。

2.2 風格定位

課程網站的風格應當美觀大方、簡潔明了,界面的設計體現友好和諧、方便用戶操作。風格取決于布局和色彩。

網頁布局結構大致可分為“國”字型、拐角型、標題正文型、左右框架型、上下框架型、封面型等[1]。無論采取何種結構的網頁,都應遵循突出主要內容、主次分明這一原則。本站點的網頁采用拐角型結構,正文部分縱向分隔為兩欄,這是一種規范理性的分隔方式,類似于報刊的版式。

網站的頁面主色調為海藍色,海藍色令人想到獨立和創造,代表著美好的未來。通過調整透明度和飽和度對色彩進行變淡或加深漸變等的處理,產生新的海藍色的近似色彩,整個網頁看起來色彩統一,又不乏層次和變化。頁面中還使用了淡灰色的背景圖像,給人以遐想的空間,對于協調頁面的均衡也起著很大的作用。

2.3 方案設計

2.3.1 網站欄目及欄目簡介

根據需求分析,平面設計課程網站需要建立以下幾個欄目:

(1)課程簡介。簡要介紹了平面設計課程的性質和說明,使用的教材及參考教材。

(2)課程建設。本欄目具體介紹了課程負責人和主講教師的基本信息,課程的教學目的、教學設計思想和教學手段,課程的教學特色,考核方式和課程評價。

(3)教案與視頻。該欄目提供了平面設計課程的CAI課件下載,重點章節的教師授課現場視頻以及說課形式的課程整體介紹視頻,幫助學生更有效的學習或復習。

(4)學習指南。網絡教學不同于課堂教學,不能只提供教案課件,還需要提供學習指南指導學生的自主性學習[2]。本欄目包括本課程的知識結構、教學大綱、各章節學時分配,各章節的主要內容和重點難點以及課程進度表。

(5)實驗實訓。該欄目提供了平面設計課程的實踐性環節,包括平面設計的精彩案例制作步驟以及所需素材的下載,用于拓展知識面。

(6)習題與試卷。包括各章節的相關習題、歷年考題以及平面設計師認證考試的模擬試題,方便了學習者的自我檢測。

(7)學生作品。選取優秀的學生作品和大賽獲獎作品進行展示。此欄目不僅能夠激發學生的積極性,又展示了課程的教學效果,對學校的教學起到宣傳作用。

(8)討論區。在討論區學生可以進行學習交流、資源共享、信息以及作品展示等,該欄目加強了師生之間的聯系。

2.3.2 網站拓撲圖

圖1為網站拓撲圖。

2.3.3 確定設計工具

開發一個好的課程網站要選擇好開發工具和開發技術,網站的靜態部分使用Dreamweaver來制作,利用Photoshop設計網頁界面和處理圖像,網站的動態交互部分采用ASP和SQL實現,IIS為系統運行服務器。

3 網站建設

3.1 設計首頁界面

3.1.1 繪制首頁草圖

確定了首頁各項欄目及位置之后,開始設計首頁的版面,將首頁做一個簡單的規劃(如圖2所示),包括導航欄、網站Banner、正文、版權信息。

3.1.2 首頁效果圖

使用Photoshop制作效果圖,將文件規格設置為寬度780像素,高度800像素,分辨率為300像素/英寸。效果圖制作完成后借助參考線進行劃分,然后使用切片工具沿參考線切片(如圖3所示),并將其存儲為Web所用格式,系統則自動生成一個文件夾,保存所有的切片。

需要注意的是:切片時要按照Dreamweaver表格能實現的區域進行劃分,切忌切片過于復雜[1];為了整個網站風格的統一,網站中的其他網頁也采用類似的形式。

3.2 創建站點

在制作網站時創建一個本地站點文件夾,這個文件夾用來存放和管理站點中的所有文件,該文件夾的四個子文件夾,分別是image、video、courseware、works,分別用來存放網頁的圖片、教學視頻、電子課件和學生作品。

啟動Dreamweaver新建站點,站點名稱為“平面設計課程教學網站”,本地根文件夾則設置為上面所建的本地站點。

3.3 網站建設中的關鍵點

3.3.1 網頁的布局

網頁的布局方式一般有:表格布局、框架布局及層布局。本站點中的網頁采用表格布局,表格比較容易設置和定位,方便管理調用,比較適用于排版統一的網頁[3]。不采用單一層進行布局是因為層的絕對定位方式導致網頁的穩定性不高,層的位置會跟隨顯示分辨率的變化而移動,造成頁面混亂。

3.3.2 模板和庫的使用

由于網站中所有網頁的布局和界面大體一致,在制作和修改網頁時借助模板減少重復的工作量。避免了相同部分的輸入,而且在更新網站時,只需修改模板,系統就能自動更新基于這個模板的所有網頁。

此外還將網頁中的內容的許多共性部分(如版權信息等)定義為庫元素,將其應用在每個頁面需要的地方。與模板類似,當相關信息發生改變時,不必每個頁面都進行修改,只需修改庫元素就會自動更新全部網頁。

3.3.3 錨點鏈接

實驗實訓、學習指南、學生作品等網頁的特點是內容分類多,但各項包含的內容少。如學生作品分為海報設計、包裝設計、書籍封面設計等七個分類,而每一類展示的作品只有八幅,這樣就可以在頁面的右側設計一個內部導航條,為其添加錨點鏈接。

這種設計方式是將全部內容放置在一個頁面上,瀏覽時利用錨點在同一頁面的不同位置進行跳轉。這樣一來,在瀏覽不同類別的內容時無需打開新的頁面或刷新頁面,提高了瀏覽速度,而且維護方便,省去大量重復代碼,減少了文件容量。

3.3.4 流媒體

教案與視頻頁面需要將教師授課視頻上傳至網站,考慮到傳輸網絡的帶寬、觀看者等待時間和視頻分辨率等因素,將所有視頻統一轉換為Flv格式。Flv的全稱是Flash video,是一種流媒體的格式,邊下載邊播放,形成的文件較小,加載速度快,分辨率適中。

3.3.5 以學生為中心

在網站的規劃和實現方面都堅持以學生為中心。例如:針對不同水平的學生提供不同的教學進度和學習目標,并配合難易度不同的課件、教學視頻以及課后習題;在討論區設置教師答疑版塊,集中解決學生學習中遇到的問題;設置反饋意見電子信箱,收集學生的意見和建議;網站欄目和內部導航條的劃分符合學生的認知心理等,真正實現了由以教師為中心向以學生為中心的轉變。

3.3.6 網站的更新

一個好的課程網站不僅需要建設,更需要不斷更新維護。許多高校都建立了課程網站,但是建成后沒有后期的更新維護,成了“一建了之”的工程,降低了網站的生命力,沒有達到促進教學的最終目的。

平面設計課程發展速度很快,軟件不斷升級、國際流行設計不斷變化。筆者剛接觸Photoshop時的CS版本升級到現在CS4版本只用了四年的時間,增加了幾十項功能。為了讓課程跟上時代的步伐,不斷吸納最新的教學成果和研究成果,完善的教案、習題、視頻等教學資源[4],并將討論區里優秀的學生原創作品提煉出來充實到網站中,實現網站的滾動建設,延長生命力。

4 總結

課程網站的建設是教學模式和教學手段改革的一項重要內容,課程網站可以實現優秀教學資源和教學成果的共享,提高教學質量。通過一年的運行證明效果良好,學生自主學習的積極性增加,教師的業務水平也有所提高。課程網站的建設是一項長期的工作,需要在教學實踐中不斷總結和完善。

參考文獻:

[1] 智豐電腦工作室.Dreamweaver8網站設計制作入門與提高[M].北京:中國林業出版社,2006.290-292,298.

[2] 王向紅.“微機原理及接口技術”課程網站設計和實現[J].中國現代教育裝備,2007(9):51-52.

[3] 王鳳蘭,趙應旺.花卉精品課程建設中網站的構建初探[J].農業與技術,2007(7):164.