《網(wǎng)頁的制作》教案

《網(wǎng)頁的制作》教案《網(wǎng)頁的制作》教案篇一一、教學(xué)目標1、知道站點、主頁的概念，能在指定位置建立只有一個網(wǎng)頁的站點；2、認識FRONTPAGE的界面；3、掌握在主頁中插入文字、圖片、水平線；4、掌握頁面文件與圖片的保存。二、教學(xué)重點1、能在指定位置建立只有一個網(wǎng)頁的站點（難點）2、能在頁面中插入文字、圖片、水平線3、掌握頁面文件與圖片的保存（難點）三、學(xué)情分析學(xué)生已經(jīng)學(xué)習(xí)了WORD、POWERPOINT與上網(wǎng)瀏覽信息，對計算機的基本操作（WORD中文檔的編輯，網(wǎng)頁的瀏覽等）比較熟練。這使得學(xué)生主動探究、自主學(xué)習(xí)成為可能。每位學(xué)生必須完成基本任務(wù)，有能力的學(xué)生還可以完成提高篇的學(xué)習(xí)，以充分發(fā)揮學(xué)生的積極性與自主性。四、教學(xué)方式在教學(xué)中，一方面采用比較教學(xué)的方式，促進學(xué)生知識的遷移；另一方面，提供學(xué)生一個導(dǎo)學(xué)課件，讓學(xué)生根據(jù)這個網(wǎng)絡(luò)環(huán)境下的課件自己探究學(xué)習(xí)，以滿足不同層次學(xué)生的需求。五、教學(xué)過程設(shè)計教師活動：1、引入課題：（激發(fā)興趣，活躍氣氛）同學(xué)們喜不喜歡上網(wǎng)？常常上新浪、西祠胡同等，有沒有同學(xué)知道新浪、西祠胡同稱做什么？（網(wǎng)站）瀏覽新浪網(wǎng)站，瀏覽的第一個頁面稱為什么？（主頁）我們還可以瀏覽其它的頁面，點擊超鏈接瀏覽，當(dāng)鼠標變成手指的形狀時有超鏈接。問題1：網(wǎng)站是不是就是網(wǎng)頁？用自己的語言描述一下網(wǎng)站的概念（網(wǎng)站包含多個網(wǎng)頁，通過超鏈接把不同的頁面鏈接起來）問題2：網(wǎng)頁是不是就是主頁？（第一個頁面稱為主頁，網(wǎng)站設(shè)計者可以確定哪一個是主頁，主頁的文件名一般為：index.htm,主頁也是網(wǎng)頁）設(shè)計網(wǎng)站一般必須經(jīng)過兩個步驟，首先是在計算機里做好，然后發(fā)布在internet上，讓所有的人訪問瀏覽。今日我們學(xué)習(xí)用Frontpage建立站點，制作一個主頁。先來研究一下沒有發(fā)布的網(wǎng)站，打開教師做的網(wǎng)站問：同學(xué)們看到了什么？（文件夾）總結(jié)：可以這樣理解網(wǎng)站：在資源管理器里，網(wǎng)站表現(xiàn)為一個文件夾，里面存放的是所有與網(wǎng)站相關(guān)的文件。打開主頁，瀏覽頁面，這是老師做的一個導(dǎo)學(xué)課件，將幫助大家完成學(xué)習(xí)任務(wù)。請學(xué)生瀏覽教師課件，了解學(xué)習(xí)任務(wù)2、新建站點FP的啟動問：與word比較，有什么不同？（增加了視圖區(qū)，編輯區(qū)有三個窗口）總結(jié)：視圖區(qū)：多種視圖模式是為了方便網(wǎng)站的管理。制作網(wǎng)頁時，必須在網(wǎng)頁視圖中編輯頁面普通窗口：鼠標在閃動，可編輯、修改頁面，所見即所得的方式預(yù)覽窗口：瀏覽器中出現(xiàn)的效果，與PowerPoint中的“放映幻燈片”類似。Html窗口：編寫HTML（超文本標記語言，它是描述網(wǎng)頁內(nèi)容和外觀的標準。）打開導(dǎo)學(xué)軟件，根據(jù)步驟，示范建立只有一個網(wǎng)頁的站點，強調(diào)新站點的位置、路徑的正確輸入，站點的名稱。（教會學(xué)生利用導(dǎo)學(xué)課件，根據(jù)導(dǎo)學(xué)軟件完成任務(wù)）任務(wù)1：學(xué)生根據(jù)導(dǎo)學(xué)課件，在d：建立自己站點教師巡視指導(dǎo)請一位學(xué)生示范怎么建立站點，教師總結(jié)問：在文件夾列表中看到了什么？分析多出的文件夾列表欄，多了一個文件夾，里面有兩個子文件夾和主頁，圖片存放在images文件夾中）3、編輯主頁與保存主頁看效果圖，請學(xué)生分析主頁中的元素總結(jié)：鮮明的主題，如：我的世界、我的寵物等，有分割頁面的水平線，與主題相關(guān)的圖片，對網(wǎng)站的簡單介紹根據(jù)導(dǎo)學(xué)軟件，學(xué)生完成任務(wù)2：設(shè)計主頁、保存主頁與圖片教師巡視指導(dǎo)4、總結(jié)反饋請學(xué)生示范，講解怎么插入圖片（來自剪貼畫與來自文件）、插入水平線，怎么保存總結(jié)：必須切換到“普通”窗口下編輯主頁的保存中存在問題：單擊“文件”“保存”或工具欄的“保存”按扭，彈出一個對話框，保存嵌入式文件，改變文件夾，圖片必須保存在本站點images文件夾中，便于站點的管理。5、請學(xué)生繼續(xù)完成自己的主頁，有能力的同學(xué)完成提高篇教師巡視指導(dǎo)6、教師與學(xué)生共同評價總結(jié)展示學(xué)生作品，教師與學(xué)生共同評價請學(xué)生總結(jié)今日的學(xué)習(xí)內(nèi)容：建立包含一個頁面的站點，主頁的設(shè)計與保存。學(xué)生活動：學(xué)生回答問題、學(xué)觀察鼠標指針、學(xué)生回答問題、學(xué)生觀察網(wǎng)站的表現(xiàn)形式、齊聲回答、學(xué)生瀏覽課件，并了解本節(jié)課的學(xué)習(xí)任務(wù)、學(xué)生觀察FP界面與word的不同、學(xué)生回答、學(xué)生觀察教師演示不同編輯窗口的區(qū)別。學(xué)生上機操作，在指定位置建立自己站點、請先做好的學(xué)生當(dāng)小老師，指導(dǎo)其它學(xué)生。學(xué)生回答、學(xué)生操作，同桌互相幫助，并參考教師做的課件，利用網(wǎng)絡(luò)環(huán)境下的課件自己探究學(xué)習(xí)，滿足不同層次學(xué)生的需求、學(xué)生總結(jié)注：課件中包含每一個操作過程的操作步驟及拓展的”知識、基本任務(wù)與提高任務(wù)的效果圖。點評：教學(xué)課題“網(wǎng)頁制作”作為初中階段的最后一部分內(nèi)容，難度較大，教學(xué)的深度較難掌握。這就要教師在備教材的基礎(chǔ)上，同時還要備學(xué)生，做到對學(xué)生的情況有較為深刻地了解，以便很好地完成教學(xué)任務(wù)，達到預(yù)期的教學(xué)效果。根據(jù)教材和《中小學(xué)信息技術(shù)課程指導(dǎo)綱要（試行）》中的神，本課應(yīng)以“任務(wù)驅(qū)動”的方式完成，一方面教會學(xué)生了解和熟悉具體軟件的基本功能，另一方面又能主動地掌握并深入學(xué)習(xí)思考。尋著這個思路授課教師在課前作了大量的課前準備制作出了相應(yīng)的教學(xué)課件“網(wǎng)頁制作”。一、調(diào)動學(xué)生的學(xué)習(xí)情，變被動學(xué)習(xí)為主動學(xué)習(xí)整個教學(xué)過程張云老師采取了“引導(dǎo)加任務(wù)驅(qū)動”的模式進行。首先教師進行導(dǎo)入，導(dǎo)入概念，強調(diào)概念；再引導(dǎo)學(xué)生學(xué)習(xí)課件的使用，引導(dǎo)他們讀懂課件中的第一個任務(wù)：建立一個只有一頁的網(wǎng)站，（此處若能引導(dǎo)學(xué)生，由學(xué)生來完成，減少老師的操作，效果會更好），然后讓學(xué)生模仿第一步的操作進行下面內(nèi)容的學(xué)習(xí)，完成導(dǎo)學(xué)材料中給出的一個個任務(wù)。二、突出重點，及時點評張云老師在引導(dǎo)學(xué)生進行學(xué)習(xí)、操作后，就主動地去觀察和發(fā)現(xiàn)學(xué)生中出現(xiàn)的問題，甚至于課前對可能出現(xiàn)的問題，也進行有預(yù)見性地準備；發(fā)現(xiàn)問題及時點評。（點評分為個別點評和全班點評，點評不等于教師將操作過程演示一遍。張云老師在點評建成的網(wǎng)站時，重點若再突出些，介紹再清楚些，效果會更好。比如：站點中內(nèi)容說明不夠清楚等。）三、發(fā)揮學(xué)生的協(xié)作學(xué)習(xí)神張云老師在教學(xué)過程中，對有困難的學(xué)生進行個別指導(dǎo)，同時還需發(fā)揮學(xué)生的協(xié)作學(xué)習(xí)的神，充分調(diào)動學(xué)生學(xué)習(xí)的積極性，讓學(xué)有余力的學(xué)生充當(dāng)“小老師”，從而體會到學(xué)習(xí)的樂趣。（整個教學(xué)過程中，這點做地不夠，沒有充分地讓師生互動起來）四、重點突出、目標明確最后，張老師在整個教學(xué)過程中，應(yīng)再突出教學(xué)重點，明確本節(jié)課的任務(wù)。（課前的導(dǎo)入，最好給出教學(xué)目標，課后的小結(jié)應(yīng)讓學(xué)生總結(jié)他本堂課學(xué)習(xí)到哪些知識，所以感覺這節(jié)課重點不突出，內(nèi)容分散。）五、教學(xué)效果較好由于張云老師在課前對本課作了大量的準備工作，課件制作效果較好，所以學(xué)生完成情況很好，教學(xué)任務(wù)完成情況較好。網(wǎng)頁制作教學(xué)計劃篇二新學(xué)期開始，本學(xué)期我將擔(dān)任11級計算機網(wǎng)絡(luò)班《網(wǎng)頁制作》的教學(xué)，為了有效地培養(yǎng)學(xué)生學(xué)習(xí)網(wǎng)頁制作課程的興趣，使學(xué)生逐步具有利用所學(xué)知識進行網(wǎng)頁制作的能力，以適應(yīng)信息社會的學(xué)習(xí)、工作和生活的需要；為了規(guī)范教學(xué)，我特制訂教學(xué)計劃如下：一、教學(xué)指導(dǎo)思想：本學(xué)期我將認真做好所教課程的各項工作。認真學(xué)習(xí)中職計算機學(xué)科的教學(xué)大綱和網(wǎng)頁制作的相關(guān)教材，明確教學(xué)任務(wù)和教材體系，力爭“教書”與“育人”貫穿始終。全面貫徹教育部關(guān)于中職教育的大政方針，努力探究計算機教學(xué)規(guī)律，在激發(fā)和培養(yǎng)學(xué)生的學(xué)習(xí)興趣，養(yǎng)成較好的學(xué)習(xí)習(xí)慣，提高動手能力的同時，著力培養(yǎng)學(xué)生樹立正確的榮辱觀和人生觀，積極推進素質(zhì)教育。在教學(xué)中要充分利用計算機來培養(yǎng)學(xué)生的信息素養(yǎng)，有效地提高教育教學(xué)水平。促進學(xué)生創(chuàng)新神和實踐能力的培養(yǎng)，充分考慮學(xué)生的發(fā)展需要，強調(diào)學(xué)生自主學(xué)習(xí)，發(fā)揮教師的主導(dǎo)作用，學(xué)生主體作用，以學(xué)生個體發(fā)展為目標，不斷提高教育教學(xué)質(zhì)量。二、學(xué)生情況分析：上學(xué)期學(xué)生已經(jīng)初步學(xué)習(xí)了部分課程，對此可能有了一定的了解，但是中職學(xué)生整體素質(zhì)層次不齊，絕大多數(shù)學(xué)生學(xué)習(xí)目標明確，但也有少數(shù)學(xué)生對微機在當(dāng)前和末來社會中作用認識不夠。雖然有基礎(chǔ)但是通過一個假期之后，很多知識需要鞏固。但總體來看本課程學(xué)生們的學(xué)習(xí)興趣還是很好的。三、教材分析我們選用的是電子工業(yè)出版社出版的《網(wǎng)頁制作》第二版教材。本教材的編寫打破了傳統(tǒng)的學(xué)科體系，以項目為中心，一個個小任務(wù)為實例，以范例網(wǎng)站的建設(shè)為主線，不強求理論體系的完整性，以夠用為度，以是否實用為標準。整個項目統(tǒng)籌考慮實訓(xùn)的設(shè)計，循序漸進，逐步完善，著重培養(yǎng)學(xué)生獨立思考問題和主動解決問題的能力，力求在學(xué)習(xí)的過程中積累實際工作的閱歷，從而突出職業(yè)技術(shù)教育的特色。本文共8章，前面已學(xué)習(xí)了前三章，本學(xué)期主要學(xué)習(xí)后五章。第四章打造公司留言板本章的教學(xué)重點和難點是插入表單對象的基本方式及設(shè)置表單及表單對象屬性的方式。要求掌握表單、文本域、單選按鈕、列表／菜單、復(fù)選框、文本區(qū)域、隱藏域、按鈕、文件域、跳轉(zhuǎn)菜單、字段集、【檢查表單】行為、密碼驗證的方式等知識點。主要是通過完成公司留言板這一項目來學(xué)習(xí)的。通過總的。項目來分析逐個小任務(wù)。最終完成知識點的學(xué)習(xí)。為了更好的使同學(xué)們掌握重難點，在教學(xué)中我會講多練，讓學(xué)生案例分析，討論，最終上機操作，如：用戶注冊，163信箱等的制作。第五章在Dreamweaver中美化頁面本章教學(xué)重難點是添加、修改和刪除行為的方式及在網(wǎng)頁制作中應(yīng)用行為的基本方式。要求學(xué)生掌握行為的概念、【行為】面板、常用事件、狀態(tài)欄文本、彈出式菜單、打開瀏覽器窗口、交換圖像、控制Shockwave或Flash、彈出信息、拖動層等知識點。主要是通過逐個任務(wù)來完成教學(xué)的。首先教師演示教學(xué)案例。通過PPT課件講授基本知識。然后通過讓學(xué)生自己動手重新制作教學(xué)案例來鞏固基本知識。最終通過實訓(xùn)讓學(xué)生進一步熟悉所學(xué)知識點。第六章站點的發(fā)布本章教學(xué)重難點是在IIS中配置FTP服務(wù)器的方式及通過Dreamweaver發(fā)布網(wǎng)頁的方式和在中插入對象的方式。要求學(xué)生掌握安裝IIS服務(wù)器、配置Web服務(wù)器、配置FTP服務(wù)器、發(fā)布網(wǎng)頁、檢查鏈接、改變鏈接、查找和替換、清理文檔、保持同步等知識點。本章主要通過教師實例演示，學(xué)生動手操作來完成教學(xué)任務(wù)的。為了讓學(xué)生更加熟練操作，教師主要通過多個實例操作練習(xí)的方式來完成教學(xué)。第七章CSS樣式的應(yīng)用本章教學(xué)重難點是創(chuàng)建和設(shè)置CSS樣式的方式及附加樣式表的方式。要求學(xué)生掌握【CSS樣式】面板、CSS樣式的類別、定義CSS樣式的方式、CSS的【類型】等屬性對話框、3種選擇器各自的特點、創(chuàng)建超級鏈接的高級CSS樣式、設(shè)置單元格ID名稱和樣式、修改CSS樣式、刪除CSS樣式、應(yīng)用CSS樣式、附加樣式表、重命名樣式等知識點。主要通過項目教學(xué)法來完成教學(xué)，項目標主要目標是讓學(xué)生掌握CSS樣式的基本知識。項目主要通過CSS樣式控制購物網(wǎng)頁的外觀，一方面要熟悉CSS樣式的基本使用方式，另一方面要了解購物網(wǎng)頁頁面的基本特點。本項目使用的網(wǎng)頁布局技術(shù)仍然是表格，另外還涉及文本、圖像等網(wǎng)頁元素。第八章網(wǎng)頁制作綜合實例本章重難點是使學(xué)生綜合運用所學(xué)知識點。要求學(xué)生掌握網(wǎng)站設(shè)計流程、設(shè)計網(wǎng)頁布局、各級網(wǎng)頁制作的方式及網(wǎng)站的推廣。本章主要是讓學(xué)生自主完成學(xué)習(xí)任務(wù)，以培養(yǎng)學(xué)生發(fā)現(xiàn)問題，分析問題，解決問題的能力。同時培養(yǎng)學(xué)生主動學(xué)習(xí)的意識。四、教學(xué)措施1、計算機是一個不斷發(fā)展的學(xué)科，也是一個日新月異的學(xué)科，不斷會有新的計算機技術(shù)出現(xiàn)，教師要在第一時間了解這些動態(tài)，然后學(xué)會交給學(xué)生。因為計算機在現(xiàn)實生活中的應(yīng)用都是的技術(shù)，如果與現(xiàn)實脫節(jié)了，那么學(xué)生現(xiàn)在學(xué)到的計算機知識在現(xiàn)實中根本就用不上。所以需要教師有較好的計算機學(xué)習(xí)能力，為學(xué)生做好引導(dǎo)者。2、采用項目教學(xué)法，任務(wù)驅(qū)動式，案例講解，實例討論等教學(xué)法圍繞“教務(wù)管理系統(tǒng)”組織教學(xué)內(nèi)容，分解出一個個子任務(wù)分組學(xué)習(xí)，分組討論，充分調(diào)動學(xué)生的學(xué)習(xí)積極性，開發(fā)個人潛能。3、學(xué)生自主完成學(xué)習(xí)任務(wù)，以培養(yǎng)學(xué)生發(fā)現(xiàn)問題，分析問題，解決問題的能力。同時培養(yǎng)學(xué)生主動學(xué)習(xí)的意識。4、該課程理論性和實踐性均強，要求學(xué)生勤學(xué)多練，除掌握對網(wǎng)頁制作的操作外，還應(yīng)要求學(xué)生做好flash與平面設(shè)計，并引導(dǎo)學(xué)生綜合運用。根據(jù)學(xué)生的學(xué)習(xí)