課程網(wǎng)站設(shè)計(jì)全文(5篇)

《網(wǎng)頁(yè)設(shè)計(jì)與建設(shè)》實(shí)訓(xùn)是一門綜合應(yīng)用性的課程，所以在教學(xué)中，從應(yīng)用人才的培養(yǎng)模式出發(fā)，著眼于學(xué)生職業(yè)素質(zhì)與職業(yè)技能的統(tǒng)一。達(dá)到把教學(xué)和工作過程結(jié)合在一起，以至“教、學(xué)、做”合一，通過以真實(shí)產(chǎn)品為載體的項(xiàng)目，讓學(xué)生的實(shí)踐有用武之地，同時(shí)提高學(xué)生的學(xué)習(xí)積極性。

1課程改革思路

《網(wǎng)頁(yè)設(shè)計(jì)與建設(shè)》是一門綜合性比較強(qiáng)的課程，涉及設(shè)計(jì)、開發(fā)，應(yīng)用等多個(gè)環(huán)節(jié)，而實(shí)訓(xùn)正是一個(gè)能讓學(xué)生很好把握這些環(huán)節(jié)，綜合運(yùn)用所學(xué)知識(shí)解決問題的過程，所以實(shí)訓(xùn)課程改革從以下三方面展開。

1.1以改革評(píng)價(jià)方式為關(guān)鍵。

從實(shí)踐的角度設(shè)計(jì)評(píng)價(jià)方式，主要通過對(duì)學(xué)生學(xué)習(xí)過程的觀察，通過學(xué)生的學(xué)習(xí)反思，學(xué)習(xí)記錄，項(xiàng)目完成的進(jìn)程等信息在學(xué)生知識(shí)的應(yīng)用，團(tuán)隊(duì)合作等方面進(jìn)行評(píng)價(jià)，同時(shí)激發(fā)學(xué)生的學(xué)習(xí)動(dòng)力，幫助學(xué)生調(diào)控學(xué)習(xí)過程，培養(yǎng)學(xué)生團(tuán)隊(duì)合作精神。

1.2以轉(zhuǎn)變學(xué)生的學(xué)習(xí)方面為出發(fā)點(diǎn)。

從課程的性質(zhì)與特點(diǎn)出發(fā)設(shè)計(jì)教學(xué)。本課程特點(diǎn)是實(shí)踐性、操作性很強(qiáng)，涉及到多方面的技能，適合通過做綜合作品來(lái)全面體現(xiàn)。在課程改革中設(shè)計(jì)注重實(shí)踐操作的考核方式，主要是采用學(xué)生作品評(píng)價(jià)、教師對(duì)學(xué)習(xí)過程文件的評(píng)價(jià)、小組內(nèi)互評(píng)、自評(píng)的方法，引導(dǎo)學(xué)生的學(xué)習(xí)方式的改變，由教師牽著學(xué)、帶著學(xué)轉(zhuǎn)變?yōu)閷W(xué)生在實(shí)踐過程中自主的發(fā)現(xiàn)問題，并以問題為中心進(jìn)行積極的泛在學(xué)習(xí)，以解決問題。

一、課程情況

《網(wǎng)站設(shè)計(jì)與制作》也是計(jì)算機(jī)各專業(yè)學(xué)生學(xué)習(xí)后續(xù)課程的基礎(chǔ)，比如學(xué)習(xí)基于網(wǎng)絡(luò)編程的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，學(xué)生畢業(yè)后可從事網(wǎng)絡(luò)軟件的設(shè)計(jì)與開發(fā)，進(jìn)行商務(wù)網(wǎng)站的設(shè)計(jì)與制作，同時(shí)也可以考取網(wǎng)頁(yè)設(shè)計(jì)師、網(wǎng)絡(luò)軟件工程師等相關(guān)國(guó)家職業(yè)資格證書。開設(shè)該課程是復(fù)合我校關(guān)于“高素質(zhì)、技能型人才”培養(yǎng)目標(biāo)的需求的，通過該課程的教學(xué)，可以培養(yǎng)出一批優(yōu)秀的、能夠在一線工作崗位上從事網(wǎng)頁(yè)設(shè)計(jì)與制作、網(wǎng)站規(guī)劃、管理與維護(hù)工作的專業(yè)人才。基于該課程的主要工作崗位有：網(wǎng)站管理與維護(hù)人員、網(wǎng)頁(yè)設(shè)計(jì)與編輯人員、網(wǎng)站策劃人員及網(wǎng)頁(yè)美工人員等。

二、課程教學(xué)思路與教學(xué)方法改進(jìn)

學(xué)生如果要很好得完成網(wǎng)站制作，所需的的知識(shí)體系非常龐雜，其中包括網(wǎng)絡(luò)基礎(chǔ)知識(shí)，網(wǎng)頁(yè)制作技術(shù)，平面設(shè)計(jì)和動(dòng)畫制作等基本要素。具體涉及到網(wǎng)頁(yè)制作軟件，圖像處理軟件，動(dòng)畫軟件，數(shù)據(jù)庫(kù)知識(shí)，腳本語(yǔ)言動(dòng)態(tài)服務(wù)器編程技術(shù)等。教學(xué)內(nèi)容比較多，知識(shí)點(diǎn)比較分散，而學(xué)時(shí)僅為48個(gè)學(xué)時(shí)，學(xué)習(xí)內(nèi)容多而課時(shí)少。經(jīng)過多年的教學(xué)活動(dòng)的開展和經(jīng)驗(yàn)總結(jié)后，我們總結(jié)出一套適合高職學(xué)生教學(xué)方法，那就是使用任務(wù)驅(qū)動(dòng)式的教學(xué)方法。我們以前的教學(xué)設(shè)計(jì)思路是：講授知識(shí)點(diǎn)———設(shè)計(jì)任務(wù)———監(jiān)督學(xué)生完成———驗(yàn)收，現(xiàn)在的教學(xué)設(shè)計(jì)思路是這樣的：實(shí)際工作任務(wù)導(dǎo)向———任務(wù)驅(qū)動(dòng)———相關(guān)知識(shí)講授。老師在此教學(xué)思路中的角色：給學(xué)生布置一項(xiàng)工作（實(shí)際工作任務(wù)導(dǎo)向）———將工作轉(zhuǎn)變?yōu)橐粋€(gè)任務(wù)（任務(wù)驅(qū)動(dòng)）———通過任務(wù)引出知識(shí)點(diǎn)（知識(shí)學(xué)習(xí)）。學(xué)生在此教學(xué)思路中的角色：通過老師的引導(dǎo)，理解相關(guān)任務(wù)要求，繼而產(chǎn)生強(qiáng)烈的學(xué)習(xí)相關(guān)知識(shí)的興趣，在下一步的知識(shí)學(xué)習(xí)中就能很好地學(xué)習(xí)，掌握了相關(guān)知識(shí)后，馬上運(yùn)用于實(shí)踐，完成老師布置的任務(wù)。通過該課程的教學(xué)，使學(xué)生最終能夠自主開發(fā)一個(gè)完整的網(wǎng)站，畢業(yè)后能夠直接從事企事業(yè)單位網(wǎng)站的開發(fā)設(shè)計(jì)與管理維護(hù)等工作。

三、課程體系內(nèi)容重構(gòu)

本課程性質(zhì)是計(jì)算機(jī)系的基礎(chǔ)必修課，教學(xué)對(duì)象是全系各專業(yè)的大一學(xué)生，因此教學(xué)內(nèi)容定位于靜態(tài)網(wǎng)頁(yè)的制作，以Dreamweaver軟件為主線，介紹靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)和制作的基本技術(shù),目前很多網(wǎng)頁(yè)教材是基于網(wǎng)頁(yè)三劍客的即Dreamweaver、photoshop和flash，然而當(dāng)前課時(shí)條件和時(shí)間條件下，根本做不到三個(gè)軟件都講到位，事實(shí)上每個(gè)軟件分開都可成為一門課程，而網(wǎng)頁(yè)設(shè)計(jì)課程只能以網(wǎng)頁(yè)制作軟件Dreamweaver為主，其他軟件為輔，并且其他軟件制作的作品要與網(wǎng)頁(yè)密切相關(guān)為了解決內(nèi)容多學(xué)時(shí)少的矛盾，有利于教學(xué)的開展和培養(yǎng)學(xué)生的動(dòng)手能力，為此我們對(duì)教學(xué)內(nèi)容重新進(jìn)行了重構(gòu)，圍繞Dreamweaver軟件講解網(wǎng)頁(yè)制作的方法和技巧，只有在制作圖像縮略圖、切片、按鈕、LOGO圖片等時(shí)候，才輔助其他軟件加工素材或者制作動(dòng)畫。教學(xué)內(nèi)容分為9個(gè)模塊:模塊一、網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)；模塊二、頁(yè)面的基本操作；模塊三、簡(jiǎn)單網(wǎng)頁(yè)的制作；模塊四、網(wǎng)頁(yè)的樣式設(shè)計(jì)；模塊五、實(shí)用HTML布局頁(yè)面；模塊六、實(shí)用DIV+CSS布局頁(yè)面；模塊七、制作多媒體頁(yè)面；模塊八、網(wǎng)頁(yè)交互設(shè)計(jì)；模塊九、網(wǎng)站的測(cè)試與管理。

四、總結(jié)

摘要：《網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)制作》課程采用基于過程的項(xiàng)目式教學(xué)，其實(shí)際操作性強(qiáng)，知識(shí)間的關(guān)聯(lián)性強(qiáng)。利用思維導(dǎo)圖構(gòu)建網(wǎng)頁(yè)制作課程的知識(shí)結(jié)構(gòu)，建立實(shí)際項(xiàng)目與課程知識(shí)之間的關(guān)聯(lián)，可以幫助教師進(jìn)行知識(shí)的存儲(chǔ)，提高知識(shí)管理效率；可以幫助學(xué)生查漏補(bǔ)缺，彌補(bǔ)知識(shí)的空缺，更好地進(jìn)行知識(shí)的記憶，提高學(xué)習(xí)的積極性和主動(dòng)性。

關(guān)鍵詞：思維導(dǎo)圖；《網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)制作》課程；知識(shí)點(diǎn)構(gòu)建

一引言

在20世紀(jì)60年代，英國(guó)心理學(xué)家托尼•巴贊(TonyBuzan)提出思維導(dǎo)圖的概念，在對(duì)其研究中以教育領(lǐng)域的研究和應(yīng)用最多且較為成熟。在雙重編碼理論中提到：“同時(shí)以視覺形式和語(yǔ)言形式呈現(xiàn)信息能夠增強(qiáng)記憶和識(shí)別”。而思維導(dǎo)圖則將知識(shí)可視化，集視覺和文字于一體。通過將思維導(dǎo)圖引入教學(xué)，將知識(shí)以圖示的方式表示出來(lái)，能更好的對(duì)知識(shí)進(jìn)行梳理，從而彌補(bǔ)在呈現(xiàn)知識(shí)結(jié)構(gòu)、促進(jìn)知識(shí)記憶等方面的不足。《網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)制作》是我院計(jì)算機(jī)方向的專業(yè)平臺(tái)課，是網(wǎng)站開發(fā)方向?qū)I(yè)課程學(xué)習(xí)的基礎(chǔ)。本文從目前本專業(yè)該課程在教學(xué)過程中發(fā)現(xiàn)的問題出發(fā)，提出在課程中應(yīng)用思考導(dǎo)圖構(gòu)建知識(shí)體系的好處，并介紹了如何具體利用思維導(dǎo)圖工具架構(gòu)網(wǎng)頁(yè)制作課程的知識(shí)點(diǎn)以及該課程項(xiàng)目案例的知識(shí)點(diǎn)，并架設(shè)項(xiàng)目案例與課程之間點(diǎn)之間的聯(lián)系。

二課程在項(xiàng)目式教學(xué)實(shí)施中發(fā)現(xiàn)的問題

由于《網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)制作》課程的實(shí)際操作性強(qiáng)，主要采用基于工作過程的項(xiàng)目式教學(xué)，針對(duì)高職學(xué)生動(dòng)手能力強(qiáng)的特點(diǎn)，注重學(xué)生實(shí)際操作能力的培養(yǎng)。學(xué)生在學(xué)習(xí)的過程中能較快上手，從而提高了他們學(xué)習(xí)的積極性和參與度，也得到了較好的教學(xué)效果。然而本課程授課老師在授課的過程中也發(fā)現(xiàn)了一些問題，主要體現(xiàn)在如下方面：1.本課程的技能點(diǎn)多、涉及面廣，包括html、CSS、平面設(shè)計(jì)等諸多內(nèi)容，特別在實(shí)際的教學(xué)中，知識(shí)間關(guān)聯(lián)度高，經(jīng)常會(huì)在不同階段交疊出現(xiàn)。德國(guó)心理學(xué)家艾賓浩斯研究發(fā)現(xiàn)，遺忘在學(xué)習(xí)之后立即開始，我們的學(xué)生也同樣存在項(xiàng)目實(shí)施過程中已學(xué)技能知識(shí)遺忘的現(xiàn)象，從而影響到教學(xué)的順利進(jìn)行。2.本課程的課程資源儲(chǔ)備豐富，有文字、圖形、動(dòng)畫、課件等多種形式，但僅僅只是資源的羅列沒有進(jìn)行很好的梳理，其內(nèi)容分布異構(gòu)、之間的關(guān)系薄弱，從而造成學(xué)生無(wú)法快速準(zhǔn)確地定位需要的資源，更不能高效地利用資源。3.本課程由于采用項(xiàng)目教學(xué)法，在實(shí)際教學(xué)中以實(shí)際操作為主，并配合知識(shí)的講解。知識(shí)主要以PPT的方式呈現(xiàn)，但PPT的呈現(xiàn)不在內(nèi)容重難點(diǎn)區(qū)分上以及前后間知識(shí)的關(guān)聯(lián)性上的體現(xiàn)存在不足，特別是有時(shí)候幻燈片進(jìn)行切換時(shí)可能會(huì)出現(xiàn)記憶上的斷點(diǎn)，不利于學(xué)生自主進(jìn)行知識(shí)體系的建構(gòu)。4.本課程根據(jù)高職學(xué)生的學(xué)習(xí)特點(diǎn)進(jìn)行定位，在培養(yǎng)方向上更注重實(shí)踐能力的培養(yǎng)，教師在實(shí)際教學(xué)中也把側(cè)重點(diǎn)放在實(shí)際項(xiàng)目的實(shí)施中，而在知識(shí)的歸納整理上仍存在不足，也不利于學(xué)生快速發(fā)現(xiàn)自己的不足，并進(jìn)行鞏固加強(qiáng)學(xué)習(xí)。

三課程中應(yīng)用思維導(dǎo)圖構(gòu)建知識(shí)體系的好處

摘要：案例教學(xué)法是一種以案例為基礎(chǔ)的教學(xué)法，目前普遍應(yīng)用于各學(xué)科的教學(xué)中。該文將從信息與安防工程系的網(wǎng)站設(shè)計(jì)與制作課程的實(shí)際教學(xué)情況出發(fā)，來(lái)進(jìn)一步解析案例教學(xué)法的延伸，即大案例教學(xué)法在網(wǎng)站設(shè)計(jì)與制作課程中的實(shí)施原因和過程。同時(shí)，在具體實(shí)施過程的基礎(chǔ)上，探討網(wǎng)站設(shè)計(jì)與制作課程中大案例教學(xué)法如何進(jìn)一步完善、大案例教學(xué)法的優(yōu)缺點(diǎn)，以及還有哪些計(jì)算機(jī)類課程適合采用大案例教學(xué)法。

關(guān)鍵詞：大案例教學(xué)法；網(wǎng)站設(shè)計(jì)與制作；計(jì)算機(jī)課程；教學(xué)成果展；網(wǎng)頁(yè)制作

案例教學(xué)法是一種以案例為基礎(chǔ)的教學(xué)法，目前普遍應(yīng)用于各學(xué)科的教學(xué)中。對(duì)于計(jì)算機(jī)類課程來(lái)說，傳統(tǒng)的案例教學(xué)法，教師上課過程中通常使用的案例其教學(xué)課時(shí)往往只有1-4個(gè)課時(shí)，也就是說使用的案例都是一些小案例，其操作過程相對(duì)來(lái)說比較簡(jiǎn)單，只是為了使學(xué)生掌握某幾個(gè)知識(shí)點(diǎn)而使用的案例，不同案例之間比較獨(dú)立。但是，對(duì)于一些計(jì)算機(jī)類課程來(lái)說，實(shí)際工作中遇到的案例通常需要幾天甚至幾周的時(shí)間來(lái)完成，而且也更為復(fù)雜，如果學(xué)生只是跟著老師完成一些小案例的制作的話，學(xué)生水平的提升也很有限，所以需要一些較為復(fù)雜的大案例來(lái)貫穿課程中的知識(shí)點(diǎn)，學(xué)生能夠系統(tǒng)性的通過大案例進(jìn)行學(xué)習(xí)，水平能得到一個(gè)較高的提升。所謂大案例教學(xué)法就是在教學(xué)過程中采用一些較為復(fù)雜的大案例進(jìn)行教學(xué)，其教學(xué)課時(shí)一般應(yīng)在10個(gè)課時(shí)以上，甚至一些課程中一個(gè)大案例往往貫穿于整個(gè)學(xué)期。

1網(wǎng)站設(shè)計(jì)與制作課程中大案例教學(xué)法的實(shí)施原因

我校以前的網(wǎng)站設(shè)計(jì)與制作課程，主要存在以下幾個(gè)問題：1)課程培養(yǎng)目標(biāo)不清晰，導(dǎo)致教學(xué)內(nèi)容散亂，沒有目的性，系統(tǒng)性。我校以前的網(wǎng)站設(shè)計(jì)與制作課程對(duì)課程的培養(yǎng)目標(biāo)沒有深入的思考，教學(xué)內(nèi)容講解過于太多，過散，沒有突出目的性，沒有對(duì)網(wǎng)頁(yè)知識(shí)系統(tǒng)性的講解，導(dǎo)致學(xué)生期末完成的網(wǎng)站作品不盡如人意。沒有明晰的教學(xué)目標(biāo)，教學(xué)內(nèi)容的散亂導(dǎo)致網(wǎng)站設(shè)計(jì)與制作課程講成了網(wǎng)頁(yè)制作課程，即沒有講解網(wǎng)站如何制作，也沒有講解網(wǎng)站如何設(shè)計(jì)的過程，課程的講解只是讓學(xué)生能做一個(gè)個(gè)獨(dú)立的網(wǎng)頁(yè)，多個(gè)網(wǎng)頁(yè)無(wú)法有機(jī)組合成一個(gè)網(wǎng)站，而且沒有講解網(wǎng)站的設(shè)計(jì)，學(xué)生完成的網(wǎng)站不夠美觀，精細(xì)。2)目前的課程教材內(nèi)容過多，多深，沒有網(wǎng)站設(shè)計(jì)與制作過程的詳細(xì)講解。目前，市面上的網(wǎng)站設(shè)計(jì)與制作教材大多數(shù)存在著講解知識(shí)點(diǎn)過多，過深的缺點(diǎn)，不適合高職學(xué)生的特點(diǎn)和學(xué)情。而且，這些教材沒有系統(tǒng)性的講解網(wǎng)站設(shè)計(jì)與制作的過程，有些教材只是將每個(gè)頁(yè)面的代碼直接貼了出來(lái)。所以，需要根據(jù)高職學(xué)生的特點(diǎn)，圍繞教學(xué)培養(yǎng)目標(biāo)來(lái)確定教學(xué)內(nèi)容，自編講義，課件，貼近學(xué)情，貼近課堂實(shí)際情況，為學(xué)生量身打造。3)以往的課程缺少若干個(gè)系統(tǒng)性講解網(wǎng)站設(shè)計(jì)與制作過程的大案例，課程案例過小，或者沒有突出網(wǎng)站設(shè)計(jì)過程。以往的網(wǎng)站設(shè)計(jì)與制作課程課堂案例過小，只有2-6個(gè)課時(shí)，這些案例很難講清楚網(wǎng)站的設(shè)計(jì)與制作過程，需要教師設(shè)計(jì)一些大案例，系統(tǒng)性講解網(wǎng)站設(shè)計(jì)與制作過程，這些案例的授課時(shí)間應(yīng)達(dá)到16個(gè)課時(shí)以上。綜上所述，以往的網(wǎng)站設(shè)計(jì)與制作課程存在的問題，導(dǎo)致最終的教學(xué)效果不盡如人意。所以，針對(duì)以上存在的問題，需要采取以下措施提升該課程的教學(xué)效果。首先，應(yīng)對(duì)以往的教學(xué)深入思考，確定適合學(xué)生學(xué)情的教學(xué)目標(biāo)。要跳出課程教材限制，圍繞教學(xué)目標(biāo)，精心設(shè)計(jì)教學(xué)內(nèi)容。在講網(wǎng)站大案例之前，要確定學(xué)生要學(xué)習(xí)那些網(wǎng)頁(yè)基礎(chǔ)知識(shí)和操作，自編該部分課件；設(shè)計(jì)制作1個(gè)網(wǎng)站大案例。在教學(xué)中，除了主要采用大案例教學(xué)法之外，研究其他合適的教學(xué)方法，提升教學(xué)效果。研究制定適合學(xué)情的考核標(biāo)準(zhǔn)。指導(dǎo)學(xué)生完成網(wǎng)站大作品，督促和鼓勵(lì)學(xué)生參加系部教學(xué)成果展，給學(xué)生一個(gè)展示的平臺(tái)，讓學(xué)生獲得成就感。

2網(wǎng)站設(shè)計(jì)與制作課程中大案例教學(xué)法的實(shí)施過程

首先，通過對(duì)以往的教學(xué)深入思考，確定了教學(xué)目標(biāo)：培養(yǎng)學(xué)生能夠獨(dú)立設(shè)計(jì)與制作一個(gè)較復(fù)雜、美觀、精細(xì)的靜態(tài)網(wǎng)站的能力。此教學(xué)目標(biāo)要求教學(xué)內(nèi)容的制定要符合學(xué)生的學(xué)情，教學(xué)內(nèi)容不能太難，在課程講解中，因?yàn)槭芟抻谡n時(shí)的限制及學(xué)生的學(xué)情，對(duì)于較難的DIV+CSS網(wǎng)頁(yè)排版只做簡(jiǎn)要介紹，主要使用表格+CSS講解網(wǎng)站設(shè)計(jì)與制作。課程內(nèi)容除了要講解網(wǎng)站涉及的基本知識(shí)和操作之外，還要培養(yǎng)學(xué)生對(duì)于網(wǎng)站的審美能力。在大案例中，要講解如何將網(wǎng)站設(shè)計(jì)與制作的美觀、精細(xì)，大案例制作的網(wǎng)站要選題合理，復(fù)雜度適中。在最后的考核中，要求學(xué)生要獨(dú)立完成網(wǎng)站大作品，教師要嚴(yán)格檢查學(xué)生作品，嚴(yán)禁抄襲。智能1801區(qū)隊(duì)的網(wǎng)站設(shè)計(jì)與制作課程周課時(shí)為4節(jié)，教學(xué)運(yùn)行18周。圍繞教學(xué)目標(biāo)，采用大案例教學(xué)法對(duì)網(wǎng)站設(shè)計(jì)與制作課程的教學(xué)內(nèi)容安排如下：第一部分：網(wǎng)站相關(guān)基礎(chǔ)理論的講解(4課時(shí))。此部分主要講解網(wǎng)站、網(wǎng)頁(yè)、首頁(yè)、域名、靜態(tài)和動(dòng)態(tài)網(wǎng)站的區(qū)別、網(wǎng)頁(yè)兼容性、Html和Css語(yǔ)言、網(wǎng)站設(shè)計(jì)與制作一般過程等相關(guān)的概念和理論知識(shí)。第二部分：精選一些對(duì)網(wǎng)站設(shè)計(jì)與制作過程中經(jīng)常使用的操作性知識(shí)點(diǎn)進(jìn)行講解，同時(shí)講解CSS編輯器的使用(12課時(shí))。此部分主要講解DreamWeaver的初步認(rèn)識(shí)，網(wǎng)頁(yè)圖片、鏈接、表格、表單的相關(guān)操作及注意事項(xiàng)，表格嵌套，CSS編輯器的基本操作，常見CSS樣式。此部分先講解各知識(shí)點(diǎn)的基本操作及注意事項(xiàng)，然后設(shè)計(jì)一些小實(shí)例給學(xué)生講解，學(xué)生進(jìn)行練習(xí)，鞏固、拓展相關(guān)知識(shí)點(diǎn)。第三部分：此部分講解Html和Css的概念，語(yǔ)法格式，常見Html標(biāo)記、屬性以及Css常見屬性。要求學(xué)生不一定會(huì)寫代碼，但是要能看懂一些基本的代碼，方便后面修改網(wǎng)站代碼。(4課時(shí))第四部分：網(wǎng)頁(yè)欣賞與點(diǎn)評(píng)課。此部分講解網(wǎng)站的首頁(yè)布局，網(wǎng)站的基本設(shè)計(jì)原則，精選一些設(shè)計(jì)較好和較差的網(wǎng)站進(jìn)行點(diǎn)評(píng)，課后，留作業(yè)要求學(xué)生自選一個(gè)網(wǎng)站進(jìn)行點(diǎn)評(píng)。(4課時(shí))第五部分：一個(gè)初步的實(shí)例，先讓學(xué)生進(jìn)行適應(yīng)。注意這個(gè)實(shí)例的選取，要能引起學(xué)生的興趣。(4課時(shí))第六部分：一個(gè)網(wǎng)站大案例，選擇寧夏警官職業(yè)學(xué)院優(yōu)質(zhì)校申報(bào)網(wǎng)站對(duì)網(wǎng)站的整體設(shè)計(jì)和制作過程進(jìn)行講解。本人編寫了35頁(yè)的課程講義，方便學(xué)生學(xué)習(xí)。(24課時(shí))在此部分，選取優(yōu)質(zhì)校申報(bào)網(wǎng)站最主要的三個(gè)頁(yè)面：首頁(yè)，新聞列表頁(yè)面和新聞顯示頁(yè)面來(lái)講解如何制作靜態(tài)網(wǎng)站。在首頁(yè)的講解中，教會(huì)學(xué)生網(wǎng)站Logo、導(dǎo)航欄、Banner、版權(quán)區(qū)域該如何設(shè)計(jì)與制作，同時(shí)學(xué)習(xí)網(wǎng)站中最常用的視頻播放、焦點(diǎn)圖、跑馬燈、背景音樂等網(wǎng)頁(yè)特效的制作。在新聞顯示頁(yè)面，教會(huì)學(xué)生如何制作規(guī)范、美觀的圖文混排新聞內(nèi)容頁(yè)面。在此部分教學(xué)實(shí)施過程中，注重讓學(xué)生思考為什么要這樣做，而不是簡(jiǎn)單的講解如何做。首先給學(xué)生講解如何進(jìn)行網(wǎng)站首頁(yè)規(guī)劃；要求學(xué)生要自行發(fā)揮設(shè)計(jì)制作網(wǎng)站LOGO和導(dǎo)航欄；注重講解特效代碼中一些可以進(jìn)行特效定制的代碼；對(duì)于頁(yè)面中表格制作部分，注意培養(yǎng)學(xué)生分析表格嵌套的能力；注重培養(yǎng)學(xué)生對(duì)網(wǎng)站素材的選擇和處理能力。第七部分：學(xué)生自選主題做一個(gè)網(wǎng)站，教師進(jìn)行指導(dǎo)，選取優(yōu)秀作品參加教學(xué)成果展。(20課時(shí))在實(shí)際教學(xué)中，注重和學(xué)生形成一個(gè)融洽的教學(xué)氛圍，多和學(xué)生聊天。同時(shí)，在教學(xué)過程中，要嚴(yán)格要求學(xué)生。每段講解過程最多不要超過15分鐘。有些地方的講解可以采用討論法、提問法。講解過程中，要多注意學(xué)生的反應(yīng)。在期末，學(xué)生完成的網(wǎng)站大作品整體質(zhì)量較以往有一個(gè)較大的提高，學(xué)生作品優(yōu)秀率達(dá)到了17%，而以前學(xué)生作品優(yōu)秀率不超過6%。

1結(jié)構(gòu)設(shè)計(jì)

針對(duì)網(wǎng)絡(luò)課程學(xué)習(xí)網(wǎng)站特定的教育性，應(yīng)當(dāng)注重對(duì)知識(shí)結(jié)構(gòu)的設(shè)計(jì)，從而體現(xiàn)教學(xué)內(nèi)容的層次關(guān)系，協(xié)助實(shí)現(xiàn)層次化教學(xué)，培養(yǎng)學(xué)生的發(fā)散性思維。本課程的知識(shí)結(jié)構(gòu)，以中職《圖形圖像photoshop》為框架，體設(shè)計(jì)如下：

1.1基礎(chǔ)知識(shí)

按單元將photoshop軟件操作的基本方法和技巧，以及圖形圖像處理方面的基礎(chǔ)知識(shí)，進(jìn)行了歸納和總結(jié)，提出重點(diǎn)和難點(diǎn)，向?qū)W生提供深入簡(jiǎn)出的理論知識(shí)講解和清晰的學(xué)習(xí)目標(biāo)。

1.2實(shí)例教學(xué)

通過本人教授中職計(jì)算機(jī)應(yīng)用專業(yè)相關(guān)課程的多年經(jīng)驗(yàn)，中職學(xué)生基本上不喜歡學(xué)習(xí)深?yuàn)W的、抽象的理論知識(shí)，而是對(duì)具體的使用、操作技巧比較感興趣。因此該學(xué)習(xí)網(wǎng)站的教學(xué)，以實(shí)例教學(xué)為主，希望通過教學(xué)實(shí)例的形式，激發(fā)學(xué)生的學(xué)習(xí)興趣，同時(shí)也有利于學(xué)生通過對(duì)教學(xué)實(shí)例的學(xué)習(xí)制作，更好地理解掌握相關(guān)知識(shí)內(nèi)容，熟練掌握photoshop軟件在實(shí)際應(yīng)用中的方法和技巧。目前，廣東省內(nèi)大部分中職學(xué)校計(jì)算機(jī)應(yīng)用專業(yè)的《圖形圖像photoshop》課程，都要參加全國(guó)計(jì)算機(jī)信息高新技術(shù)考試。因此本網(wǎng)站里的教學(xué)實(shí)例，采用了全國(guó)計(jì)算機(jī)信息高新技術(shù)考試試題匯編里的典型題目，不但把每道題的難點(diǎn)和使用工具清晰注明，還將每一道題的難度標(biāo)注清楚，并將解題過程錄制成了視頻，方便學(xué)生進(jìn)行學(xué)習(xí)。針對(duì)分層教學(xué)，視頻配以文字和聲音講解，讓學(xué)習(xí)能力稍差的學(xué)生，更容易理解。同時(shí)兼顧特殊教育的聾生，還配上了手語(yǔ)翻譯。

1.3拓展知識(shí)