- 相關(guān)推薦
《網(wǎng)頁的制作》教案優(yōu)秀
作為一名人民教師，常常要寫一份優(yōu)秀的教案，教案是教學(xué)活動(dòng)的依據(jù)，有著重要的地位。優(yōu)秀的教案都具備一些什么特點(diǎn)呢？以下是小編精心整理的《網(wǎng)頁的制作》教案優(yōu)秀，歡迎大家借鑒與參考，希望對大家有所幫助。
《網(wǎng)頁的制作》教案優(yōu)秀1
一、教學(xué)目標(biāo)
1、知道站點(diǎn)、主頁的概念，能在指定位置建立只有一個(gè)網(wǎng)頁的站點(diǎn)；
2、認(rèn)識FRONTPAGE的界面；
3、掌握在主頁中插入文字、圖片、水平線；
4、掌握頁面文件與圖片的保存。
二、教學(xué)重點(diǎn)
1、能在指定位置建立只有一個(gè)網(wǎng)頁的站點(diǎn)（難點(diǎn)）
2、能在頁面中插入文字、圖片、水平線
3、掌握頁面文件與圖片的保存（難點(diǎn)）
三、學(xué)情分析
學(xué)生已經(jīng)學(xué)習(xí)了WORD、POWERPOINT與上網(wǎng)瀏覽信息，對計(jì)算機(jī)的基本操作（WORD中文檔的編輯，網(wǎng)頁的瀏覽等）比較熟練。這使得學(xué)生主動(dòng)探索、自主學(xué)習(xí)成為可能。每位學(xué)生必須完成基本任務(wù)，有能力的學(xué)生還可以完成提高篇的學(xué)習(xí)，以充分發(fā)揮學(xué)生的積極性與自主性。
四、教學(xué)方法
在教學(xué)中，一方面采用比較教學(xué)的方法，促進(jìn)學(xué)生知識的遷移；另一方面，提供學(xué)生一個(gè)導(dǎo)學(xué)，讓學(xué)生根據(jù)這個(gè)網(wǎng)絡(luò)環(huán)境下的自己探索學(xué)習(xí)，以滿足不同層次學(xué)生的.需求。
五、教學(xué)過程設(shè)計(jì)
教師活動(dòng)：1、引入課題：（激發(fā)興趣，活躍氣氛）
同學(xué)們喜不喜歡上網(wǎng)？經(jīng)常上新浪、西祠胡同等，有沒有同學(xué)知道新浪、西祠胡同稱做什么？（網(wǎng)站）
瀏覽新浪網(wǎng)站，瀏覽的第一個(gè)頁面稱為什么？（主頁）
我們還可以瀏覽其它的頁面，點(diǎn)擊超鏈接瀏覽，當(dāng)鼠標(biāo)變成手指的形狀時(shí)有超鏈接。
問題1：網(wǎng)站是不是就是網(wǎng)頁？用自己的語言描述一下網(wǎng)站的概念（網(wǎng)站包含多個(gè)網(wǎng)頁，通過超鏈接把不同的頁面鏈接起來）
問題2：網(wǎng)頁是不是就是主頁？（第一個(gè)頁面稱為主頁，網(wǎng)站設(shè)計(jì)者可以確定哪一個(gè)是主頁，主頁的文件名一般為：index.ht,主頁也是網(wǎng)頁）
設(shè)計(jì)網(wǎng)站一般必須經(jīng)過兩個(gè)步驟，首先是在計(jì)算機(jī)里做好，然后發(fā)布在internet上，讓所有的人訪問瀏覽。
今天我們學(xué)習(xí)用Frntpage建立站點(diǎn)，制作一個(gè)主頁。
先來研究一下沒有發(fā)布的網(wǎng)站，打開教師做的網(wǎng)站
《網(wǎng)頁的制作》教案優(yōu)秀2
一、教學(xué)目標(biāo)
1、知道站點(diǎn)、主頁的概念，能在指定位置建立只有一個(gè)網(wǎng)頁的站點(diǎn)；
2、認(rèn)識FRONTPAGE的界面；
3、掌握在主頁中插入文字、圖片、水平線；
4、掌握頁面文件與圖片的保存。
二、教學(xué)重點(diǎn)
1、能在指定位置建立只有一個(gè)網(wǎng)頁的站點(diǎn)（難點(diǎn)）
2、能在頁面中插入文字、圖片、水平線
3、掌握頁面文件與圖片的保存（難點(diǎn)）
三、學(xué)情分析
學(xué)生已經(jīng)學(xué)習(xí)了WORD、POWERPOINT與上網(wǎng)瀏覽信息，對計(jì)算機(jī)的基本操作（WORD中文檔的編輯，網(wǎng)頁的瀏覽等）比較熟練。這使得學(xué)生主動(dòng)探索、自主學(xué)習(xí)成為可能。每位學(xué)生必須完成基本任務(wù)，有能力的學(xué)生還可以完成提高篇的學(xué)習(xí)，以充分發(fā)揮學(xué)生的積極性與自主性。
四、教學(xué)方法
在教學(xué)中，一方面采用比較教學(xué)的方法，促進(jìn)學(xué)生知識的遷移；另一方面，提供學(xué)生一個(gè)導(dǎo)學(xué)課件，讓學(xué)生根據(jù)這個(gè)網(wǎng)絡(luò)環(huán)境下的課件自己探索學(xué)習(xí)，以滿足不同層次學(xué)生的需求。
五、教學(xué)過程設(shè)計(jì)
教師活動(dòng)：1、引入課題：（激發(fā)興趣，活躍氣氛）
同學(xué)們喜不喜歡上網(wǎng)？經(jīng)常上新浪、西祠胡同等，有沒有同學(xué)知道新浪、西祠胡同稱做什么？（網(wǎng)站）
瀏覽新浪網(wǎng)站，瀏覽的第一個(gè)頁面稱為什么？（主頁）
我們還可以瀏覽其它的頁面，點(diǎn)擊超鏈接瀏覽，當(dāng)鼠標(biāo)變成手指的形狀時(shí)有超鏈接。
問題1：網(wǎng)站是不是就是網(wǎng)頁？用自己的語言描述一下網(wǎng)站的概念（網(wǎng)站包含多個(gè)網(wǎng)頁，通過超鏈接把不同的頁面鏈接起來）
問題2：網(wǎng)頁是不是就是主頁？（第一個(gè)頁面稱為主頁，網(wǎng)站設(shè)計(jì)者可以確定哪一個(gè)是主頁，主頁的文件名一般為：index.htm,主頁也是網(wǎng)頁）
設(shè)計(jì)網(wǎng)站一般必須經(jīng)過兩個(gè)步驟，首先是在計(jì)算機(jī)里做好，然后發(fā)布在internet上，讓所有的人訪問瀏覽。
今天我們學(xué)習(xí)用Frontpage建立站點(diǎn)，制作一個(gè)主頁。
先來研究一下沒有發(fā)布的網(wǎng)站，打開教師做的網(wǎng)站
問：同學(xué)們看到了什么？（文件夾）
總結(jié)：
可以這樣理解網(wǎng)站：在資源管理器里，網(wǎng)站表現(xiàn)為一個(gè)文件夾，里面存放的是所有與網(wǎng)站相關(guān)的文件。
打開主頁，瀏覽頁面，這是老師做的.一個(gè)導(dǎo)學(xué)課件，將幫助大家完成學(xué)習(xí)任務(wù)。
請學(xué)生瀏覽教師課件，了解學(xué)習(xí)任務(wù)
2、新建站點(diǎn)
FP的啟動(dòng)
問：與word比較，有什么不同？
�。ㄔ黾恿艘晥D區(qū)，編輯區(qū)有三個(gè)窗口）
總結(jié)：
視圖區(qū)：多種視圖模式是為了方便網(wǎng)站的管理。制作網(wǎng)頁時(shí)，必須在網(wǎng)頁視圖中編輯頁面
普通窗口：鼠標(biāo)在閃動(dòng)，可編輯、修改頁面，所見即所得的方式
預(yù)覽窗口：瀏覽器中出現(xiàn)的效果，與PowerPoint中的“放映幻燈片”類似。
Html窗口：編寫HTML（超文本標(biāo)記語言，它是描述網(wǎng)頁內(nèi)容和外觀的標(biāo)準(zhǔn)。）
打開導(dǎo)學(xué)軟件，根據(jù)步驟，示范建立只有一個(gè)網(wǎng)頁的站點(diǎn)，強(qiáng)調(diào)新站點(diǎn)的位置、路徑的正確輸入，站點(diǎn)的名稱。
�。ń虝䦟W(xué)生利用導(dǎo)學(xué)課件，根據(jù)導(dǎo)學(xué)軟件完成任務(wù)）
任務(wù)1：學(xué)生根據(jù)導(dǎo)學(xué)課件，在d:建立自己站點(diǎn)
教師巡視指導(dǎo)
請一位學(xué)生示范如何建立站點(diǎn)，教師總結(jié)
問：在文件夾列表中看到了什么？
分析多出的文件夾列表欄，多了一個(gè)文件夾，里面有兩個(gè)子文件夾和主頁，圖片存放在images文件夾中）
3、編輯主頁與保存主頁
看效果圖，請學(xué)生分析主頁中的元素
總結(jié)：鮮明的主題，如：我的世界、我的寵物等，有分割頁面的水平線，與主題相關(guān)的圖片，對網(wǎng)站的簡單介紹
根據(jù)導(dǎo)學(xué)軟件，學(xué)生完成任務(wù)2：設(shè)計(jì)主頁、保存主頁與圖片
教師巡視指導(dǎo)
4、總結(jié)反饋
請學(xué)生示范，講解如何插入圖片（來自剪貼畫與來自文件）、插入水平線，如何保存
總結(jié)：必須切換到“普通”窗口下編輯
主頁的保存中存在問題：
單擊“文件”----“保存”或工具欄的“保存”按扭，彈出一個(gè)對話框，保存嵌入式文件，改變文件夾，圖片必須保存在本站點(diǎn)images文件夾中，便于站點(diǎn)的管理。
5、請學(xué)生繼續(xù)完成自己的主頁，有能力的同學(xué)完成提高篇
教師巡視指導(dǎo)
6、教師與學(xué)生共同評價(jià)總結(jié)
展示學(xué)生作品，教師與學(xué)生共同評價(jià)
請學(xué)生總結(jié)今天的學(xué)習(xí)內(nèi)容：建立包含一個(gè)頁面的站點(diǎn)，主頁的設(shè)計(jì)與保存。
學(xué)生活動(dòng)：學(xué)生回答問題、學(xué)觀察鼠標(biāo)指針、學(xué)生回答問題、學(xué)生觀察網(wǎng)站的表現(xiàn)形式、齊聲回答、學(xué)生瀏覽課件，并了解本節(jié)課的學(xué)習(xí)任務(wù)、學(xué)生觀察FP界面與word的不同、學(xué)生回答、學(xué)生觀察教師演示不同編輯窗口的區(qū)別。學(xué)生上機(jī)操作，在指定位置建立自己站點(diǎn)、請先做好的學(xué)生當(dāng)小老師，輔導(dǎo)其它學(xué)生。學(xué)生回答、學(xué)生操作，同桌互相幫助，并參考教師做的課件，利用網(wǎng)絡(luò)環(huán)境下的課件自己探索學(xué)習(xí)，滿足不同層次學(xué)生的需求、學(xué)生總結(jié)
注：課件中包含每一個(gè)操作過程的操作步驟及拓展的知識、基本任務(wù)與提高任務(wù)的效果圖。
點(diǎn)評：
教學(xué)課題“網(wǎng)頁制作”作為初中階段的最后一部分內(nèi)容，難度較大，教學(xué)的深度較難掌握。這就要教師在備教材的基礎(chǔ)上，同時(shí)還要備學(xué)生，做到對學(xué)生的情況有較為深刻地了解，以便很好地完成教學(xué)任務(wù)，達(dá)到預(yù)期的教學(xué)效果。根據(jù)教材和《中小學(xué)信息技術(shù)課程指導(dǎo)綱要（試行）》中的精神，本課應(yīng)以“任務(wù)驅(qū)動(dòng)”的方式完成，一方面教會學(xué)生了解和熟悉具體軟件的基本功能，另一方面又能主動(dòng)地掌握并深入學(xué)習(xí)思考。尋著這個(gè)思路授課教師在課前作了大量的課前準(zhǔn)備制作出了相應(yīng)的教學(xué)課件“網(wǎng)頁制作”。
一、調(diào)動(dòng)學(xué)生的學(xué)習(xí)熱情，變被動(dòng)學(xué)習(xí)為主動(dòng)學(xué)習(xí)
整個(gè)教學(xué)過程張?jiān)评蠋煵扇×恕耙龑?dǎo)加任務(wù)驅(qū)動(dòng)”的模式進(jìn)行。首先教師進(jìn)行導(dǎo)入，導(dǎo)入概念，強(qiáng)調(diào)概念；再引導(dǎo)學(xué)生學(xué)習(xí)課件的使用，引導(dǎo)他們讀懂課件中的第一個(gè)任務(wù)：建立一個(gè)只有一頁的網(wǎng)站，（此處若能引導(dǎo)學(xué)生，由學(xué)生來完成，減少老師的操作，效果會更好），然后讓學(xué)生模仿第一步的操作進(jìn)行下面內(nèi)容的學(xué)習(xí)，完成導(dǎo)學(xué)材料中給出的一個(gè)個(gè)任務(wù)。
二、突出重點(diǎn)，及時(shí)點(diǎn)評
張?jiān)评蠋熢谝龑?dǎo)學(xué)生進(jìn)行學(xué)習(xí)、操作后，就主動(dòng)地去觀察和發(fā)現(xiàn)學(xué)生中出現(xiàn)的問題，甚至于課前對可能出現(xiàn)的問題，也進(jìn)行有預(yù)見性地準(zhǔn)備；發(fā)現(xiàn)問題及時(shí)點(diǎn)評。（點(diǎn)評分為個(gè)別點(diǎn)評和全班點(diǎn)評，點(diǎn)評不等于教師將操作過程演示一遍。張?jiān)评蠋熢邳c(diǎn)評建成的網(wǎng)站時(shí)，重點(diǎn)若再突出些，介紹再清楚些，效果會更好。比如：站點(diǎn)中內(nèi)容說明不夠清楚等。）
三、發(fā)揮學(xué)生的協(xié)作學(xué)習(xí)精神
張?jiān)评蠋熢诮虒W(xué)過程中，對有困難的學(xué)生進(jìn)行個(gè)別輔導(dǎo)，同時(shí)還需發(fā)揮學(xué)生的協(xié)作學(xué)習(xí)的精神，充分調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性，讓學(xué)有余力的學(xué)生充當(dāng)“小老師”，從而體會到學(xué)習(xí)的樂趣。（整個(gè)教學(xué)過程中，這點(diǎn)做地不夠，沒有充分地讓師生互動(dòng)起來）
四、重點(diǎn)突出、目標(biāo)明確
最后，張老師在整個(gè)教學(xué)過程中，應(yīng)再突出教學(xué)重點(diǎn)，明確本節(jié)課的任務(wù)。（課前的導(dǎo)入，最好給出教學(xué)目標(biāo)，課后的小結(jié)應(yīng)讓學(xué)生總結(jié)他本堂課學(xué)習(xí)到哪些知識，所以感覺這節(jié)課重點(diǎn)不突出，內(nèi)容分散。）
五、教學(xué)效果較好
由于張?jiān)评蠋熢谡n前對本課作了大量的準(zhǔn)備工作，課件制作效果較好，所以學(xué)生完成情況很好，教學(xué)任務(wù)完成情況較好。
《網(wǎng)頁的制作》教案優(yōu)秀3
一、課程基本信息
課程編號：
中文名稱：網(wǎng)頁設(shè)計(jì)與制作
英文名稱：Web Design and Production課程類別：選修課適用專業(yè)：所有專業(yè)
開課學(xué)期：20xx—20xx第2學(xué)期總學(xué)時(shí)：24學(xué)時(shí)總學(xué)分：1課程簡介：
本課程突出網(wǎng)頁設(shè)計(jì)與制作的現(xiàn)代特點(diǎn)，從Internet的基礎(chǔ)知識入手，重點(diǎn)介紹HTML超文本標(biāo)記語言，以及所見即所得的網(wǎng)頁設(shè)計(jì)制作工具Dreamweaver的基本操作流程。從靜態(tài)頁面到動(dòng)態(tài)頁面由淺入深的介紹網(wǎng)頁設(shè)計(jì)與制作全過程。采用案例分析和親自實(shí)踐的方式突出、突破課程的'重點(diǎn)和難點(diǎn)。并指導(dǎo)每一名選課的同學(xué)為自己建一個(gè)博客網(wǎng)站，以此提高同學(xué)對網(wǎng)頁設(shè)計(jì)與制作的興趣和愛好。參考書：
1、網(wǎng)頁設(shè)計(jì)與制作教程，熊前興閔聯(lián)營，科學(xué)出版社；
2、網(wǎng)站與網(wǎng)頁設(shè)計(jì)，張貴明，清華大學(xué)出版社；
3、網(wǎng)頁美術(shù)設(shè)計(jì)原理及實(shí)戰(zhàn)策略，王曉峰焦燕，清華大學(xué)出版社；
4、網(wǎng)站建設(shè)典型案例，張梟，清華大學(xué)出版社；
二、課程教學(xué)目標(biāo)：
網(wǎng)頁和網(wǎng)站是Internet的重要組成部分，企業(yè)、公司和機(jī)構(gòu)通過網(wǎng)站來宣傳推介自己的技術(shù)和產(chǎn)品，個(gè)人發(fā)布主頁展示自己的風(fēng)采，人們從不同類型的網(wǎng)站來獲取需要的信息。因此，設(shè)計(jì)與制作網(wǎng)頁已經(jīng)成為計(jì)算機(jī)應(yīng)用技術(shù)的一個(gè)重要方面。本課程的主要教學(xué)目的是使學(xué)生掌握網(wǎng)頁設(shè)計(jì)與制作的基礎(chǔ)知識，能運(yùn)用網(wǎng)頁工具設(shè)計(jì)和制作常用網(wǎng)頁。
三、理論教學(xué)內(nèi)容與要求
第一章、網(wǎng)頁的基礎(chǔ)知識（1學(xué)時(shí)）
�。�1）Internet基礎(chǔ)知識
（2）www簡介
�。�3）網(wǎng)頁制作的技術(shù)和工具介紹
第二章、超文本編輯語言HTML（8學(xué)時(shí)）
�。�1）HTML文件的基本結(jié)構(gòu)
（2）文字和段落標(biāo)記
�。�3）列表標(biāo)記
�。�4）圖片標(biāo)記
�。�5）表格標(biāo)記
�。�6）超鏈接標(biāo)記
�。�7）表單標(biāo)記
�。�8）框架標(biāo)記
第三章、JavaScript語言（4學(xué)時(shí)）
（1）JavaScript語言簡介
�。�2）JavaScript編程基礎(chǔ)
�。�3）基于對象的JavaScript語言
（4）JavaScript程序?qū)嵗?/p>
第四章、層疊樣式表CSS（1學(xué)時(shí)）
�。�1）CSS概述
�。�2）CSS屬性
第五章、可視化網(wǎng)頁設(shè)計(jì)工具
�。�1）網(wǎng)頁的基本操作
（2）圖像、表格與超鏈接
�。�3）表單與框架
�。�4）添加網(wǎng)頁元素
�。�5）發(fā)布站點(diǎn)
第六章、動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)語言ASP（4學(xué)時(shí)）
�。�1）ASP簡介
�。�2）VBScript腳本基礎(chǔ)
�。�3）ASP的內(nèi)置對象
（4）實(shí)用文件
第七章、利用AD0訪問數(shù)據(jù)庫（1學(xué)時(shí)）
（1）數(shù)據(jù)庫的連接
�。�2）數(shù)據(jù)庫的檢索
（3）數(shù)據(jù)庫的操作
總結(jié)復(fù)習(xí)（1學(xué)時(shí)）
四、實(shí)驗(yàn)教學(xué)內(nèi)容與要求
五、作業(yè)
六、考核方式
期末考核每個(gè)同學(xué)為自己設(shè)計(jì)制作一個(gè)博客網(wǎng)站。
七、成績評定
1、自制網(wǎng)站（80%）
2、平時(shí)考勤、作業(yè)（20%）平時(shí)成績分配：
平時(shí)考勤5次，每次2分，共占10%作業(yè)5次，每次2分，共占10%
八、執(zhí)行大綱時(shí)應(yīng)注意的問題
根據(jù)學(xué)生對課程內(nèi)容的掌握和理解程度會對進(jìn)度做適當(dāng)?shù)恼{(diào)整。
【《網(wǎng)頁的制作》教案優(yōu)秀】相關(guān)文章：
(精選)網(wǎng)頁制作合同07-05
網(wǎng)頁制作合同11-08
網(wǎng)頁制作合同11-15
網(wǎng)頁制作合同[精選]11-28
(精)網(wǎng)頁制作合同02-26
網(wǎng)頁制作協(xié)議02-20
(精品)網(wǎng)頁制作合同01-14