網(wǎng)頁的設計與制作精選(九篇)

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

第1篇：網(wǎng)頁的設計與制作范文

關鍵詞：網(wǎng)頁；設計；制作；教學；實踐

相對而言，網(wǎng)頁設計與制作的很多內(nèi)容，都要充分考慮到學生的內(nèi)心想法，應堅持將學生作為教學的主體。現(xiàn)代化的教育工作，不能繼續(xù)采用傳統(tǒng)的手段，而是要在教學過程中，不斷的加強實踐，讓學生在知識、技能的掌握過程中，可以使用科學的手段，提升自身的競爭力。

一、網(wǎng)頁設計與制作教學現(xiàn)狀

當代人才的培養(yǎng)過程中，比較主張的是通過實踐手段來完成，單純在理論上進行人才培養(yǎng)，并不能取得較好的效果。結合以往的教學經(jīng)驗和當下的教學標準，認為網(wǎng)頁設計與制作的教學現(xiàn)狀，主要是集中在以下幾個方面：第一，日常的教學工作開展，需要通過合理化的模式來完成，對于多方面的內(nèi)容實施，必須不斷的與學生的需求和社會職業(yè)的變化來完成[1]。第二，在日常教學過程中，師生互動表現(xiàn)不足。網(wǎng)頁設計與制作是非常靈活的專業(yè)內(nèi)容，想要讓學生在技能和理論的掌握上取得更好的成績，必須不斷的改善自身的不足，要進一步的加強教學的可靠性、可行性，堅持對學生的想法積極了解。第三，網(wǎng)頁設計與制作的部分內(nèi)容，出現(xiàn)了銜接不當?shù)默F(xiàn)象。學生時代的知識、技能鍛煉，應按照最新的要求和標準來完成，要讓他們從人才的轉變過程中，獲得更多的肯定，避免在未來出現(xiàn)嚴重的缺失[2]。第四，網(wǎng)頁設計與制作的教學，在今后還必須對體系做出完善，確保能夠對學生給予更多的肯定。

二、網(wǎng)頁設計與制作教學的實踐對策

（一）合理安排教學內(nèi)容

就網(wǎng)頁設計與制作本身而言，實踐教學開展的過程中，要想取得較好的成績，必須堅持在教學內(nèi)容上合理的安排，不能總是出現(xiàn)嚴重的不足。當代的教學工作開展，要求學生能夠在內(nèi)容的學習、鍛煉上，保持足夠的豐富性，從而在未來的知識鞏固上，能夠取得更好的效果。安排教學內(nèi)容的時候，應將多方面的影響因素積極考慮，減少單一思路的限制[3]。例如，以網(wǎng)站的建設的基木流程為主線，通過具體工作任務的實施來完成網(wǎng)頁設計與制作的學習，每個教學項目都是基于完成網(wǎng)站的某個模塊。其中包括以下內(nèi)容：（1）網(wǎng)站建設的基礎知識。（2）網(wǎng)站建設基木流程，其中包括市場調研與分析、明確網(wǎng)站定位、收集信息和素材、策劃欄目內(nèi)容、設計頁面方案、制作頁面、網(wǎng)站的測試與等。通過合理安排教學內(nèi)容，能夠促使網(wǎng)頁設計與制作的教學具有明確的針對性，讓學生的學習擁有更多的動力，加強人才的綜合培養(yǎng)。

（二）實施多元化的教學方法

從主觀的角度來分析，網(wǎng)頁設計與制作的教學實踐過程中，想要在日后取得更好的成績，必須堅持在教學方法上保持足夠的多元化，不能讓學生在學習、鍛煉過程中，出現(xiàn)嚴重的偏差和不足。本文認為，實施多元化的教學方法，可從以下幾個角度來出發(fā)：第一，日常的教學工作開展，應引導學生多多運用小組討論來完成。每一個學生在專業(yè)知識的學習過程中，都會擁有自己的特長和不足，大家共同學習的情況下，可以互相彌補不足，在知識和技能的掌握過程中，達到取長補短的效果，將多方面的知識更好的完善。第二，教學工作在開展的過程中，要引導學生多多探究新的鍛煉方法。網(wǎng)頁設計與制作的實踐內(nèi)容，應該多多與社會上的需求相互接觸，鼓勵學生適當?shù)膹氖录媛?，積累工作上的經(jīng)驗，開拓自身的視野，將理論知識和職業(yè)要求更好的融合，從而在網(wǎng)頁設計與制作的能力上，獲得更好的提升。第三，在教學過程中，可對信息化的技術積極操作，促使學生在知識的吸收、消化水平上，得到大幅度的提升。

（三）合理開展考核

經(jīng)過前幾項教學工作的開展，網(wǎng)頁設計與制作的很多實踐內(nèi)容，都可以讓學生取得較好的效果，整體上未出現(xiàn)嚴重的問題。建議在今后的實踐教學過程中，要加強考核的合理性。第一，學生對于網(wǎng)頁設計與制作的掌握，一定要在基礎能力上加強考核，促使學生在未來的學習和鍛煉上，能夠更快、更好的吸收先進理念，增加工作經(jīng)驗的同時，形成自身的特色操作，提高學生的競爭力。第二，在考核過程中要加強學生重點特長的考核。有些學生在學習和鍛煉過程中，希望掌握更多的技術，因此會自主學習，教師可利用考核的方法，對學生有一個正確的判斷，促使其在未來的發(fā)展過程中，能夠取得更好的成就。第三，開展考核的過程中，必須要對學生做出綜合性的判定。網(wǎng)頁設計與制作的學習，不僅僅集中在校園以內(nèi)，還包括日后的從業(yè)方向和個人經(jīng)驗的積累等等。因此，要對主觀考核、客觀考核，都擁有清晰的認知，減少對學生的錯誤判定。第四，考核工作的實施需要伴隨學生的提升、進步，做出適當?shù)膬?yōu)化。

三、總結

本文對網(wǎng)頁設計與制作教學實踐展開討論，現(xiàn)階段的教育工作開展，能夠對實踐方面的內(nèi)容積極融合，很多層面都獲得了良好的改善，整體上的教育可靠性、可行性獲得大幅度的提升。日后，應繼續(xù)在網(wǎng)頁設計與制作方面，不斷的加強新的理念融入，讓學生在實踐過程中，能夠取得更多的肯定，增加自身的特長，開拓自身的視野，服務社會的同時，實現(xiàn)自身的價值。

參考文獻： 

[1]曾清清.項目教學法在中職《網(wǎng)頁設計與制作》課程中的應用研究[D].陜西師范大學，2015. 

[2]肖菲.基于Web2.0技術的項目教學法在高職網(wǎng)頁設計與制作課程教學中的探索與實踐[J].計算機光盤軟件與應用，2014，17（02）：212-213. 

第2篇：網(wǎng)頁的設計與制作范文

高職院校深化課程的教學改革是培養(yǎng)專業(yè)技能型人才的有效手段，為了培養(yǎng)學生具備制作網(wǎng)站的專業(yè)技能，激發(fā)學生學習這門技術的興趣，專業(yè)教師結合多年的工作經(jīng)驗及多年的教學經(jīng)驗，對《網(wǎng)頁設計與制作》課程進行了有效的教學改革，在教學內(nèi)容設置上更加突顯專業(yè)性、技能性及應用性等方面的內(nèi)容，使本課程內(nèi)容符合本專業(yè)的培養(yǎng)目標，教學設計上更加突顯工作場景的應用，在考核標準上更加注重學生創(chuàng)新及制作能力的考核，在培養(yǎng)目標上更加側重專業(yè)素質及技能型人才的培養(yǎng)。

【關鍵詞】

網(wǎng)頁設計與制作；互聯(lián)網(wǎng)+教學；教學改革；基于工作過程

《網(wǎng)頁設計與制作》課程是我院計算機多媒體技術專業(yè)和網(wǎng)站規(guī)劃與開發(fā)技術專業(yè)的一門專業(yè)核心課，具有專業(yè)性強，實用性強，獨立性強等特點，本課程在這兩個專業(yè)特別是網(wǎng)站專業(yè)的課程體系中處于核心地位。

1課程培養(yǎng)目標與企業(yè)用人標準

《網(wǎng)頁設計與制作》課程側重培養(yǎng)學生的網(wǎng)頁的基本設計能力及制作能力的訓練，要求學生熟練掌握網(wǎng)站制作中的各種基本技能，具備設計、開發(fā)、維護中小型網(wǎng)站的基本知識和能力，使學生能夠具備從事職場工作的綜合素養(yǎng)。

1.1企業(yè)用人標準通過網(wǎng)上調研及與企業(yè)專業(yè)人士探討，對企業(yè)招聘的“網(wǎng)頁設計師”的大體要求總結為以下幾點：1）要求具備良好的職業(yè)素養(yǎng)及個人素養(yǎng)，具有較強的團隊合作意識，對工作認真負責。2）具有創(chuàng)新意識，能夠較好的把握網(wǎng)站的整體設計風格和網(wǎng)站內(nèi)容整體規(guī)劃。3）熟練使用Flash、PS、Dreamweaver等相關工具，能夠熟練地使用HTML+CSS對網(wǎng)頁進行代碼的編寫，對從業(yè)人員要求具備系統(tǒng)的專業(yè)知識和具備一定的實踐經(jīng)驗。4）要求從業(yè)人員具備一定的代碼優(yōu)化能力和網(wǎng)站維護能力。

1.2課程達到的教育標準根據(jù)企業(yè)用人標準及本專業(yè)的的培養(yǎng)目標、理論和實踐教學目標形成了本課程所應達到的教育標準，通過本課程的學習和實訓，學生能夠具備以下能力：web站點的規(guī)劃、網(wǎng)站策劃、構建及的能力；網(wǎng)頁設計與制作能力；Flas的創(chuàng)意及制作能力；HTML+CSS代碼編寫能力；簡單的網(wǎng)站優(yōu)化能力。

2《網(wǎng)頁設計與制作》課程的教學設計

2.1明確教學目標，優(yōu)化教學內(nèi)容高職院校的人才培養(yǎng)目標和模式必須要迎合市場對人才的需求，培養(yǎng)具有創(chuàng)新意識、團隊合作能力、分析問題、解決問題能力的綜合素質的人才。為了提高本課程的教學效果，我們必須優(yōu)化教學內(nèi)容。根據(jù)我院網(wǎng)站專業(yè)及計算機相關專業(yè)的人才培養(yǎng)方案要求學生具備相應的專業(yè)知識外，還應具有相應的專業(yè)素養(yǎng)。為此，我們將對課程的教學內(nèi)容進行優(yōu)化、細化，增加與實際工作相關的學習內(nèi)容，刪除或弱化與工作聯(lián)系不密切的內(nèi)容。使得課程教學內(nèi)容包括以下五部分：①網(wǎng)站入門；②DW軟件使用；③HTML+CSS代碼的學習；④網(wǎng)站策劃與開發(fā)；⑤網(wǎng)站測試與維護；⑥網(wǎng)站優(yōu)化（SEO），同時還要根據(jù)市場需求對課程進行隨時的修訂。

2.2教學模式的選擇由于做網(wǎng)站對學生的創(chuàng)意能力及制作能力要求較高，所以本課程的課堂教學采用了多元化的模式：班級授課、互聯(lián)網(wǎng)+教學、個別化教學、實訓指導。班級授課是在實訓機房教師模擬真實的工作場景，結合講授，以多媒體信息展示教學內(nèi)容，并根據(jù)學生的反饋及時調整教學進度，重點指導，強化重點；學生需要根據(jù)老師提出的項目任務進行分析、分解、優(yōu)化并制作?；ヂ?lián)網(wǎng)+教學是以課后學生需要通過互聯(lián)網(wǎng)來復習、預習課程內(nèi)容，并且能根據(jù)老師提出的問題進行思考為主要手段的一種方式，教師還應通過互聯(lián)網(wǎng)能學生進行適當?shù)闹笇А?/p>

2.3教學方法的設計教學過程中充分利用先進的教學技術和方法，在實訓機房模擬真實的工作環(huán)境，從小的任務開始，讓學生一開始就有一種職場的環(huán)境，并采取團隊合作的方式，三五人一組，實行同學間幫扶、老師指導、團隊合作的方式逐步提高同學們的專業(yè)職業(yè)能力。

2．3．1模擬工作環(huán)境，精心為學生設計典型的工作任務在知識的學習中，以“任務”為引導的真實工作環(huán)境教學，真實地模擬工作環(huán)境，給學生切實可行的工作任務。同時，還要對任務中的學生進行了解和觀察，根據(jù)他們的興趣設置合理的任務，把實際工作的場景帶到課堂中去，讓學生不單單是處于課堂的學習，更要有一種置身于工作的體驗。使學習與工作融為一體，更加有效地驅動學生前進。

2．3．2工作場景中的“項目”導向學習在學生掌握了基本的知識后，就應讓學生真正置身于工作環(huán)境中，在工作過程中提高自己的水平，在工作過程中學習的另一個方法就是給其設定“項目開發(fā)”的工作任務，工作場景中以“項目”為主導的核心理念是“以學生為主體，以項目為推動學生前進的動力，以教師指導為輔助手段”，它強調在工作過程中以項目開發(fā)為整個工作任務，把所學知識綜合運用到給定項目的開發(fā)中，在整個開發(fā)過程中他們會發(fā)現(xiàn)自己的薄弱環(huán)節(jié)，能夠更清楚自己在哪方面的欠缺，從而提高他們自己在此方面的學習動力，并且能提高他們團隊合作的意識。

3《網(wǎng)頁設計與制作》課程的考核標準

3.1課程考核標準本課程的考核標準由以下三部分構成：學生的職業(yè)素養(yǎng)、學生的專業(yè)基礎知識、學生的專業(yè)技能。各部分的具體內(nèi)容如下：學生的職業(yè)素養(yǎng)：學生在工作中的工作態(tài)度、團隊合作精神、再學習的精神及職業(yè)道德。學生的專業(yè)基礎知識：各種文件的設計規(guī)范、命名規(guī)范、HTML+CSS的編寫規(guī)范、圖像處理規(guī)范，整站建設、維護及優(yōu)化等專業(yè)基礎知識。學生的專業(yè)技能：網(wǎng)站策劃能力、網(wǎng)站規(guī)劃能力、圖像處理能力、網(wǎng)站的設計與制作能力、網(wǎng)站的開發(fā)能力、網(wǎng)站維護能力及網(wǎng)站優(yōu)化能力。對學生的專業(yè)基礎知識考核主要以日常的教學基本目標為準則，對職業(yè)素養(yǎng)的考核主要是以學生在團隊中的表現(xiàn)為基準對其進行多方位的考核。考核的原則以學生掌握的專業(yè)基礎知識和專業(yè)職業(yè)技能為重點，以職業(yè)素養(yǎng)為輔的考核原則，對于職業(yè)素養(yǎng)，一般是在平時的團隊合作中完成，對于專業(yè)基礎知識的考核主要是在平時的工作任務中進行，而對于專業(yè)職業(yè)技能則主要是在開發(fā)的項目案例中進行。各部分考核的比重如下：專業(yè)職業(yè)素養(yǎng)（10%）+專業(yè)基礎知識（30%）+專業(yè)技能（60%）=100%。傳統(tǒng)的《網(wǎng)頁設計與制作》課程考核標準側重于對專業(yè)的基礎知識的考核，目前我們對于學生能力的培養(yǎng)主要以職業(yè)能力為目標，所以我們制訂的新標準應側重于對學生職業(yè)能力的考核，更加注重對學生走向職場的綜合素質的培養(yǎng)。

3.2平時成績考核

1）出勤和課堂案例策劃：對于缺勤、遲到或早退都要扣相應的分數(shù)，對到課堂上布置的案例進行分析的同學都有記錄，會有加分。

2）平時作業(yè)：課程最初階段我們是以小的任務作為課堂作業(yè)，而當課程進行到接近一半的時候，我們會要求學生選一個主題作為網(wǎng)站的名稱，開始網(wǎng)站的建設之路。這個簡單的網(wǎng)站制作和平時的工作任務作為平時的成績。

第3篇：網(wǎng)頁的設計與制作范文

關鍵詞：教學內(nèi)容；選取流程；針對性；適用性

中圖分類號：G642文獻標識碼：A文章編號：1009-3044(2011)27-6705-02

自2010以來，我們先后對廣州鴻城科技有限公司、南昌瑞道信息技術有限公司等十幾家企業(yè)的“網(wǎng)站設計與開發(fā)”崗位進行問卷調查，經(jīng)過調查發(fā)現(xiàn)：很多畢業(yè)生對工作環(huán)境適應能力不強，對勝任崗位的能力存在一定差距，存在眼高手低的現(xiàn)象，常常工作不到三個月就不辭而別，而企業(yè)又招不到理想的人才。身為職業(yè)教育工作者，針對這一現(xiàn)象，我們必須進行深刻思考，深入研究高職教學規(guī)律，積極探索高職教學改革。

隨著市場對人才需求的變化，高職原有的教學模式已經(jīng)不能很好地適應社會對職業(yè)教育的需求，要培養(yǎng)出深受企業(yè)歡迎的技能型人才，高職教育教學改革勢在必行。在充分調研市場對“網(wǎng)站設計與制作”這一崗位任職的要求后，《網(wǎng)頁設計與制作》課程采用了理實一體的教學模式?！袄韺嵰惑w教學”將理論和實踐高度統(tǒng)一；使教學更加形象、更加直觀、更加易學；使學生既掌握夠用的理論知識，又具備嫻熟的實踐操作技能，還具有可持續(xù)發(fā)展的潛能。但如何選取、優(yōu)化《網(wǎng)頁設計與制作》課程教學內(nèi)容對理實一體教學模式的成功實施，起著至關重要的作用。

1 理實一體教學模式下教學內(nèi)容選取

1.1 教學內(nèi)容選取的指導思想

依據(jù)高職計算機應用技術（網(wǎng)站建設方向）人才培養(yǎng)目標、從計算機專業(yè)群未來就業(yè)崗位的實際需求出發(fā)，統(tǒng)籌考慮選取課程教學內(nèi)容。以網(wǎng)站設計與開發(fā)技術的崗位任職要求，參照網(wǎng)站設計與開發(fā)職業(yè)的資格標準，不斷改革與創(chuàng)新課程體系與教學內(nèi)容。

教學過程中按照以“職業(yè)崗位工作過程為導向”，“以職業(yè)能力培養(yǎng)為課程核心”，“以教師為主導、學生為中心”的理念進行課程設計，以實際工作任務為載體組織教學內(nèi)容，不斷創(chuàng)新與改革教學方法和教學手段。

1.2 教學內(nèi)容的針對性與適用性

1）深入職業(yè)崗位調研，掌握一手資料

要確保理實一體教學達到預期效果，科學選取與優(yōu)化教學內(nèi)容使其具有針對性、適應性顯得尤為重要。為此，課程組要廣泛深入?yún)^(qū)域內(nèi)典型的企業(yè)、校外合作實訓基地，對與課程相關的職業(yè)崗位進行充分調研，從企業(yè)領導者、中層管理者、技術骨干及生產(chǎn)一線人員獲取第一手資料。分析了解網(wǎng)站建設與開發(fā)從業(yè)人員在知識、能力、素質方面的要求，根據(jù)掌握的一手資料，選取與優(yōu)化課程教學內(nèi)容，使課程教學內(nèi)容真正貼近企業(yè)、緊跟行業(yè)發(fā)展，達到學以致用的目的。

2）以勝任崗位為目標，有效確保教學內(nèi)容的針對性與適用性

通過調研，明確了學生通過對該課程的學習，能夠熟練掌握網(wǎng)頁制作工具（Dreameweaver或FrontPage），掌握網(wǎng)頁設計語言（Html、或JavaScrip或VBscript），在網(wǎng)頁中設置特效，設置網(wǎng)頁顏色、文本格式和列表，熟練掌握網(wǎng)頁中顏色值的配置和背景圖案的設置方法，熟練掌握字符、超鏈接顏色的設置方法；掌握在網(wǎng)頁中添加CSS、插入動畫、聲音、多媒體信息的技術；熟練掌握表格的使用，能熟練通過對表格設計來布局網(wǎng)頁；熟練掌握Div標簽與CSS樣式結合，進行頁面布局；（增加）掌握框架制作網(wǎng)頁的方法，能使用框架設計網(wǎng)頁；掌握表單的制作方法，通過表單制作交互式頁面；掌握Javascript語言的語法；能看懂Javascript特效網(wǎng)頁源代碼，并掌握在HTML語言代碼中插入網(wǎng)頁特效代碼;掌握網(wǎng)站管理、網(wǎng)站測試與維護等知識。從而科學選取與優(yōu)化教學內(nèi)容，確保教學內(nèi)容與職業(yè)崗位需要的針對性、適用性。

3）教學內(nèi)容選取流程

依據(jù)對相關職業(yè)崗位的調查分析，并充分考慮學生可持續(xù)發(fā)展的要求來選擇和構建教學內(nèi)容體系。在實踐教學過程中，課程組有著嚴謹?shù)慕虒W內(nèi)容選取流程以保證教學內(nèi)容的適應性和針對性（如圖1所示）。

2 教學內(nèi)容組織與優(yōu)化

2.1 組織原則

以“網(wǎng)站開發(fā)工作過程”為導向的“模塊化為主線”的原則組織教學內(nèi)容，按照理論以必須夠用為度，注重技能培養(yǎng)的原則設計課程內(nèi)容體系。

將網(wǎng)站從業(yè)人員必備的知識和技能分成4個模塊進行教學，科學設計學習性工作任務，對每一個教學單元設計了若干個具體工作任務或項目（行動化的學習項目），在任務完成過程中進行教學內(nèi)容的講解，同時項目主線中沒有牽涉的內(nèi)容，采用“任務驅動”的方式進行補充講解。所有內(nèi)容的安排都圍繞學習任務的完成來展開。把教、學、做三者有機的相結合，使工作流程模塊化、模塊內(nèi)容案例化，課程考核過程化，理論與實踐一體化。

2.2 以四個模塊為主線組織教學內(nèi)容

教學內(nèi)容緊密結合現(xiàn)代企業(yè)建設網(wǎng)站項目的設計流程、網(wǎng)站建設流程，按照項目驅動組織教學內(nèi)容。根據(jù)課程目標能力的要求，教學模塊順序從教學目標的角度出發(fā)，整合教材內(nèi)容，使教學內(nèi)容體系具有系統(tǒng)性、科學性、連貫性、啟發(fā)性、實用性。在具體的教學內(nèi)容組織和形式上，課程組堅持以網(wǎng)頁制作技術需求層次為教學單元，將教學內(nèi)容分成四個知識模塊：網(wǎng)站開發(fā)基礎模塊、網(wǎng)頁制作模塊、網(wǎng)頁編程模塊、網(wǎng)站管理模塊，以四個模塊為主線，以提高學生能力為目標展開教學。如表1所示。

3 結束語

在理實一體教學過程中，教師要善于思考，不斷地總結，不斷豐富理實一體教學的內(nèi)涵?！毒W(wǎng)頁設計與制作》課程在實施理實一體教學過程中，不斷深入市場調研分析，了解網(wǎng)站建設與開發(fā)從業(yè)人員在知識、能力、素質方面的要求，根據(jù)掌握的一手資料，選取與優(yōu)化課程教學內(nèi)容，使課程教學內(nèi)容真正貼近企業(yè)、緊跟行業(yè)發(fā)展，使學生既掌握夠用的理論知識，又具備嫻熟的實踐操作技能，還具有可持續(xù)發(fā)展的潛能。學生畢業(yè)后能很快適應工作環(huán)境和勝任崗位，成為社會所需的合格人才。

參考文獻：

[1] 王冬.網(wǎng)站開發(fā)與網(wǎng)頁制作網(wǎng)絡課程設計[J].電腦編程技巧與維護,2010(2).

第4篇：網(wǎng)頁的設計與制作范文

關鍵詞：網(wǎng)頁設計與制作；有效教學；教學方法；考核

中圖分類號：G642文獻標識碼：A文章編號：1009-3044(2012)20-4926-03

Based on the Project "the Webpage Design and Making" the Effective Teaching

CHEN Mu-lan

(Guangzhou Information Engineering Vocational School,Guangzhou 510430,China)

Abstract: Deepening the teaching reform is to train talents of enterprise needs the effective implementation of means. Webpage making is a comprehensive, practical computer application course, according to the characteristics of this course, this article from the selection of teaching content, teaching methods and assessment methods of these aspects on how to improve the teaching effect, so as to enhance the students’ comprehensive quality.

Key words: webpage design and making;effective;teaching method;evaluation

1課程背景

近年來，中職學生生源數(shù)量不足、質量偏低，學生基礎太差，缺乏學習動力。在這樣的生源情況下，課程仍舊以學科課程為主，依然沿用陳舊的教學方式，沒有對教學過程進行優(yōu)化組合，從而加劇了教學效果的惡性循環(huán)。目前職業(yè)學校人才培養(yǎng)的效果與企業(yè)需求之間存在著較大的差距，具體表現(xiàn)在以下兩個方面。

1）專業(yè)能力方面。專業(yè)知識不夠扎實、實際操作能力較低。

2）關鍵能力方面。人文知識缺失，知識面窄，學習能力、分析和解決問題的能力薄弱；團隊協(xié)作精神、吃苦耐勞、個人道德行為欠佳。

造成這種差距的原因是多方面的，其中職業(yè)學校的課程與企業(yè)的工作實際脫節(jié)是一種重要的方面。因此，廣州市中等職業(yè)學校全面展開了有效教學和“工學結合”課程模式的改革。

現(xiàn)在網(wǎng)絡已經(jīng)成為人們生活當中不可缺少的一部分，越來越多的企業(yè)、個人都擁有了自己的網(wǎng)站。在互聯(lián)網(wǎng)的世界，展現(xiàn)出吸引眼球的網(wǎng)站，是每一個網(wǎng)頁設計師的目標?！毒W(wǎng)頁設計與制作》課程是中等職業(yè)學校一門重要的課程，是我校計算機專業(yè)的主干課程，它是一門包含一定的理論知識而實踐性、技能性相當強的課程。網(wǎng)頁制作的實踐操作技能對如何設計出與眾不同、獨樹一幟的網(wǎng)頁及后續(xù)的《動態(tài)網(wǎng)站制作》課程學習，具有十分重要的作用。

因此，筆者根據(jù)多年的教學實踐，結合“以就業(yè)為導向、以全面素質為基礎、以能力為本位”的職業(yè)教育指導思想，著力提高學生的綜合職業(yè)能力為目標，對《網(wǎng)頁設計與制作》課程進行了有效教學的改革。

2教學內(nèi)容的選取

教學內(nèi)容應能適應行業(yè)技術發(fā)展，體現(xiàn)技術的先進性。以就業(yè)為導向，將學生日后就業(yè)可能遇到的問題納入到教學內(nèi)容中，突出“學以致用”。由于計算機技術發(fā)展迅猛，若只注重理論或使用過時版本軟件，很容易使學生產(chǎn)生厭學情緒，不利于具有創(chuàng)新思維和創(chuàng)新能力職業(yè)人才的培養(yǎng)，違背教學目標。

按照我?！毒W(wǎng)頁設計與制作》課程的教學大綱和教學目標，結合教材和課程特點，教學內(nèi)容選擇以項目、案例教學為主。根據(jù)總體目標確定課程各個知識點和技能點的具體目標以及教學內(nèi)容，讓學生帶著任務學知識、帶著任務學技能，使學生既知道該怎么做，又知道為什么這樣做。根據(jù)學時和學生的實際水平靈活選擇教學內(nèi)容，如表1是《網(wǎng)頁設計與制作》部分教學內(nèi)容。

本門課程教學內(nèi)容以實踐教學為主導，理論為實踐服務，以學生為中心，教師為主導，通過分解任務、學做合一和討論協(xié)作有機融合，使學生能夠參與，有明確的任務，學習的主動性、積極性得以發(fā)揮。在實踐教學設計中重視知識點和技能點的綜合運用，并充分有效地利用多媒體教學的網(wǎng)絡環(huán)境和優(yōu)越的硬件環(huán)境，會收到很好的教學效果。

3教學方法的改進

在以往舊的教學方式中，從總體的教學效果上看并不十分理想，學生完成實訓任務時目標欠明確，所學知識和技能比較零散，不能產(chǎn)生濃厚興趣，學生之間的協(xié)作性以及教師與學生間的互動性較差。知識和技能的遺忘率較高，不利于學生職業(yè)技術素質的提高和職業(yè)技能的培養(yǎng)，達不到理想的教學效果。筆者根據(jù)往年的教學經(jīng)驗，結合學生及課程特點，對所教的班級采取了以下教學方法：

3.1“學中做、做中學”

為便于學生的學習討論和設計制作，本課程教學直接在有職業(yè)氛圍的配備有多媒體教學設備的實訓室進行。教師根據(jù)學生實施任務時所需知識和技能的情況演示講解有關的知識和技能。在實施任務的過程中，學生可以小組相互討論、協(xié)作、提問，而教師則在實訓室巡視，到學生中間監(jiān)督任務進程，并給予學生適當引導，必要時進行個別或集體輔導。等學生完成任務后，教師對學生完成的任務成果進行點評，并對任務的總的完成情況進行總結。最后讓學有余力的學生開發(fā)自選網(wǎng)站項目中類似的任務，對自選項目的完成情況和設計思路應在適當時間進行分析、點評，并可通過學生自己的介紹提高學生的綜合素質。

各個任務實施過程如圖2所示。

圖2

3.2小組教學

近年來，小組學習在我校區(qū)的計算機應用教學部對部分計算機專業(yè)課程進行了大膽的嘗試與創(chuàng)新，取得了較好的教學效果，現(xiàn)在四個校區(qū)也全面實行了小組教學。

筆者將學生分成多個小組，每組5人，兼顧學習成績、學習能力、性格特點等因素，每小組選出一位技能操作性強、責任心強、熱心助人的學生作為小組長，小組長主要起到幫學及“小老師”的作用，在完成學習任務過程中，如遇到問題可在小組內(nèi)互相學習討論、分析、解決問題，設計制作與創(chuàng)新于一體，能夠開拓思維，發(fā)揮潛力、培養(yǎng)個性、培養(yǎng)團隊精神。學生在“幫”與“被幫”的過程中也體會到了成就感和學習的樂趣，充分調動了學生的學習興趣，不再因為“難”而不想學。而教師能更好地控制課堂，巡視、引導有需要幫助的學生，也彌補了教師在實訓教學過程中，一人面對幾十位學生時，不同的學生所遇到的不同問題而不能及時得到解決的不足之處。為了能更好地管理課堂及機房實訓室的管理，每三個小組組成一個大組，每一大組選出一位“線長”，做到教師管理“線長”，“線長”管理組長，組長管理組員的層層遞進關系的管理方式。

小組教學需要注意的幾點：1）小組長人選需要具備“三強”，即操作技能強、責任心強、管理能力強；2）“線長”和組長在上實訓課前任課教師需要對他們進行適當?shù)呐嘤枺貏e是管理的要求及學習任務的具體要求；3）小組教學并不是讓教師“放羊”，而是要充分體現(xiàn)出發(fā)揮學生是主體，教師是主導的作用。根據(jù)本門課程及實訓上機的特點，設計項目登記表如下：

備注：1、組員在完成任務進行自評并按時上交作品，然后組長對本小組成員進行評價，課后教師進行師評，評價分為“優(yōu)秀”“完成”“及格”，沒完成的打“×”，并注明原因。

2、“小組加分”一欄由教師根據(jù)該次課進行填寫。

3、“課后整理”一欄由組長根據(jù)該同學有無按要求整理進行填寫“√”或“×”

4、組長簽名后，在下課后交線長，由線長交回給教師。

3.3充分利用軟件教學

為了調動學生的學習積極性，吸引學生的眼球，教師花了大量的時間去做精美的PPT課件，教師在講臺上面講，而有的學生在下面玩手機、睡覺、講話等，或坐后面的學生根本就很難看清前面的投影等情況，達不到預期的教學效果。

根據(jù)以上情況，筆者采用了“凌波多媒體軟件”和網(wǎng)絡教學環(huán)境進行教學，達到較好的教學效果。利用“凌波多媒體軟件”進行控制所有的學生機，使學生在原來的座位上一人看一臺電腦，能認真聽講、思考，互不干擾，吸引學生的注意力，學生身監(jiān)其境，“看在眼里，記在心上”，非常直觀，加深了印象利于學生理解，也防止了學生做跟上課內(nèi)容無關的操作。教師一邊分析講解，進行提問、討論，并適當?shù)囊贿呇菔?，一邊引導同學進行操作，學生則一邊聽課，一邊思考，并根據(jù)自己的想法與教師溝通，隨時發(fā)現(xiàn)問題及解決問題，建立了一種互動的學習氛圍。

利用軟件教學，除了可以控制機房所有的電腦外，還可以控制指定的某幾臺機或一臺機，也可以對部分學生進行講解而其余的學生不受任何影響；能方便發(fā)放素材和收取學生作業(yè)；能監(jiān)控學生完成作業(yè)的情況。

3.4角色扮演

教師作為客戶，要求設計者（學生）按客戶的要求進行做某個項目，模擬公司對員工的情景，學生“上機如上崗”，這種角色的扮演，容易激發(fā)學生的學習熱情和求知欲。

通過恰當?shù)慕虒W方法，在有限的時間內(nèi)使學生最大限度地掌握各種網(wǎng)頁技術，為后續(xù)的動態(tài)網(wǎng)頁課程奠定了基礎。注重教師主導作用與學生主體作用的統(tǒng)一，強調學生自我探索、獨立研究能力與創(chuàng)新精神的培養(yǎng)，是教好這門課的關鍵。

4考核方式的改進

過去的計算機課程考試通常是一張試卷就決定了該門課程的成績，而考核的重點偏向理論知識，《網(wǎng)頁設計與制作》是以考查方式考核學生對網(wǎng)頁制作的掌握程度，考核的重點放在對學生學習過程的考核上。

在課程考核中增加了課程設計題目，以小組為單位，為了充分考慮到學生的興趣愛好和主觀能動性，不指定單一的項目，而是列出大量題目供參考，學生也可以自選項題目，但是老師要提出項目的設計具體要求。學生在兩至三周的時候利用課余時間完成，老師對各個小組成員提出問題，然后根據(jù)完成的情況進行評分。通過合作完成一個實際的項目，不僅可以考核學生運用知識的能力，而且可以考查實際動手能力，合作團隊精神。

在期末采用上機操作方式完成對技能部分的考核。在規(guī)定的時間內(nèi)（2小時）利用給定素材，考題要求，利用所學軟件完成規(guī)定技術要求的網(wǎng)站創(chuàng)意設計與制作。模擬公司招聘員工和網(wǎng)頁設計工作者工作過程的考核方式，檢測學生創(chuàng)意、設計、理解題材、圖像加工處理、動畫制作、色彩運用、布局等綜合能力。

最后，在全年級進行一次主干課程專業(yè)技能競賽，優(yōu)秀的學生進行加分的獎勵。

通過課程考核、綜合項目實操相結合；現(xiàn)場操作、制作作品、開發(fā)產(chǎn)品相結合；教師、學生、小組評價相結合；通過結合來綜合評價學生的知識和技能的掌握情況、綜合素質。其中課程考核成績由5個部分組成：平時表現(xiàn)（包括課堂表現(xiàn)、出勤、提問、作業(yè)）35%，小組評價5%，項目作品20%，綜合技能考核40%。

5結束語

針對《網(wǎng)頁設計與制作》課程的特點和目前學生的狀況，根據(jù)企業(yè)的需求，結合往年教學經(jīng)驗，對課程改革進行了大膽的嘗試，取得了較好的教學效果?？傊?，教師應以培養(yǎng)能力為主線，強化實踐性教學。教學工作是學校工作的重點，有效教學和教學改革是一個長期、一個永恒的話題，在教學過程中必須不斷探索，不斷創(chuàng)新，只有這樣才能順應時代潮流的發(fā)展，培養(yǎng)出素質高能力強的人才。

參考文獻：

[1]班蕾.網(wǎng)頁設計與制作教學方法探究[J].教育縱橫,2010,6.

第5篇：網(wǎng)頁的設計與制作范文

關鍵詞：網(wǎng)頁設計與制作；教學模式；改革；實踐

一、課程教學改革背景

我校的《網(wǎng)頁設計與制作》課程多年來一直是網(wǎng)絡技術、信息管理、電子商務、計算機應用、軟件技術等專業(yè)的基礎課程，該課程技能操作強，知識點多，是重要的專業(yè)基礎課。但多年來教學存在一些問題和弊端，尤其是教學模式的不足嚴重影響了教學質量?！秶抑虚L期教育改革和發(fā)展規(guī)劃綱要（2010-2020年）》明確指出：“職業(yè)教育要改革人才培養(yǎng)體制，深化教育教學改革，創(chuàng)新教育教學方法，推進課程改革，探索多種培養(yǎng)方式”。因此，我們進行了多種教學摸索和實踐，以改變現(xiàn)狀。

二、課程教學模式改革基本思路

通過詳細的調研，我們確定了教學模式改革的基本思路：把企業(yè)需求作為出發(fā)點，以就業(yè)為導向，著力培養(yǎng)學生制作網(wǎng)站的技能水平與操作能力。在此基礎上醞釀改革：自創(chuàng)“案例―模塊―項目”正逆向啟發(fā)式教學方法，綜合應用已有的適合技能學習的教學模式。

三、課程教學模式改革的應用

1.自創(chuàng)了“案例―模塊―項目”正逆向教學方法

這種教學法以案例為基礎，相關案例構成一個模塊，幾個模塊構成一個項目。其中案例是將課程內(nèi)容與教學內(nèi)容聯(lián)系，將要講授的知識點以實例的形式體現(xiàn)，在課堂上以技能操作方式進行分析；模塊是按照教學大綱的思路，將幾個相近案例組合在一起，實現(xiàn)崗位技能的應用，同一教學模塊對不同層次的學生有不同的要求和考核標準，針對學生的具體情況和教學內(nèi)容來分析；項目是以案例模塊為教學單位、專項能力模塊為學習單元綜合起來的一個任務，根據(jù)制作完整網(wǎng)站項目任務分析，確定不同知識模塊。

2.輔以任務導向法、技術藝術法、趣味引入法、學生施教法、作品評價法、互動教學法、討論教學法等多種教學方法

多種教學方法因時制宜綜合運用，提高了學生的學習興趣，增強了課程的知識性、實踐性和趣味性。

3.教學配套設施改革

充分利用學校優(yōu)質互聯(lián)網(wǎng)教學資源和網(wǎng)絡信息資源作為輔助教學資源，為學生創(chuàng)造一種開放、主動、發(fā)現(xiàn)式的學習環(huán)境。

（1）我校實訓室配有大屏幕投影儀，六七十臺配置最先進的品牌電腦，高質量、高尖端的網(wǎng)絡教學平臺，并開發(fā)了教師端教學程序利用校園網(wǎng)在實訓室內(nèi)聯(lián)機教學，教師機能隨時點名、教學、演示、答疑，控制學生機的開關、收發(fā)作業(yè)，學生也能隨時提問、觀看教師演示、自己練習，目前該課程已有三分之二課時在實訓室內(nèi)進行。

（2）充分發(fā)揮Internet互聯(lián)網(wǎng)對此課程的特殊作用，開放網(wǎng)絡資源讓學生學習，鑒賞、觀摩國內(nèi)外優(yōu)秀網(wǎng)站、動畫，調用、借鑒網(wǎng)上好的版面、圖片、資料，維護、修改學院網(wǎng)站，上傳自己制作的個人主頁和小型網(wǎng)站，學生實學實用，將廣闊的因特網(wǎng)作為學習和實訓操作空間，學到許多課堂上接觸不到的知識，專業(yè)素質、技能水平進步很大，極大地提高了教學質量。

4.革新實訓

我們跳出舊有的坐在機房搞實訓的模式，直接和學校、公司、企業(yè)、社區(qū)聯(lián)系，讓學生利用所學知識為他們制作網(wǎng)站，全過程按企業(yè)開發(fā)網(wǎng)站的工作流程去規(guī)劃、設計、制作，讓學生進入實際領域內(nèi)調查、搜集資料，感受實際工作中所需要的知識、技能、能力，學會表達、解決問題的方法與團結協(xié)作的精神，完成從學生到設計師、從學校到社會的蛻變。

5.實行考評改革

為了讓學生平時扎扎實實地學習，學到實用的技能知識，在考評上我們加大了平時考評的力度，由最初的試卷考評、認證考評到現(xiàn)在通過平時紀律、態(tài)度，作業(yè)完成情況，網(wǎng)站項目制作情況，創(chuàng)新、協(xié)作精神四個方面來考查學生的綜合素質和動手能力，確定學生的考評成績。

四、改革效果

1.提高了學生的技能水平

通過改革，學生由原來的被動灌輸變?yōu)楝F(xiàn)在的主動學習，學生成了課堂主體，對“案例―模塊―項目”這種授課方式充滿了濃厚的興趣，學習積極性提高，尤其是動畫和圖片處理，掌握得非常好，一般學完本課程后，每個學生都能制作出一個完整的中小型網(wǎng)站來，畢業(yè)后就能赴生產(chǎn)一線工作崗位，成為高技能應用型人才。其中有部分學生在教師的指導下對本校網(wǎng)站進行維護、更新、管理工作。

2.提高了教學效率

教改后“案例―模塊―項目”正、逆向授課相對于原來灌輸式授課來說，教學效率有了質的飛躍，原來需要四五個課時才能講清的內(nèi)容，現(xiàn)在兩三個課時就能掌握，教學效率提高了許多。

3.提高學生的學習積極性與創(chuàng)新思維

案例、模塊、項目的授課方式推出，引起了學生的濃厚興趣，看到每一個練習有實實在在的效果，每堂課都能學到實用的東西，學生的學習積極性越來越高，課堂上也越來越投入。加上技術藝術法、趣味引入法、學生施教法、作品評價法、互動教學法等教學方法的使用，學生參與其中，親身體驗良好的課堂氛圍，思維越來越敏捷，學習越來越主動，創(chuàng)新性作品不斷涌現(xiàn)。

4.提高了教學質量

自從進行“案例―模塊―項目”正、逆向教學模式改革后，教學質量有了很大提高，課堂上每個案例、模塊學生都能學會并當場操作演示；原來學生在課程結束后只能做幾個簡單的靜態(tài)頁面，而現(xiàn)在技能水平有了很大的提高，都能制作出一個完整的網(wǎng)站，靜態(tài)、動態(tài)效果處理得很好，在后能進行更新、維護、管理工作，顯示了深厚的專業(yè)素質。

五、總結

通過近兩年的網(wǎng)頁設計與制作課程教學模式改革，取得較好的效果，網(wǎng)頁制作技能水平得到很大提高，都能夠利用所學的知識與技能去制作和開發(fā)網(wǎng)站，較大地調動了學生的學習積極性，培養(yǎng)了創(chuàng)新思維、團結協(xié)作能力與動手操作能力。但改革還需不斷深化，教師與學生還需不斷努力，讓實踐來驗證效果，實現(xiàn)師生雙贏的美好明天。

參考文獻：

第6篇：網(wǎng)頁的設計與制作范文

關鍵詞：網(wǎng)頁設計與制作；實例教學；教學方法；中等職業(yè)學校

中圖分類號：TP3-4

近年來，網(wǎng)絡技術已經(jīng)成為推動社會經(jīng)濟飛速發(fā)展的重要基礎，滲透到了社會發(fā)展的各個部門和領域。網(wǎng)絡技術的迅速發(fā)展和普及，使網(wǎng)頁設計日益顯得重要。[1]我校把《網(wǎng)頁設計與制作》課程作為計算機應用及相關專業(yè)的一門重要專業(yè)基礎課程，目的是讓學生能夠掌握網(wǎng)頁制作和網(wǎng)站開發(fā)，畢業(yè)后能夠進行網(wǎng)站的設計開發(fā)與維護工作，可以使學生更好的就業(yè)。為實現(xiàn)這個教學目標，在近幾年的教學過程中，我根據(jù)學生實際情況采用適當?shù)慕虒W方法作了很多的嘗試，在教學過程中應該逐漸總結出一套以實例為授課重點的教學方法，取得了很好的教學效果，較好的實現(xiàn)了教學目標，提高了學生綜合能力。下面，我對近幾年的探索做以下總結。

1 以實踐應用為目的來制定教學方案

教學目的是教學方案設計的出發(fā)點以及歸宿。一個好的教學方案，應能較好地達到教學目的。本課程的目的是培養(yǎng)學生的網(wǎng)站設計及開發(fā)能力，這個目的服從于職業(yè)教學目的，就是滿足社會發(fā)展和就業(yè)需求。因此，教學方案要側重于掌握常識和訓練技術、技巧。[2]

2 以實例教學來激發(fā)學生學習興趣

以教學目的為中心，精心挑選實例，用實例串聯(lián)知識點，貫穿教學過程。具體做法是通過選擇適合中專學生階段感興趣的日常學習和生活中具體實例，將這些實例分解到每次的課堂教學中實現(xiàn)。授課時先展示網(wǎng)頁效果，再講解相關內(nèi)容，激發(fā)學生的學習興趣，讓學生產(chǎn)生一種迫切想要實現(xiàn)實例的要求，讓學生變被動學習為主動學習。實踐證明，這樣的教學方式，學生不僅能實現(xiàn)課堂實例，而且能靈活運用課堂知識，完成自己的設計。

一般情況下，我主要規(guī)定主頁的制作要求，而各個分頁依據(jù)學生自身的愛好去設計，充分發(fā)揮學生能動性和想象力，調動了學生的學習積極性。這樣就改正了以往學生可能對上課講的內(nèi)容聽明白了，但實際操作時，又無從下手的缺陷。這樣就會取得良好的教學效果，使學生每節(jié)課既鞏固了以往所學知識，又都有新收獲，極大的激發(fā)了學生的學習興趣。

3 以任務來驅動來加強學生自主學習能力

“熟能生巧”，大量反復的練習是培養(yǎng)學生自主實踐能力最有益的辦法。教師在講完理論常識和相應實例后，應馬上布置大量難度相當?shù)木毩曌鳂I(yè)，要求作業(yè)依據(jù)學生自身的愛好去設計，充分發(fā)揮學生的能動性和想象力。[3]及時收集作業(yè)，引起學生的重視。選擇典型的學生作業(yè)進行評析，對學生在網(wǎng)頁設計中易出現(xiàn)的共同問題進行糾正，對作業(yè)完成優(yōu)秀的進行表揚，激發(fā)學生互相競爭與學習，來提高學生的自主學習和設計能力。[4]

通過練習、實踐，不僅可以提高學生的動手操作能力，同時也是教師檢驗教學效果、發(fā)現(xiàn)學生問題的好機會。收集作業(yè)的方式也是多樣化，可當堂點評，也可以通過教學軟件進行收集，通網(wǎng)絡進行收集。

4 利用網(wǎng)絡啟發(fā)學生的創(chuàng)造力

通過讓學生上網(wǎng)多欣賞優(yōu)秀的網(wǎng)站網(wǎng)頁，讓學生學會欣賞他人作品，理解和觀察優(yōu)秀作品。鼓勵學生通過網(wǎng)絡上網(wǎng)站設計的論壇，加強和更多的同行高手來交流學習，學習更多的人設計和創(chuàng)作的經(jīng)驗和教訓，來提高自己的能力。只有多欣賞，多學習，才能在腦中形成一定的意識，才能學會模仿，進而為下一步的創(chuàng)作打下基礎。這樣讓學生不光在課堂學習，課外也可以的自主學習。并鼓勵學生到提供空間服務的站點申請主頁空間，上傳自己的作品到空間中，讓更多的人來欣賞自己的作品，品評自己的作品，這樣可以看到他人和自己的優(yōu)缺點。在授課過程中，我會要求學生先申請免費空間，再把自己的作品上傳到空間，然后讓學生公開自己的空間網(wǎng)址，最后進行集中欣賞或個別欣賞。我校學生在一些網(wǎng)站上申請免費空間及上傳作品。在利用網(wǎng)絡教學過程中，教師要注意教學過程中出現(xiàn)的上網(wǎng)管理的問題，組織好課堂秩序。

5 通過合作建站加強學生團隊意識

當學生掌握了網(wǎng)頁設計的基本知識和技能后，還要鍛煉學生的綜合制作能力，要把所學知識運用到實例中。前一階段的學習每堂課學生的作業(yè)都緊密圍繞當前所授課程實例網(wǎng)站進行，而在最后的綜合制作期間，如教材第十二章可根據(jù)上課內(nèi)容安排學生完成相應的設計，分階段分小組完成。并且在設計過程中要形成完整的網(wǎng)頁設計報告。在網(wǎng)頁制作的報告中，主要有如下內(nèi)容：內(nèi)容簡介、主要模塊劃分、網(wǎng)頁布局的實現(xiàn)方法、網(wǎng)頁間超級鏈接的跳轉關系圖等。報告是根據(jù)網(wǎng)站設計的進行逐步完成。這有利于教師了解學生設計的思路及遇到的問題，及時調整教學內(nèi)容、改進教學方法，從而提高教學效果。報告從初稿到完成需要一定的過程，是根據(jù)網(wǎng)站的具體設計來不斷修改，加以完善的。根據(jù)網(wǎng)站制作要求，在不影響整體效果情況下，學生可以在制作過程中加入自己的想法，運用自己所善長所感興趣的方法來制作網(wǎng)頁。這樣既不失整體，又會各有特色。

綜合網(wǎng)站的制作是需要學生做稍微復雜的網(wǎng)站，這就需要鼓勵學生以團隊協(xié)作的方式完成任務，鍛煉學生的團隊協(xié)作能力，為日后的工作打下基礎。在設計過程中，分小組進行制作，幾個人一組選擇網(wǎng)站中的同一主題。安排學生分組對抗，合作建站，充分發(fā)揮每個學生的創(chuàng)造力，通過團隊協(xié)作的方式完成任務，鍛煉學生的團隊協(xié)作能力。另外，在設計過程中，分小組進行制作，幾個人一組選擇網(wǎng)站中的同一主題，有利于學生共同討論、解決設計中的難題，也有利于互相學習，取長補短提高自己的設計水平。[5]

6 適當?shù)耐卣菇虒W，培養(yǎng)學生的綜合能力，讓優(yōu)秀學生更進一步發(fā)展

《網(wǎng)頁設計與制作課》是一門綜合課程，它涉及到色彩、圖像處理、動畫制作、視頻制作等其他綜合知識。要想學好這門課程，就得了解和應用這些知識，由于課堂資源和時間有限，在具體授課過程中不能全部學習，我在教學過程中主要讓學生了解色彩設計與版式設計，這樣學生做出來的網(wǎng)頁才能具有美感，讓人眼前一亮。在教學過程中，要適當引導和培養(yǎng)學生的綜合能力，盡量讓學生從多方面進行發(fā)展。

7 合適評價機制，激勵學生的進一步學習

適時合適的評價，對學生是很好的激勵方式。只有在學習過程中不斷評價，才能讓學生認識到自己的優(yōu)點與不足。在評價過程中教師要注意語言表達，對學生的優(yōu)點要給予肯定，對于不足也要給予指導，盡量讓學生做到“做好不驕傲，不好不氣餒”。適時評價還可以全面真實地反映學生的學習水平，而且有利于反映教學中的問題。如在理論知識與實踐應用方面，一般學生容易注重實踐應用而忽略理論知識，這就要求教師在平時考查時適當加入理論基礎及口試。另外，評價時還應該讓學生從創(chuàng)意、版式、色彩、特色等方面介紹一下自己的作品，這樣可以考查學生對整個網(wǎng)站開發(fā)的思路及方法，同時考查學生口頭表達能力、與人溝通能力。

以上是我在近幾年的教學過程中摸索出來的一些教學方法，在課程結束時，絕大部分學生可以完成一個完整的網(wǎng)站，并把自己的網(wǎng)站上傳到網(wǎng)絡空間，還可以時常更新和維護自己的網(wǎng)站。實踐證明，這些方法可以激發(fā)學生的學習興趣，提高教學效果，能夠有效完成教學目的。

參考文獻：

[1]曹麗明.網(wǎng)頁設計與制作[M].北京：中華工商聯(lián)合出版社，2007.

[2]劉靜.項目教學法在《網(wǎng)頁設計與制作》課程中的應用研究[J].中國科教創(chuàng)新導刊，2009.

[3]賈海陶.淺談《網(wǎng)頁設計與制作》教學方法與研究[J].魅力中國，2010（9）.

[4]張偉娜.《網(wǎng)頁設計與制作》課程教學的探討與實踐[J].中國教育信息化，2008（3）.

第7篇：網(wǎng)頁的設計與制作范文

關鍵詞：高職院校 網(wǎng)頁設計 項目化課程 開發(fā)實踐

中圖分類號：TP311.1 文獻標識碼：A 文章編號：1674-098X（2017）02（c）-0224-02

《網(wǎng)頁設計與制作》是計算機應用專業(yè)的一門專業(yè)核心課程。該課程目標是讓學生掌握網(wǎng)頁設計與制作能力。它以圖形圖像處理、互聯(lián)網(wǎng)應用等課程的學習為基礎，也是進一步學習動態(tài)網(wǎng)站設計等課程的基礎。學完本課程，要求學生能達到掌握網(wǎng)頁美工初步技能；熟練掌握HTML+CSS進行頁面布局與排版的技能；基本掌握使用網(wǎng)頁腳本控制頁面操作和提升用戶體驗的能力。

按照高職高專知識傳授特點與職業(yè)技能需求，同時根據(jù)網(wǎng)頁設計與制作課程知識的掌握規(guī)律，目前我校采用了項目化教學方法，為學生較好地掌握知識及快速適應工作崗位需求打下扎實的基礎。

1 設計理念與思路

該課程根據(jù)職業(yè)能力發(fā)展的基本規(guī)律（新手―生手―熟手―能手―專家），將學習內(nèi)容設計為網(wǎng)頁設計實際工作，通過工作實現(xiàn)學習。采用整體模塊整體的設計思路，按照簡單到復雜、單一到綜合、低級到高級的原則進行。

1.1 設計理念：學習的內(nèi)容是工作，通過工作實現(xiàn)學習。

這一理念體現(xiàn)了該課程的職業(yè)性和實踐性，同時學習的主體變?yōu)閷W生，學習內(nèi)容以培養(yǎng)學生的職業(yè)技能為主。為體現(xiàn)這一設計理念，在課程設計前我們調研了數(shù)十家合作企業(yè)，與企業(yè)專家一起，對網(wǎng)頁設計各個方面涵蓋的崗位進行職業(yè)技能與職業(yè)素質分析，整合出一個基于工作實踐的“網(wǎng)頁設計與制作”項目（比工作實踐更完備體現(xiàn)課程的各個知識點）。同時分解實際工作中網(wǎng)頁設計的工作流程和崗位，確立多個子項目。這種方式學習，充分體現(xiàn)職業(yè)典型工作任務，以“工作”促學習，邊“工作”邊學習，學生學習內(nèi)容具體化，學習興趣大大提高。

1.2 設計思路：整體模塊整體

課程設計的思路是根據(jù)幾個不同類型的網(wǎng)站案例整體設計入手，將網(wǎng)頁設計所有環(huán)節(jié)和操作步驟詳細介紹給學生，讓學生從與“用戶”溝通開始參與到整個系統(tǒng)的設計過程中，教師根據(jù)任務需要，先給出網(wǎng)頁效果圖，讓學生體驗完成后的整體效果，再根據(jù)項目進程分解任務，這種設計優(yōu)點是能讓學生將學習過程作為完整的“工作”過程。在此基礎上，進一步將各工作任務分成若干子任務，通過90課時教學+30課時整周實訓學習，最終將各個子項目整合，完成網(wǎng)站整體設計工作。在子模塊學習任務設定中，每個子任務設計是按實際工作中網(wǎng)頁設計的技能要求提煉出來的，能滿足不同崗位的需求。

項目完成時，我們還設計了學員相互評價體系，對設計成果進行評估，讓學生在自我學習過程中及時總結并收獲進步。

2 對專業(yè)建設與發(fā)展的定位與作用

該課程采用項目化教學方式，可以起到如下作用。

（1）學生對該專業(yè)的工作崗位有了具體認識，了解了各崗位所需的專業(yè)知識，從而幫助學生進行職業(yè)規(guī)劃和知識儲備。（2）學生對所學專業(yè)的工作內(nèi)容有了比較具體的認識。該課程使學生對計應專業(yè)到底是做什么的、怎么做等問題有了全面認識，增強了學習信心和學習興趣。

3 課程內(nèi)容的針對性與適用性

（1）該課程是依據(jù)“計算機應用專業(yè)職業(yè)崗位與職業(yè)能力分析表”中網(wǎng)頁設計師職業(yè)崗位設置的。總體設計思路是：著重培養(yǎng)學生網(wǎng)頁制作能力，具備HTML、CSS、JavaScript等知識，以網(wǎng)站設計工作任務為中心選擇和組織課程內(nèi)容，讓學生在完成網(wǎng)站設計具體項目的過程中完成相應工作任務。課程構成主要突出職業(yè)能力要求。（2）課程總學時為90學時教學+ 30學時整周實訓，內(nèi)容包括Web服務器配置、網(wǎng)頁視覺效果設計、用戶體驗設計、網(wǎng)頁兼容性設計等。

（3）知識目標和能力目標。

知識目標應掌握HTML、CSS、JavaScript、HTML5、CSS3等知識，該課程學習結束，學生應能自行設計各種網(wǎng)頁、開發(fā)一定規(guī)模的網(wǎng)站，熟練掌握網(wǎng)站制作基本方法和技巧，并最終設計出綜合性的網(wǎng)站。

能力目標主要體現(xiàn)以下方面：

②熟練使用樣式表控制頁面外觀。

③能在網(wǎng)頁中設置需要的腳本。

④能進行網(wǎng)站的更新與管理。

另外根據(jù)職業(yè)教育要求，加強學生以下素質：

①服務意識：為他人提供優(yōu)質的服務。

②文明法制意識：網(wǎng)站內(nèi)容積極健康向上，不做違法的事。

③合作精神：能夠與他人合作，具有協(xié)調能力和組織管理能力。

④較強的自我知識及技術更新能力：能快速跟蹤網(wǎng)頁制作的新技術及市場應用動態(tài)。

4 教學內(nèi)容的組織與安排

該課程主要教學內(nèi)容包括網(wǎng)站服務器、HTML、CSS、網(wǎng)頁界面整體設計（含JavaScript應用）、網(wǎng)頁兼容性等5個教學模塊，其中HTML和CSS為學習和實踐的重點，通過幾個案例的制作過程展開知識講授。具體教學內(nèi)容及課時安排見表1，“網(wǎng)頁外觀制作技術”項目的教學設計見表2（其他教學項目的教學設因篇幅所限此處省略）。

5 教學模式的設計與創(chuàng)新

在該課程的教學中，教學地點由教室遷移到一體化實訓室，教學方式由教師講為主轉變?yōu)閷W生做為主。實施中包含如下步驟。

（1）指定清晰的工作任務，教師展示頁面效果。（2）學生制訂工作計劃，理順工作思路。（3）教師進行工作過程輔導，講解涉及的理論知識。（4）學生根據(jù)需要在課程網(wǎng)站上獲得豐富的教學資源。（5）學生完成工作任務，體驗工作效果。（6）師生及企業(yè)專家共同評價工作成果。

6 實踐教學條件的建設與使用

課程在網(wǎng)站設計一體化教室完成，其間配合到企業(yè)現(xiàn)場教學實習環(huán)節(jié)，實施時由每位學生獨立完成網(wǎng)頁制作任務，課程各種教學資源能夠在學習過程中在線使用。

第8篇：網(wǎng)頁的設計與制作范文

一、緊扣新理念，指導項目教學

整個教學過程中，筆者嚴格遵循“以能力為本位、以職業(yè)實踐為主線、以項目課程為主體的模塊化專業(yè)課程體系”的總體設計思想，以形成具有制作專業(yè)水準網(wǎng)站的能力為基本目標。徹底打破學科課程的設計思路，緊緊圍繞網(wǎng)站設計、制作的需要來選擇和組織課程內(nèi)容，突出網(wǎng)站設計的友好性和完善性，讓學生在設計、制作網(wǎng)站活動的基礎上掌握知識，增強課程內(nèi)容與職業(yè)崗位能力要求的相關性，提高學生的就業(yè)能力。

二、采取新方法，重現(xiàn)課堂活力

傳統(tǒng)教學中，以實例教學為主體。實例較小，知識點很散，教學工作和復習工作難度較大，學生掌握程度較底，興趣也不高。采用項目式教學后，將學生進行分組，同一組成員有一個共同的目標，即完成本組項目，在這個目標驅動下，采取自主、合作、探究為主的教學模式，共同學習教學內(nèi)容；為了評價為“優(yōu)”，同組成員會反復討論。這種模式激活學生好奇心，探究欲，培養(yǎng)學生主動思考、質疑、求索以及善于捕捉新信息的能力。為此，我們仔細研究教育心理，準確把握06級中專學生的心理特征和思維特點，積極探索有利于激發(fā)興趣、激活思維、激勵探討的課堂教學方法。例如，在處理每模塊任務時，我們始終采用整體感知、合作探究、反思質疑、拓展延伸的教學模式，根據(jù)不同模塊精心設計任務，組織課堂教學。

這樣教學，課堂上感受到的是一種親切、和諧、活躍的氣氛。教師已成為學生的親密朋友，機房也轉變成為學生的學堂，學生再也不是呆板僵化、默默無聞的模范聽眾。他們的個性得到充分的展示與培養(yǎng)：或質疑問難，或浮想聯(lián)翩，或組間交流，或挑戰(zhàn)權威。師生互動，生生互動，組際互動，環(huán)境互動，在有限的時間內(nèi)，每一位學生都得到了較為充分的鍛煉和表現(xiàn)的機會。教室中再沒有陰冷的“死角”，課堂上充滿著流動的陽光，活躍的思維，頻動的火花，讓學生成為課堂上真正的主人。師生的情感與個性融入課堂，現(xiàn)實的生活進入課堂，學生在互動中求知，在項目中探索，既輕松地掌握了知識，又潛移默化地培養(yǎng)了能力。學生的整體素質有了質的提高，課堂真正煥發(fā)出它應有的活力。

三、適應新形勢，教師重新定位

隨著社會的發(fā)展，人們的教育觀念發(fā)生了日新月異的變化，對教育的要求也隨著改變。傳統(tǒng)的教師角色已不能適應項目牽引式教學的要求，教學實踐要求對教師角色重新定位。

1.教師是項目教學材料的提供者。項目教學材料是項目教學順利實施的基礎，教師角色的重心應由講解員轉變?yōu)楣┴泦T。教師必須找準時機，載入“必需、夠用”的理論知識。項目教學中注重實踐和操作，但并不否定理論，而是結合模塊任務來講解理論，有效地將理論和實踐結合起來。根據(jù)項目課程理論的研究，理論與實踐的結合點是實踐性問題，主要有兩類：學生迫切需要理論知識解決實踐過程所產(chǎn)生的問題和在實踐過程中遇到的問題。

2.教師是精選項目的引導者。項目的選取是項目教學成功的關鍵，教師的角色由“授”轉為“導”。項目來源于市場或工業(yè)的第一線，如：網(wǎng)站的制作、首頁動畫的制作、網(wǎng)站LOGO的設計，等等。專業(yè)教師要廣泛深入生產(chǎn)一線調查研究，在自己熟悉的專業(yè)領域內(nèi)引導學生收集、精選學習項目。學習項目滿足以下要求：（1）與企業(yè)生產(chǎn)和工作過程具有直接關系，最好將企業(yè)實際工作任務引進來作為學習項目。（2）能進行理論與實踐一體化學習，讓學生在實施項目中訓練操作技能、團隊合作和溝通技能、工作能力和方法能力。（3）項目成果具有可展示性，如網(wǎng)站、語言、圖片、動畫等。

3.教師是項目實施的管理者。項目實施是項目教學的核心內(nèi)容，有效地管理項目、按制定的項目計劃順利完成項目實施過程，是教師教學的基本任務，是教師擔當?shù)闹饕巧?。傳統(tǒng)教學教師的管理角色主要是“面”的管理，針對整個班級，項目教學中教師的管理角色主要是“點”的管理，針對小組或個人，工作任務細化了，對教師的智慧、人性化要求更高了。

4.完成新任務，學生重新定位。在項目牽引式過程中，學生面臨新的任務和挑戰(zhàn)，在這種形勢下，學生必須重新定位。

（1）由被動學習到主動參與。傳統(tǒng)教學模式中，學生往往是知識的被動接受者，學生的主動性、積極性難以發(fā)揮，而開展項目式教學要求學生是一個項目的實施者，必須主動參與。學生上課觀念還必須改變，有些項目必須借助課余時間來完成。

（2）由個人完成到團隊合作。傳統(tǒng)模式教學中學生是獨立學習的個體，個人掌握教師布置的相關學習任務即可，而項目式教學的一個主要不同就是采用小組合作，共同探究完成任務，這就要培養(yǎng)學生的團隊精神，使學生能夠盡快適應這一轉變。

（3）由學理論到學做結合。以前以學知識為目標，現(xiàn)在以完成項目任務為目標，學習動機改變了，教師要引導學生逐步適應。

教學實踐表明，項目牽引式教學法適合網(wǎng)頁設計與制作課的學習。所謂“項目牽引式”教學就是以完成項目為目的貫穿教學始終，在項目牽引下開展教學工作，最終能設計項目，完成項目的要求。項目教學法有效地建立了課堂與職業(yè)能力的聯(lián)系。整個過程都是真實的，是現(xiàn)實生活的一種反映，從而使學生的學習更有針對性和實用性，學到了今后就業(yè)所必須的技能，包括實踐能力、分析能力、綜合能力、應變能力、交流能力、合作能力和解決實際問題的能力。

參考文獻：

[1]王吉慶.關于任務驅動之我見[J].中小學信息技術教育，2003，（7）.

第9篇：網(wǎng)頁的設計與制作范文

>> 高職電子商務專業(yè)網(wǎng)絡教學資源庫建設的研究與實踐 基于電子商務創(chuàng)業(yè)園平臺的網(wǎng)頁制作與設計課程教學探索 MOODLE平臺下高職電子商務專業(yè)課程教學資源庫的建設與應用 基于世界大學城的電子商務教學資源庫建設研究與實踐 芻議電子商務專業(yè)教學資源庫的信息化建設 電子商務網(wǎng)頁設計與制作課程教學改革探究 高職電子商務專業(yè)教學資源庫建設研究 高職電子商務專業(yè)教學資源庫問題研究 高職電子商務專業(yè)《商務網(wǎng)頁設計與制作》課程設計研究 網(wǎng)頁制作與電子商務網(wǎng)站安全 高職電子商務《網(wǎng)頁設計與制作》項目課程建設探討 新形勢下電子商務網(wǎng)站網(wǎng)頁設計與制作探討 基于云空間構建專業(yè)教學資源庫的研究與設計 基于工作過程的電子商務網(wǎng)頁制作課程教學探討 項目教學法在《電子商務網(wǎng)頁制作》課程中的運用 教學資源庫的設計與實現(xiàn) 高職院校教學資源庫的設計與實現(xiàn) 從“電子教案”走向“教學資源庫”構建 《典型電子產(chǎn)品檢測與維修》校本課程教學資源庫的構建 高職電子商務專業(yè)校本資源庫建設構想 常見問題解答 當前所在位置：l

[2] 教育部全國高職高專人才培養(yǎng)工作委員會.高等職業(yè)教育專業(yè)教學資源庫專欄[DB/OL]. http：//.cn/zyjs/index.aspx

[3] 王玉娟.共享型專業(yè)教學資源庫初探[J].科技創(chuàng)新導報，2011（23）.