- 相關(guān)推薦
《網(wǎng)頁(yè)的制作》教案
作為一位無(wú)私奉獻的人民教師，很有必要精心設計一份教案，編寫(xiě)教案助于積累教學(xué)經(jīng)驗，不斷提高教學(xué)質(zhì)量。那么大家知道正規的教案是怎么寫(xiě)的嗎？下面是小編整理的《網(wǎng)頁(yè)的制作》教案，僅供參考，大家一起來(lái)看看吧。
《網(wǎng)頁(yè)的制作》教案1
一、教學(xué)目標
1、知道站點(diǎn)、主頁(yè)的概念，能在指定位置建立只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)；
2、認識FRONTPAGE的界面；
3、掌握在主頁(yè)中插入文字、圖片、水平線(xiàn)；
4、掌握頁(yè)面文件與圖片的保存。
二、教學(xué)重點(diǎn)
1、能在指定位置建立只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)（難點(diǎn)）
2、能在頁(yè)面中插入文字、圖片、水平線(xiàn)
3、掌握頁(yè)面文件與圖片的保存（難點(diǎn)）
三、學(xué)情分析
學(xué)生已經(jīng)學(xué)習了WORD、POWERPOINT與上網(wǎng)瀏覽信息，對計算機的基本操作（WORD中文檔的編輯，網(wǎng)頁(yè)的瀏覽等）比較熟練。這使得學(xué)生主動(dòng)探索、自主學(xué)習成為可能。每位學(xué)生必須完成基本任務(wù)，有能力的學(xué)生還可以完成提高篇的學(xué)習，以充分發(fā)揮學(xué)生的積極性與自主性。
四、教學(xué)方法
在教學(xué)中，一方面采用比較教學(xué)的方法，促進(jìn)學(xué)生知識的遷移；另一方面，提供學(xué)生一個(gè)導學(xué)課件，讓學(xué)生根據這個(gè)網(wǎng)絡(luò )環(huán)境下的課件自己探索學(xué)習，以滿(mǎn)足不同層次學(xué)生的需求。
五、教學(xué)過(guò)程設計
教師活動(dòng)：1、引入課題：（激發(fā)興趣，活躍氣氛）
同學(xué)們喜不喜歡上網(wǎng)？經(jīng)常上新浪、西祠胡同等，有沒(méi)有同學(xué)知道新浪、西祠胡同稱(chēng)做什么？（網(wǎng)站）
瀏覽新浪網(wǎng)站，瀏覽的第一個(gè)頁(yè)面稱(chēng)為什么？（主頁(yè)）
我們還可以瀏覽其它的頁(yè)面，點(diǎn)擊超鏈接瀏覽，當鼠標變成手指的形狀時(shí)有超鏈接。
問(wèn)題1：網(wǎng)站是不是就是網(wǎng)頁(yè)？用自己的語(yǔ)言描述一下網(wǎng)站的概念（網(wǎng)站包含多個(gè)網(wǎng)頁(yè)，通過(guò)超鏈接把不同的頁(yè)面鏈接起來(lái)）
問(wèn)題2：網(wǎng)頁(yè)是不是就是主頁(yè)？（第一個(gè)頁(yè)面稱(chēng)為主頁(yè)，網(wǎng)站設計者可以確定哪一個(gè)是主頁(yè)，主頁(yè)的文件名一般為：，主頁(yè)也是網(wǎng)頁(yè)）
設計網(wǎng)站一般必須經(jīng)過(guò)兩個(gè)步驟，首先是在計算機里做好，然后發(fā)布在internet上，讓所有的人訪(fǎng)問(wèn)瀏覽。
今天我們學(xué)習用Frontpage建立站點(diǎn)，制作一個(gè)主頁(yè)。
先來(lái)研究一下沒(méi)有發(fā)布的網(wǎng)站，打開(kāi)教師做的網(wǎng)站
問(wèn)：同學(xué)們看到了什么？（文件夾）
總結：
可以這樣理解網(wǎng)站：在資源管理器里，網(wǎng)站表現為一個(gè)文件夾，里面存放的是所有與網(wǎng)站相關(guān)的文件。
打開(kāi)主頁(yè)，瀏覽頁(yè)面，這是老師做的一個(gè)導學(xué)課件，將幫助大家完成學(xué)習任務(wù)。
請學(xué)生瀏覽教師課件，了解學(xué)習任務(wù)
2、新建站點(diǎn)
FP的啟動(dòng)
問(wèn)：與word比較，有什么不同？
�。ㄔ黾恿艘晥D區，編輯區有三個(gè)窗口）
總結：
視圖區：多種視圖模式是為了方便網(wǎng)站的管理。制作網(wǎng)頁(yè)時(shí)，必須在網(wǎng)頁(yè)視圖中編輯頁(yè)面
普通窗口：鼠標在閃動(dòng)，可編輯、修改頁(yè)面，所見(jiàn)即所得的方式
預覽窗口：瀏覽器中出現的效果，與PowerPoint中的“放映幻燈片”類(lèi)似。
Html窗口：編寫(xiě)HTML（超文本標記語(yǔ)言，它是描述網(wǎng)頁(yè)內容和外觀(guān)的標準。）
打開(kāi)導學(xué)軟件，根據步驟，示范建立只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)，強調新站點(diǎn)的位置、路徑的正確輸入，站點(diǎn)的名稱(chēng)。
�。ń虝�(huì )學(xué)生利用導學(xué)課件，根據導學(xué)軟件完成任務(wù)）
任務(wù)1：學(xué)生根據導學(xué)課件，在d：建立自己站點(diǎn)
教師巡視指導
請一位學(xué)生示范如何建立站點(diǎn)，教師總結
問(wèn)：在文件夾列表中看到了什么？
分析多出的文件夾列表欄，多了一個(gè)文件夾，里面有兩個(gè)子文件夾和主頁(yè)，圖片存放在images文件夾中）
3、編輯主頁(yè)與保存主頁(yè)
看效果圖，請學(xué)生分析主頁(yè)中的元素
總結：鮮明的主題，如：我的世界、我的寵物等，有分割頁(yè)面的水平線(xiàn)，與主題相關(guān)的圖片，對網(wǎng)站的簡(jiǎn)單介紹
根據導學(xué)軟件，學(xué)生完成任務(wù)2：設計主頁(yè)、保存主頁(yè)與圖片
教師巡視指導
4、總結反饋
請學(xué)生示范，講解如何插入圖片（來(lái)自剪貼畫(huà)與來(lái)自文件）、插入水平線(xiàn)，如何保存
總結：必須切換到“普通”窗口下編輯
主頁(yè)的保存中存在問(wèn)題：
單擊“文件”————“保存”或工具欄的“保存”按扭，彈出一個(gè)對話(huà)框，保存嵌入式文件，改變文件夾，圖片必須保存在本站點(diǎn)images文件夾中，便于站點(diǎn)的管理。
5、請學(xué)生繼續完成自己的主頁(yè)，有能力的同學(xué)完成提高篇
教師巡視指導
6、教師與學(xué)生共同評價(jià)總結
展示學(xué)生作品，教師與學(xué)生共同評價(jià)
請學(xué)生總結今天的學(xué)習內容：建立包含一個(gè)頁(yè)面的站點(diǎn)，主頁(yè)的設計與保存。
學(xué)生活動(dòng)：學(xué)生回答問(wèn)題、學(xué)觀(guān)察鼠標指針、學(xué)生回答問(wèn)題、學(xué)生觀(guān)察網(wǎng)站的表現形式、齊聲回答、學(xué)生瀏覽課件，并了解本節課的學(xué)習任務(wù)、學(xué)生觀(guān)察FP界面與word的不同、學(xué)生回答、學(xué)生觀(guān)察教師演示不同編輯窗口的區別。學(xué)生上機操作，在指定位置建立自己站點(diǎn)、請先做好的學(xué)生當小老師，輔導其它學(xué)生。學(xué)生回答、學(xué)生操作，同桌互相幫助，并參考教師做的課件，利用網(wǎng)絡(luò )環(huán)境下的課件自己探索學(xué)習，滿(mǎn)足不同層次學(xué)生的需求、學(xué)生總結
注：課件中包含每一個(gè)操作過(guò)程的'操作步驟及拓展的知識、基本任務(wù)與提高任務(wù)的效果圖。
點(diǎn)評：
教學(xué)課題“網(wǎng)頁(yè)制作”作為初中階段的最后一部分內容，難度較大，教學(xué)的深度較難掌握。這就要教師在備教材的基礎上，同時(shí)還要備學(xué)生，做到對學(xué)生的情況有較為深刻地了解，以便很好地完成教學(xué)任務(wù)，達到預期的教學(xué)效果。根據教材和《中小學(xué)信息技術(shù)課程指導綱要（試行）》中的精神，本課應以“任務(wù)驅動(dòng)”的方式完成，一方面教會(huì )學(xué)生了解和熟悉具體軟件的基本功能，另一方面又能主動(dòng)地掌握并深入學(xué)習思考。尋著(zhù)這個(gè)思路授課教師在課前作了大量的課前準備制作出了相應的教學(xué)課件“網(wǎng)頁(yè)制作”。
一、調動(dòng)學(xué)生的學(xué)習熱情，變被動(dòng)學(xué)習為主動(dòng)學(xué)習
整個(gè)教學(xué)過(guò)程張云老師采取了“引導加任務(wù)驅動(dòng)”的模式進(jìn)行。首先教師進(jìn)行導入，導入概念，強調概念；再引導學(xué)生學(xué)習課件的使用，引導他們讀懂課件中的第一個(gè)任務(wù)：建立一個(gè)只有一頁(yè)的網(wǎng)站，（此處若能引導學(xué)生，由學(xué)生來(lái)完成，減少老師的操作，效果會(huì )更好），然后讓學(xué)生模仿第一步的操作進(jìn)行下面內容的學(xué)習，完成導學(xué)材料中給出的一個(gè)個(gè)任務(wù)。
二、突出重點(diǎn)，及時(shí)點(diǎn)評
張云老師在引導學(xué)生進(jìn)行學(xué)習、操作后，就主動(dòng)地去觀(guān)察和發(fā)現學(xué)生中出現的問(wèn)題，甚至于課前對可能出現的問(wèn)題，也進(jìn)行有預見(jiàn)性地準備；發(fā)現問(wèn)題及時(shí)點(diǎn)評。（點(diǎn)評分為個(gè)別點(diǎn)評和全班點(diǎn)評，點(diǎn)評不等于教師將操作過(guò)程演示一遍。張云老師在點(diǎn)評建成的網(wǎng)站時(shí)，重點(diǎn)若再突出些，介紹再清楚些，效果會(huì )更好。比如：站點(diǎn)中內容說(shuō)明不夠清楚等。）
三、發(fā)揮學(xué)生的協(xié)作學(xué)習精神
張云老師在教學(xué)過(guò)程中，對有困難的學(xué)生進(jìn)行個(gè)別輔導，同時(shí)還需發(fā)揮學(xué)生的協(xié)作學(xué)習的精神，充分調動(dòng)學(xué)生學(xué)習的積極性，讓學(xué)有余力的學(xué)生充當“小老師”，從而體會(huì )到學(xué)習的樂(lè )趣。（整個(gè)教學(xué)過(guò)程中，這點(diǎn)做地不夠，沒(méi)有充分地讓師生互動(dòng)起來(lái)）
四、重點(diǎn)突出、目標明確
最后，張老師在整個(gè)教學(xué)過(guò)程中，應再突出教學(xué)重點(diǎn)，明確本節課的任務(wù)。（課前的導入，最好給出教學(xué)目標，課后的小結應讓學(xué)生總結他本堂課學(xué)習到哪些知識，所以感覺(jué)這節課重點(diǎn)不突出，內容分散。）
五、教學(xué)效果較好
由于張云老師在課前對本課作了大量的準備工作，課件制作效果較好，所以學(xué)生完成情況很好，教學(xué)任務(wù)完成情況較好。
《網(wǎng)頁(yè)的制作》教案2
學(xué)習目標:
制作框架網(wǎng)頁(yè)、在網(wǎng)頁(yè)中插入字幕和超鏈接知識
1.制作框架網(wǎng)頁(yè)
框架網(wǎng)頁(yè)是一種特殊的HTML網(wǎng)頁(yè)，它將窗口劃分成若干小窗口區域（框架）。每個(gè)框架獨立顯示一個(gè)不同的網(wǎng)頁(yè)（有自己的網(wǎng)頁(yè)名字），整個(gè)框架網(wǎng)頁(yè)有一個(gè)總的名字。
框架與表格在組織網(wǎng)頁(yè)結構時(shí)相似。表格是對頁(yè)面區域進(jìn)行劃分，框架是對整個(gè)瀏覽窗口進(jìn)行劃分。
·創(chuàng )建框架網(wǎng)頁(yè)：?jiǎn)螕舨藛巍拔募薄靶陆ā薄熬W(wǎng)頁(yè)”，選擇“框架網(wǎng)頁(yè)”標簽→選擇“嵌套式層次結構”
·選中的框架邊框為藍色，在拆分或刪除框架時(shí)應注意是否選中。
·隱藏框架間的橫線(xiàn)：
右擊框架網(wǎng)頁(yè)→單擊“框架屬性”→在對話(huà)框中單擊“框架網(wǎng)頁(yè)”按鈕，在“網(wǎng)頁(yè)屬性”對話(huà)框中選“框架”標簽→設置“顯示邊框”為未選中狀態(tài)。
·按住Ctrl鍵，拖動(dòng)鼠標可以快速拆分框架。
·刪除框架：?jiǎn)螕舨藛巍翱蚣堋薄皠h除框架”。
·保存框架網(wǎng)頁(yè)時(shí)注意要保存所涉及到的所有網(wǎng)頁(yè)。
·更改框架鏈接的網(wǎng)頁(yè)：
右擊相應的超鏈接→在彈出的快捷菜單上選擇“超鏈接屬性”命令，打開(kāi)“編輯超鏈接”對話(huà)框
→可直接選擇列出的文件，或在“URL”框中輸入網(wǎng)頁(yè)的地址
→單擊“目標框架”右邊的“更改目標框架”按鈕，在“當前框架網(wǎng)頁(yè)”中選擇目標框架。
2.網(wǎng)頁(yè)中插入字幕
·插入字幕：光標定位插入點(diǎn)→單擊“插入”→“組件”→“字幕”打開(kāi)“字幕屬性”對話(huà)框；
→在文本框中輸入文字，選擇“方向”、“速度”、“表現方式”等；
→選中字幕，拖動(dòng)鼠標，調節字幕運動(dòng)范圍。
·修改字幕：雙擊字幕，可以打開(kāi)“字幕屬性”對話(huà)框，對字幕屬性進(jìn)行修改。
3.超鏈接相關(guān)網(wǎng)頁(yè)
超鏈接是從一個(gè)網(wǎng)頁(yè)指向另一個(gè)目標的連接。一般在網(wǎng)頁(yè)中的'某文字或圖片上設置超鏈接。
·創(chuàng )建超鏈接：?jiǎn)螕粑淖只驁D片→“常用”工具欄的“超鏈接”按鈕，打開(kāi)“創(chuàng )建超鏈接”對話(huà)框。
·取消超鏈接：選中具有超鏈接的文本或圖片，單擊“超鏈接”按鈕，在打開(kāi)的對話(huà)框中將URL欄中的內容刪除。
·跟蹤超鏈接：
在超鏈接上右擊，在打開(kāi)的快捷菜單上選擇“跟蹤超鏈接”命令；
或：在普通視圖中，按住Ctrl鍵，將光標移到超鏈接上，單擊，會(huì )跟蹤連接到超鏈接指向的目的位置。
·設置超鏈接文本的顏色：網(wǎng)頁(yè)中超鏈接文本的顏色共有3種：未訪(fǎng)問(wèn)過(guò)的，當前正在訪(fǎng)問(wèn)的，已訪(fǎng)問(wèn)過(guò)的。FrontPage默認這3種顏色分別為藍色，紅色、深藍色。單擊“格式”→“背景”→在“網(wǎng)頁(yè)屬性”對話(huà)框→選“背景”標簽，選定“超鏈接”、“已訪(fǎng)問(wèn)過(guò)的超鏈接”、“當前超鏈接”的顏色。
作業(yè)：
新建框架網(wǎng)頁(yè)，建立超鏈接，在網(wǎng)頁(yè)中插入字幕。7.2制作網(wǎng)頁(yè)（框架）這一教案
《網(wǎng)頁(yè)的制作》教案3
一、教材分析
首頁(yè)之外的其他網(wǎng)頁(yè)在結構上很相似，為了給這些網(wǎng)站增加一些亮點(diǎn)，故在網(wǎng)頁(yè)中插入了交互式按鈕，交互式按鈕不僅具有超鏈接功能，在使用過(guò)程中還會(huì )發(fā)生變化，更能引起學(xué)生的學(xué)習興趣。
二、教學(xué)目標
1、知識性目標
�。�1）了解交互式按鈕的功能；
�。�2）了解計算機主機包括的部件；
�。�3）了解網(wǎng)頁(yè)動(dòng)態(tài)效果。
2、技能性目標
�。�1）會(huì )設置網(wǎng)頁(yè)的目錄；
�。�2）學(xué)會(huì )插入、修改交互式按鈕；
�。�3）學(xué)會(huì )復制表格。
3、情感性目標
�。�1）加深對計算機硬件的認識；
�。�2）培養學(xué)生分工協(xié)作的.精神。
三、教學(xué)重、難點(diǎn)
1、教學(xué)重點(diǎn)
�。�1）交互式按鈕的功能；
�。�2）插入、修改交互式按鈕。
2、教學(xué)重點(diǎn)
�。�1）交互式按鈕；
�。�2）復制表格。
四、教學(xué)準備
制作一個(gè)具有幾個(gè)漂亮交互式按鈕的網(wǎng)頁(yè)。
五、教學(xué)過(guò)程
1、導入
教師：現在我們的首頁(yè)已經(jīng)做好了，可是其他的網(wǎng)頁(yè)還沒(méi)做，但是一節課內無(wú)法做太多的，今天呀我們就來(lái)學(xué)習制作“主機”網(wǎng)頁(yè)吧！其余的以后在做。
2、學(xué)習新課。
�。�1）指導學(xué)生用表格布局；
教師：用表格對網(wǎng)頁(yè)進(jìn)行布局方法，前一堂課我們學(xué)習了，現在就請同學(xué)們，對照課本用表格給“主機”網(wǎng)頁(yè)進(jìn)行設置。
學(xué)生看書(shū)練習。
�。�2）指導學(xué)生學(xué)習插入交互式按鈕；
教師：在網(wǎng)頁(yè)內經(jīng)常會(huì )插入具有超鏈接功能的按鈕，單擊這些按鈕，便可打開(kāi)其他網(wǎng)頁(yè)，請同學(xué)們看下面具有交互式按鈕的網(wǎng)頁(yè)。
屏幕展示。
教師：下面我們就來(lái)學(xué)習如何制作交互式按鈕。
教師示范講解，學(xué)生觀(guān)察。
學(xué)生練習、老師巡視指導。
3、鞏固練習。
請同學(xué)們試著(zhù)完成書(shū)中本課的“試一試”中的練習，在遇到困難時(shí)可小組同學(xué)相互幫助，也可以舉手問(wèn)老師。
4、總結評價(jià)。
教師總結后，請同學(xué)根據自己掌握的知識情況和收獲，在本節課的“評一評”中打上自己的成績(jì)。
【《網(wǎng)頁(yè)的制作》教案】相關(guān)文章：
《網(wǎng)頁(yè)制作入門(mén)》說(shuō)課稿01-08
dreamweaver網(wǎng)頁(yè)制作 HTML的語(yǔ)法說(shuō)課稿11-04
簡(jiǎn)單網(wǎng)頁(yè)制作課前說(shuō)課11-11
網(wǎng)頁(yè)制作教學(xué)設計7篇12-06
利用網(wǎng)頁(yè)制作 培養學(xué)生創(chuàng )造力12-06
制作魚(yú)教案01-30
蘇科版小學(xué)信息技術(shù)說(shuō)課稿 網(wǎng)頁(yè)制作11-02
花束制作教案03-18