- 相關(guān)推薦
《網(wǎng)頁制作》教學(xué)設(shè)計(jì)(精選8篇)
作為一名優(yōu)秀的教育工作者,通常會被要求編寫教學(xué)設(shè)計(jì),借助教學(xué)設(shè)計(jì)可以提高教學(xué)質(zhì)量,收到預(yù)期的教學(xué)效果。那么寫教學(xué)設(shè)計(jì)需要注意哪些問題呢?下面是小編整理的《網(wǎng)頁制作》教學(xué)設(shè)計(jì),歡迎閱讀與收藏。
《網(wǎng)頁制作》教學(xué)設(shè)計(jì) 篇1
一、教材或教學(xué)內(nèi)容分析
本章內(nèi)容在本教材中的位置處于第五章,是在文字處理(Word2000)和網(wǎng)絡(luò)基礎(chǔ)及因特網(wǎng)應(yīng)用兩章之后。學(xué)生所學(xué)的文字處理軟件Word和將要學(xué)習(xí)的網(wǎng)頁制作軟件Frontpage同是Microsoft公司的產(chǎn)品,在軟件的使用上有很多的共通之處,所以在學(xué)習(xí)frontpage的時(shí)候,很多內(nèi)容可以讓學(xué)生自學(xué),而不必面面俱到地在課上講授。而第四章網(wǎng)絡(luò)基礎(chǔ)及因特網(wǎng)的應(yīng)用又為學(xué)生對網(wǎng)頁的理解奠定了基礎(chǔ),學(xué)生對網(wǎng)頁中的基本元素——文字、圖片、動畫、聲音等都有所了解,而網(wǎng)頁的制作就是將這些元素重新組合到網(wǎng)頁上,學(xué)生要學(xué)的就是這種組合的方法。所以說,雖然大多數(shù)學(xué)生以前都未接觸過網(wǎng)頁的制作,但有了以上這些基礎(chǔ),學(xué)起來就輕松多了。
本章內(nèi)容按照學(xué)生已有的基礎(chǔ),我對教學(xué)內(nèi)容分了一下類,也為教學(xué)的組織工作打下一點(diǎn)基礎(chǔ)。本章內(nèi)容主要由網(wǎng)頁基礎(chǔ)知識、網(wǎng)站的建立和管理、網(wǎng)頁的制作、創(chuàng)建超鏈接、圖片的處理、網(wǎng)頁框架。
重點(diǎn)是網(wǎng)頁的制作和創(chuàng)建超鏈接,學(xué)會了這些就可以開始簡單的網(wǎng)頁制作了。
難點(diǎn)是網(wǎng)頁框架,這部分相互之間關(guān)系比較復(fù)雜,必要時(shí),老師在對各組個(gè)別輔導(dǎo)時(shí),可以給予分別講解。 這個(gè)分類可以為組長安排各個(gè)組員的任務(wù)提供參考,使分工更加合理。
二、教學(xué)對象的分析
信息技術(shù)課雖然已經(jīng)成為初中的必修科目,但是城鄉(xiāng)學(xué)生之間掌握情況的差異卻相當(dāng)大,條件好一點(diǎn)的初中學(xué)生不僅已經(jīng)熟練掌握了課本上的內(nèi)容,還對一些常用軟件有所了解;而差一點(diǎn)的可以說是從高中開始才正式接觸到信息技術(shù)知識的學(xué)習(xí),他們需要多鍛煉、多指導(dǎo),所以協(xié)作學(xué)習(xí)對學(xué)生的學(xué)習(xí)幫助很大。
三、教學(xué)策略的選擇及媒體的使用
在教學(xué)策略的選擇上,我使用的是任務(wù)驅(qū)動和協(xié)作學(xué)習(xí)相結(jié)合的方法。
任務(wù)驅(qū)動就是要求本章內(nèi)容學(xué)習(xí)完之后,每個(gè)小組都要完成自己班級網(wǎng)站的制作,并在全班進(jìn)行評比,選擇最好的作為班級主頁掛到學(xué)校主頁上去,這有助于激發(fā)學(xué)生參與學(xué)習(xí)的積極性。
協(xié)作學(xué)習(xí)則是讓學(xué)生在學(xué)習(xí)過程中互幫互助,用較短的時(shí)間、教少的精力學(xué)到更多的東西,完成一個(gè)集體項(xiàng)目,讓他們在學(xué)習(xí)之后獲得成就感。因此在媒體的選擇上,我們使用的.是TOP2000系統(tǒng)。TOP2000系統(tǒng)有利于教師進(jìn)行分組教學(xué)和學(xué)生作品的點(diǎn)評及成果的展示。教學(xué)過程開始之前,教師把學(xué)生按座位分成四組,每個(gè)組都按學(xué)生對計(jì)算機(jī)的掌握程度平均分配,保證每個(gè)組都有計(jì)算機(jī)操作方面比較突出的,也有相對比較差的,使其形成能夠互幫互助的學(xué)習(xí)小組。并由他們自己選出組長各一名,然后由組長根據(jù)組員的情況,確定在班級主頁制作過程中主要完成什么任務(wù),也就是說起到一個(gè)組織者的作用。做過網(wǎng)頁的人都知道,做網(wǎng)頁是一項(xiàng)比較費(fèi)時(shí)的工作,而要學(xué)生在較短的時(shí)間內(nèi)制作出像樣的網(wǎng)頁是比較困難的,而在這個(gè)過程中,網(wǎng)頁的設(shè)計(jì)占去了相當(dāng)多的一部分時(shí)間,組長把任務(wù)分到各組員頭上以后,組員就可根據(jù)自己要完成的任務(wù)相對集中的做某方面的工作,做完以后,組員之間進(jìn)行經(jīng)驗(yàn)交流,告訴組員自己的網(wǎng)頁是如何制作出來的,在完成自己的網(wǎng)頁后,再重復(fù)一遍制作過程花費(fèi)的時(shí)間的不多的。這樣,其他組員就可在較短的時(shí)間之內(nèi)掌握比較先進(jìn)的網(wǎng)頁制作方法,而不必再花那么多時(shí)間去探索。因?yàn)槊课唤M員都必須自己完成一個(gè)任務(wù),所以在這個(gè)過程中,也同樣有自己探索學(xué)習(xí)的機(jī)會和介紹自己經(jīng)驗(yàn)的機(jī)會,使組內(nèi)的每個(gè)學(xué)生都在學(xué)習(xí)中獲得成就感。
四、教學(xué)過程
教學(xué)進(jìn)程
教師活動
學(xué)生活動
1、課前準(zhǔn)備
課前將本章內(nèi)容的基本結(jié)構(gòu)、內(nèi)容的歸類、網(wǎng)頁基礎(chǔ)知識、網(wǎng)頁素材做成一個(gè)網(wǎng)站,供學(xué)生參考,網(wǎng)站上的內(nèi)容可根據(jù)學(xué)生以后在學(xué)習(xí)中的要求添加。根據(jù)學(xué)生對已有的網(wǎng)頁制作的情況進(jìn)行分組。
學(xué)生根據(jù)自己的分組情況選出組織能力較強(qiáng)、計(jì)算機(jī)水平較高的人做組長,協(xié)作小組形成。
2、教師布置任務(wù),作必要講解
第一節(jié)課,教師簡單介紹網(wǎng)頁基礎(chǔ)知識,并給各小組布置任務(wù)——用下面的時(shí)間完成班級網(wǎng)頁的制作,并對組長進(jìn)行本章基本內(nèi)容及本章內(nèi)容的分類的介紹,讓他們對本章內(nèi)容有總體上的把握。
在教師對網(wǎng)頁基礎(chǔ)知識講解的基礎(chǔ)上,瀏覽教師制作的網(wǎng)站,繼續(xù)學(xué)習(xí);
課后各組設(shè)計(jì)自己的班級主頁,組長根據(jù)網(wǎng)站上教師對本章內(nèi)容的分類給學(xué)生布置任務(wù)。
3、教師指導(dǎo)分工情況,學(xué)生開始自主學(xué)習(xí)
第二節(jié)課教師對組長對全組的分工情況給予檢查,提出意見和建議。
學(xué)生根據(jù)分工制作網(wǎng)頁,學(xué)習(xí)可以跟著課本上自學(xué),也可根據(jù)以前學(xué)習(xí)Word的經(jīng)驗(yàn)自己摸索制作過程,不懂之處可向會的同學(xué)請教,還可以相互之間討論,在網(wǎng)頁的設(shè)計(jì)方面也可以相互之間多商量,發(fā)揚(yáng)互幫互助的精神。
4、學(xué)生自主學(xué)習(xí),教師指導(dǎo)、監(jiān)督
下面三節(jié)課,老師在每組各用10分鐘時(shí)間檢查他們上節(jié)課的網(wǎng)頁制作情況,并對他們碰到的問題給予提示或解決,起指導(dǎo)和監(jiān)督作用。
學(xué)生繼續(xù)學(xué)習(xí)、制作網(wǎng)頁。
五、階段總結(jié)
四節(jié)課的制作以后,各組員所制作的網(wǎng)頁都初見雛形,所以教師組織一堂課,由各組展示自己的作品。教師在學(xué)生評講完后,給予總結(jié)。
各組分別展示自己的作品,其他組對他們可以提出意見或建議,也可從其他組的學(xué)到好的創(chuàng)意。由組長在課后寫一份階段總結(jié),從而指導(dǎo)以后的工作。
六、學(xué)生自主學(xué)習(xí),教師指導(dǎo)、監(jiān)督
下面四節(jié)課,老師仍然對每組各花10分鐘時(shí)間輪流檢查他們上節(jié)課的網(wǎng)頁制作情況,并對他們碰到的問題給予提示或解決,起指導(dǎo)和監(jiān)督作用。
學(xué)生繼續(xù)學(xué)習(xí)、制作網(wǎng)頁。
七、各組將內(nèi)容匯總,形成班級主頁
教師對各組出現(xiàn)的問題提出建議或意見。
組長或組長安排人將各組的主頁進(jìn)行匯總,形成一個(gè)完整的班級主頁,對欠缺的地方進(jìn)行修補(bǔ)。
八、班級網(wǎng)站制作完成,展示與總結(jié)
老師請其他信息技術(shù)教師來做評委,對各組做的網(wǎng)站提出意見或建議,評出最佳網(wǎng)站、最佳創(chuàng)意等獎,讓大家的付出都有所收獲。
各組分別展示自己組所制作的班級主頁。
課后:
大家集中各組的優(yōu)勢,將班級主頁完成,掛到學(xué)校主頁上。
《網(wǎng)頁制作》教學(xué)設(shè)計(jì) 篇2
一、教學(xué)目標(biāo):
1、知識與技能:
。1)了解框架結(jié)構(gòu)網(wǎng)頁的概念及在網(wǎng)頁中的作用,了解它與表格網(wǎng)頁的區(qū)別。
(2)掌握框架結(jié)構(gòu)網(wǎng)頁的建立、框架結(jié)構(gòu)的拆分、框架的刪除等。
。3)掌握框架中頁面設(shè)置及保存的方法,如設(shè)置初始網(wǎng)頁按鈕、新建網(wǎng)頁按鈕等。
2、過程與方法:
。1)能夠區(qū)分框架結(jié)構(gòu)屬性設(shè)置與網(wǎng)頁屬性設(shè)置的不同點(diǎn)。
。2)通過框架結(jié)構(gòu)網(wǎng)頁設(shè)計(jì),使學(xué)生對網(wǎng)頁的整體結(jié)構(gòu)有更進(jìn)一步的認(rèn)識。
3、情感態(tài)度與價(jià)值觀:
(1)能夠?qū)⒈砀衽c框架結(jié)構(gòu)網(wǎng)頁結(jié)合使用,在創(chuàng)作中體驗(yàn)樂趣。
。2)培養(yǎng)學(xué)生網(wǎng)頁設(shè)計(jì)的審美意識、創(chuàng)新意識。
二、教學(xué)重點(diǎn)難點(diǎn):
1、教學(xué)重點(diǎn):
。1)框架網(wǎng)頁的作用和功能,框架的建立與屬性設(shè)置。
(2)框架中各個(gè)頁面之間的關(guān)聯(lián),每個(gè)框中頁面的設(shè)置方法。
。3)框架網(wǎng)頁的保存方法。
2、教學(xué)難點(diǎn):
(1)框架結(jié)構(gòu)網(wǎng)頁中框架屬性與頁面屬性的`設(shè)置方法。
。2)理解框架結(jié)構(gòu)的多頁面存儲方法及各頁面之間的關(guān)聯(lián)。
三、教學(xué)過程:
1、創(chuàng)設(shè)情境、導(dǎo)入新課
。1)教師展示一組表格制作的網(wǎng)頁,引導(dǎo)學(xué)生找出它們的共同特點(diǎn)。并提問如何快捷地制作這種網(wǎng)頁(學(xué)生回答:使用復(fù)制、粘貼快捷地制作)。
(2)教師又提問:有沒有更好的方法呢?相同的區(qū)域我們能否只做一遍呢?從而導(dǎo)入新課——框架網(wǎng)頁的制作。
設(shè)計(jì)意圖:通過對比、比較,引導(dǎo)學(xué)生思考,激發(fā)學(xué)生學(xué)習(xí)的樂趣。
2、任務(wù)驅(qū)動、自主學(xué)習(xí)
。1)教師展示一個(gè)框架網(wǎng)頁,引導(dǎo)學(xué)生理解框架網(wǎng)頁的概念。
。2)出示任務(wù)一:框架網(wǎng)頁的新建與保存。教師要求學(xué)生先閱讀教材中的操作步驟,再嘗試完成書本第227頁的實(shí)踐學(xué)習(xí)。
。3)教師講解框架結(jié)構(gòu)中的每個(gè)框都是一個(gè)獨(dú)立的選項(xiàng)文件,即網(wǎng)頁文件,因此當(dāng)框架確定之后,需要為每個(gè)框分別指定其網(wǎng)頁文件的來源,可以通過每個(gè)框中的“新建網(wǎng)頁”按鈕和“設(shè)置初始網(wǎng)頁”按鈕進(jìn)行選擇。
。4)學(xué)生理解框架網(wǎng)頁的概念,通過閱讀教材中的內(nèi)容,自學(xué)新建框架網(wǎng)頁的操作,初步了解“新建網(wǎng)頁”和“設(shè)置初始網(wǎng)頁”兩個(gè)按鈕的不同,并認(rèn)真聆聽教師的講解,注意觀察,按要求模仿操作。
(5)出示任務(wù)二:相關(guān)頁面的制作與設(shè)置。教師要求學(xué)生先閱讀教材中的操作步驟,再嘗試完成書本第228、229頁的實(shí)踐學(xué)習(xí)。
(6)學(xué)生制作相關(guān)頁面,同時(shí)也是對前面所學(xué)內(nèi)容的復(fù)習(xí)和回顧。教師反饋學(xué)生的操作情況,開展評比活動,對表現(xiàn)好的學(xué)生給與表揚(yáng)。
。7)出示任務(wù)三:框架網(wǎng)頁屬性的設(shè)置。學(xué)生自主探究學(xué)習(xí),有問題可向教師尋求幫助。教師基礎(chǔ)扎實(shí)的同學(xué)完成任務(wù)后可進(jìn)行拓展學(xué)習(xí)。
(8)教師請學(xué)生示范操作,并說明自己設(shè)置的方法和原因。同時(shí)鼓勵(lì)做的比較好的學(xué)生。
設(shè)計(jì)意圖:培養(yǎng)學(xué)生的自主學(xué)習(xí)能力,對于課堂教學(xué)難點(diǎn),學(xué)生在教師的講解后模仿操作,有效突破難點(diǎn)。
3、展示作品、課堂小結(jié)
。1)教師給出一些常見的框架結(jié)構(gòu)應(yīng)用界面,如Web郵箱頁面等,引導(dǎo)學(xué)生總結(jié)本課內(nèi)容,并讓學(xué)生分組,推進(jìn)一些優(yōu)秀作品在全班展示。
。2)教師點(diǎn)評,并鼓勵(lì)完成作品比較好的學(xué)生。
設(shè)計(jì)意圖:拓展學(xué)生的視野,使學(xué)生了解框架的應(yīng)用方法。展示優(yōu)秀作品鼓勵(lì)學(xué)生,激發(fā)學(xué)生的創(chuàng)作欲望。
四、教學(xué)反思:
1、本節(jié)課是在學(xué)習(xí)完簡單網(wǎng)頁、表格布局網(wǎng)頁、交互式網(wǎng)頁的基礎(chǔ)上,進(jìn)一步頁的設(shè)計(jì)方法。由于學(xué)生已經(jīng)具備了一定的網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識與技能,所以教師可以根據(jù)學(xué)生的實(shí)際情況,采用更靈活
的教學(xué)方法。教師可以簡單介紹框架結(jié)構(gòu)網(wǎng)頁的功能及框架的建立與編輯方法,以及框架屬性設(shè)置與網(wǎng)頁屬性設(shè)置的方法與區(qū)別。然后由學(xué)生根據(jù)教師提供的學(xué)案及演示動畫,完成框架網(wǎng)頁設(shè)計(jì)任務(wù)。
《網(wǎng)頁制作》教學(xué)設(shè)計(jì) 篇3
教學(xué)目標(biāo):
1、讓學(xué)生掌握在網(wǎng)頁中插入表格的方法以及表格的修改
2、學(xué)會利用表格來規(guī)劃網(wǎng)頁
3、培養(yǎng)學(xué)生創(chuàng)新的能力以及動手操作的能力
教學(xué)重、難點(diǎn):
利用表格來規(guī)劃網(wǎng)頁,從中培養(yǎng)學(xué)生的創(chuàng)新能力
教學(xué)過程:
一、情境導(dǎo)入
同學(xué)們你們善于觀察嗎?老師先考考你們,我們一起來看一組圖片,你們看看在那里看過呢?學(xué)校緩臺的窗臺上。你們的觀察能力真的很強(qiáng)啊,對,這些都是我們學(xué)校美術(shù)的特色作口,盤畫。其實(shí),我們做過很多作品:有手工作品,語文課中的作文、書法等都是作品,這節(jié)課我們以繪畫作口品為例,做一個(gè)學(xué)習(xí)園地網(wǎng)頁,把我們的作品展示到自己的班級網(wǎng)站中,以便我們更好的努力學(xué)習(xí),F(xiàn)在我們就一起來制作吧!
二、新知探究
首先我們來打開上節(jié)課的班級網(wǎng)站,在這個(gè)網(wǎng)站中新建一個(gè)網(wǎng)頁,并保存成“學(xué)習(xí)園地”。
教師講解:如何制作學(xué)習(xí)園地網(wǎng)頁。
1、制作網(wǎng)頁的標(biāo)題:輸入文字,并設(shè)置文字的格式。
2、插入表格:單擊“表格”中的“插入表格”并對表格屬性進(jìn)行設(shè)置。如:行、列的操作,對齊方式等。同時(shí)講解什么是行,什么是列,以及單元格的概念。
3、修改表格:調(diào)整表格行高和列寬。
4、在學(xué)生學(xué)會插入表格的基礎(chǔ)上,來設(shè)計(jì)網(wǎng)頁,展示作品。并講解在單元格中可以插入圖片、文字。那我們就一起快快去做吧!插入圖片,并在圖片的上面或下面進(jìn)行圖片的注釋。
5、進(jìn)一步設(shè)置單元格的背景,來美化網(wǎng)頁。
6、設(shè)置超鏈接:通過導(dǎo)航欄目,設(shè)置文字超鏈接。選中文字,點(diǎn)擊右鍵選擇超鏈接在列表中選擇你要鏈接的.網(wǎng)頁,單擊“確定”按鈕。
7、學(xué)生在教師的講解后,學(xué)生自己動手操作制作網(wǎng)頁。教師進(jìn)行指導(dǎo)。(伴隨音樂)
三、作品評價(jià)
1、生評:從網(wǎng)頁設(shè)計(jì)上,美觀程度上,知識落實(shí)上重點(diǎn)評價(jià)。
2、師評:對學(xué)生作品進(jìn)行評價(jià),并對其它學(xué)生的評價(jià)加以更完整的解釋。
四、總結(jié)
我們這節(jié)課主要是利用了表格來設(shè)計(jì)網(wǎng)頁,以使來美化我們的網(wǎng)頁,通過繪畫作品的展示,學(xué)習(xí)更多的知識。
《網(wǎng)頁制作》教學(xué)設(shè)計(jì) 篇4
教學(xué)目標(biāo):
1、知識與技能:
。1)理解框架的概念及用途。
。2)掌握框架網(wǎng)頁的新建、制作、編輯與保存,了解框架的拆分方法。
(3)初步掌握將框架結(jié)構(gòu)與表格布局結(jié)合使用來制作網(wǎng)頁。
2、過程與方法:
(1)通過對表格網(wǎng)頁的分析,體驗(yàn)新知識(框架結(jié)構(gòu)網(wǎng)頁)的優(yōu)點(diǎn),從而促進(jìn)其學(xué)習(xí)新知識。
。2)理解框架的概念與組成,學(xué)會分析網(wǎng)站的結(jié)構(gòu)。
3、情感態(tài)度與價(jià)值觀:
。1)通過以"人與動物"為主題的框架結(jié)構(gòu)網(wǎng)頁制作活動,了解更多有關(guān)人與動物和諧相處的知識,通過故事趣聞,增強(qiáng)學(xué)生關(guān)注動物的興趣和意識。
(2)能夠?qū)⒈砀衽c框架結(jié)構(gòu)網(wǎng)頁結(jié)合使用,在創(chuàng)作中體驗(yàn)樂趣。
教學(xué)重、難點(diǎn):
1、重點(diǎn):框架的概念、用途, 創(chuàng)建、編輯與保存框架網(wǎng)頁的方法。
2、難點(diǎn):框架的拆分。
教學(xué)方法:
對比教學(xué)法、探究學(xué)習(xí)法、模仿學(xué)習(xí)法。
教學(xué)準(zhǔn)備:
整理、歸類相關(guān)素材,并按要求擺放。
教學(xué)過程:
1、引入
老師展示一組利用表格制作的網(wǎng)頁,要求學(xué)生仔細(xì)觀察,找出它們的一個(gè)共同特點(diǎn)(學(xué)生答:網(wǎng)頁上方和左側(cè)內(nèi)容都是相同的,僅右下部分內(nèi)容不一樣),并提問如何快捷地制作這種網(wǎng)頁?(學(xué)生答:使用復(fù)制粘貼快捷地制作)
盡管復(fù)制、粘貼能為我們節(jié)省時(shí)間,但有沒有更好的方法呢?相同的區(qū)域我們能否只做一遍呢?今天我們要學(xué)習(xí)的內(nèi)容——框架網(wǎng)頁制作,就能給我們帶來更多便捷。(讓學(xué)生明確框架網(wǎng)頁使用的場合)
2、 新授
。1)框架網(wǎng)頁概念
由以上例子入手,再展示一個(gè)框架網(wǎng)頁,教師引導(dǎo)學(xué)生理解框架網(wǎng)頁的概念
(2)框架網(wǎng)頁的新建與保存
教師要求學(xué)生先閱讀教材中的操作步驟,再嘗試進(jìn)行探究操作。
任務(wù)1 創(chuàng)建"橫幅和目錄"結(jié)構(gòu)的框架網(wǎng)頁,新建top和left頁面,并學(xué)會保存。
框架結(jié)構(gòu)中的每個(gè)框都是一個(gè)獨(dú)立的選項(xiàng)文件,即網(wǎng)頁文件,因此當(dāng)框架確定之后,需要為每個(gè)框分別指定其網(wǎng)頁文件的來源,可以通過每個(gè)框中的"新建網(wǎng)頁"按鈕和"設(shè)置初始網(wǎng)頁"按鈕進(jìn)行選擇。在top和left頁面中,單擊"保存"按鈕,隨即開始保存。
此處為教學(xué)難點(diǎn),可先由框架的概念入手,再針對保存頁面中的藍(lán)色部分,教師進(jìn)行講解,教會學(xué)生注意觀察。
學(xué)生要理解框架網(wǎng)頁的概念,通過閱讀教材中的內(nèi)容,自學(xué)新建框架網(wǎng)頁的操作,初步了解"新建網(wǎng)頁"和"設(shè)置初始網(wǎng)頁"兩個(gè)按鈕的不同,并認(rèn)真聆聽教師的講解,注意觀察,按要求模仿操作。
設(shè)計(jì)意圖:培養(yǎng)學(xué)生自主
學(xué)習(xí)能力,課堂教學(xué)難點(diǎn)在教師的講解后模仿操作,有效突破難點(diǎn)。
。3)相關(guān)頁面的`制作與設(shè)置
框架網(wǎng)頁中相關(guān)頁面的制作,需要結(jié)合表格來布局,插入文字、圖片和交互式按鈕。
任務(wù)2 top和left頁面的制作。
要求:
○1top頁面內(nèi)插入1行2列的表格,左邊單元格插入logo圖片,右邊單元格插入banner圖片。
○2 left頁面內(nèi)插入5行1列的表格,在每個(gè)單元格內(nèi)依次插入交互式按鈕(共4個(gè)),交互式按鈕文字為展示介紹的相關(guān)內(nèi)容概括,在第5個(gè)單元格內(nèi)插入一個(gè)郵箱指示的圖片。
○3調(diào)整表格邊框的粗細(xì)。
○4為main區(qū)域設(shè)置初始頁面。(該網(wǎng)頁由教師提供現(xiàn)成的)
學(xué)生制作相關(guān)頁面,同時(shí)也是對前面所學(xué)內(nèi)容的復(fù)習(xí)和回顧。老師反饋學(xué)生的操作情況,開展比一比、評一評活動,對表現(xiàn)好的學(xué)生給予表揚(yáng)。
。4)框架網(wǎng)頁屬性的設(shè)置
創(chuàng)建好框架網(wǎng)頁后,可以根據(jù)實(shí)際需要改變框架的屬性。
任務(wù)3 調(diào)整框架的大小、設(shè)置框架的邊框、設(shè)置框架窗口中的滾動條等。
提高任務(wù):框架的拆分。
學(xué)生自主探究學(xué)習(xí),可向老師尋求幫助。完成設(shè)置后請同學(xué)示范操作,并說明自己設(shè)置的方法和原因。操作基礎(chǔ)扎實(shí)的同學(xué)完成任務(wù)后可進(jìn)行擴(kuò)展學(xué)習(xí)。
3、 總結(jié)與評價(jià)
老師可以給出一些常見的框架結(jié)構(gòu)應(yīng)用界面,如Web郵箱頁面等,引導(dǎo)學(xué)生總結(jié)本課內(nèi)容,梳理課堂知識,并讓學(xué)生分組,推薦一些優(yōu)秀作品進(jìn)行全班展示。
設(shè)計(jì)意圖:開拓學(xué)生的視野,使學(xué)生了解框架的應(yīng)用,教會學(xué)生要善于總結(jié),要學(xué)會學(xué)習(xí)的方法。
《網(wǎng)頁制作》教學(xué)設(shè)計(jì) 篇5
教學(xué)目標(biāo):
1、知識與技能
。1)了解超級鏈接的含義及鏈接源和鏈接目標(biāo)的含義,掌握同一站點(diǎn)內(nèi)以及不同站點(diǎn)間網(wǎng)頁超級鏈接的創(chuàng)建方法。
。2)掌握網(wǎng)頁內(nèi)書簽的作用及創(chuàng)建書簽鏈接方法,掌握交互式按鈕、框架網(wǎng)頁內(nèi)超級鏈接的設(shè)置方法。
。3)理解熱區(qū)鏈接的含義及創(chuàng)建方法。
2、過程與方法
。1)通過創(chuàng)建網(wǎng)頁超級鏈接的操作,使學(xué)生了解網(wǎng)頁中創(chuàng)建超級鏈接的基本方法,破除對網(wǎng)頁鏈接的神秘感。
。2)通過對不同對象設(shè)置超級鏈接的操作,使學(xué)生總結(jié)出操作的規(guī)律,培養(yǎng)學(xué)生自主學(xué)習(xí)與操作的能力。
(3)通過網(wǎng)頁不同的超級鏈接方法,拓展學(xué)生思維,創(chuàng)建多種形式的網(wǎng)頁鏈接。
3、情感態(tài)度與價(jià)值觀
。1)通過鏈接我國主要自然保護(hù)區(qū)網(wǎng)頁,激發(fā)學(xué)生熱愛祖國、熱愛自然、熱愛生命的激情。
(2)完成超級鏈接,使學(xué)生感受成功的喜悅和快樂。
教學(xué)重、難點(diǎn):
1、教學(xué)重點(diǎn):
。1)超級鏈接的.含義及鏈接源和鏈接目標(biāo)的含義。
。2)超鏈接的制作方法——給文字、圖片制作超鏈接,制作書簽鏈接,給交互式按鈕制作超鏈接,框架頁面內(nèi)的超鏈接,圖片區(qū)域制作超鏈接等。
2、教學(xué)難點(diǎn)
。1)書簽鏈接中名稱及對應(yīng)鏈接位置的設(shè)定。
。2)在框架頁面中制作超鏈接時(shí),目標(biāo)對象所選擇的顯示窗口形式。
教學(xué)方法與教學(xué)手段:
任務(wù)驅(qū)動法、討論探究法、講解與演示法、類比知識遷移法。
教學(xué)準(zhǔn)備:
"動物——人類的朋友"站點(diǎn),包括未鏈接的網(wǎng)頁,如歡迎頁、表格頁、框架頁,表單頁等。
教學(xué)過程:
1、引入
展示兩個(gè)主頁,一個(gè)已經(jīng)創(chuàng)建了鏈接,一個(gè)沒有創(chuàng)建鏈接,讓學(xué)生進(jìn)行比較并找出區(qū)別,引出本課課題——超級鏈接。
提出:我們在先前的學(xué)習(xí)中,哪個(gè)軟件中的相關(guān)操作與它類似?什么是超級鏈接?找一個(gè)例子,分析鏈接源和鏈接目標(biāo)分別是什么?
學(xué)生展開交流,通過對比找出不同點(diǎn),并積極思考,回答老師的問題。
設(shè)計(jì)意圖:通過對比操作、交流,再輔以知識遷移,明確本節(jié)課教學(xué)內(nèi)容。
2、新授
。1)站內(nèi)超級鏈接
引導(dǎo)學(xué)生回顧PowerPoint中超鏈接的制作方法(教師提示:右擊鏈接源,利用快捷菜單制作超鏈接),輔以教材中的內(nèi)容,讓學(xué)生自行探究并完成以下操作:
任務(wù)1同一站點(diǎn)內(nèi)不同頁面之間的鏈接
○1制作首頁(歡迎頁)到表格頁的超鏈接。
○2給表格頁內(nèi)交互式按鈕設(shè)置超級鏈接,鏈接到相關(guān)頁面。
○3給框架頁內(nèi)交互式按鈕設(shè)置超級鏈接,鏈接到相關(guān)頁面。
教師巡視,及時(shí)指導(dǎo),安排學(xué)生示范操作并講解如何制作超鏈接。
交互式按鈕的超鏈接制作要求在框架網(wǎng)頁中演示操作。老師可以提問學(xué)生:演示者操作的對嗎?有沒有問題?
引導(dǎo)學(xué)生發(fā)現(xiàn)問題:超鏈接制作完成后需要檢驗(yàn)(保存后預(yù)覽)。
教師講解,突破難點(diǎn),再交由學(xué)生操作。
以上是同一站點(diǎn)內(nèi)不同網(wǎng)頁之間的鏈接,有時(shí)一個(gè)頁面中內(nèi)容過多,需要不斷拖動滾動條實(shí)現(xiàn)閱讀,能否實(shí)現(xiàn)快速跳轉(zhuǎn)呢?
任務(wù)2同一站點(diǎn)內(nèi)同一頁面內(nèi)的跳轉(zhuǎn)(鏈接):在"動物趣聞"頁面內(nèi)制作書簽鏈接。
教師講解:由生活中的書簽引入,介紹"書簽鏈接"的概念,然后再演示如何操作。
提示:書簽鏈接的雙向性問題(返回)。
學(xué)生認(rèn)真聽講后模仿制作,教師巡視進(jìn)行指導(dǎo)并反饋學(xué)生的完成情況。
。2)站間超級鏈接
僅憑我們課堂上制作的這些頁面還不足以詳細(xì)介紹我們的主題,此時(shí)我們還可以借助超鏈接,鏈接到因特網(wǎng)上的其他網(wǎng)站,以豐富我們的內(nèi)容。
任務(wù)3借助熱區(qū)鏈接,為"友情鏈接"頁面制作超鏈接,鏈接我國一些自然保護(hù)區(qū)網(wǎng)站。
有了以上基礎(chǔ),可安排學(xué)生自學(xué)教材中有關(guān)熱區(qū)鏈接的相關(guān)內(nèi)容,學(xué)生探究操作后教師再安排學(xué)生進(jìn)行演示,輔助以提問的形式檢驗(yàn)學(xué)生的自學(xué)情況。
3、總結(jié)與評價(jià)
開展同學(xué)間的互助,檢驗(yàn)其鏈接完成情況,推薦優(yōu)秀同學(xué)做展示。引導(dǎo)學(xué)生分類總結(jié)本節(jié)課的知識點(diǎn)。
《網(wǎng)頁制作》教學(xué)設(shè)計(jì) 篇6
1、教學(xué)目標(biāo)知識與技能:靈活運(yùn)用添加超鏈接和在網(wǎng)頁中插入表格方法,根據(jù)網(wǎng)頁內(nèi)容進(jìn)行頁面布局,完善網(wǎng)頁,掌握網(wǎng)頁布局的技能和技巧。
過程與方法:培養(yǎng)學(xué)生加工信息和應(yīng)用信息的能力及培養(yǎng)學(xué)生思維能力,規(guī)劃能力、創(chuàng)新能力、及合作能力。
情感與態(tài)度:使學(xué)生感受中國源遠(yuǎn)流長的歷史文明,并通過網(wǎng)頁傳遞給世界;幫助學(xué)生樹立良好的信息道德意識;讓學(xué)生享受成就感,樹立自信心。
2、學(xué)生分析初中二年級學(xué)生感知能力較強(qiáng),理解能力和抽象思維較弱;學(xué)生基本學(xué)會使用在網(wǎng)頁中插入表格的方法,但分析信息、處理信息和應(yīng)用信息能力較弱;對教學(xué)內(nèi)容的了解程度較強(qiáng)。
3、內(nèi)容分析
教學(xué)重點(diǎn):利用表格對網(wǎng)頁頁面進(jìn)行布局。
教學(xué)難點(diǎn):怎樣合理、美觀地設(shè)計(jì)網(wǎng)頁頁面布局。
此部分教學(xué)內(nèi)容在整個(gè)網(wǎng)頁設(shè)計(jì)知識體系中處于綜合處理信息的重要部分。
4、教學(xué)策略設(shè)計(jì)
。1).教學(xué)方法設(shè)計(jì)
我根據(jù)教學(xué)主題及其教學(xué)目標(biāo)確定的教學(xué)指導(dǎo)思想是以學(xué)生為主體,以學(xué)生自己的親身體驗(yàn)展開探究式小組合作學(xué)習(xí)。本節(jié)課采用研究體驗(yàn)式教學(xué)法,建構(gòu)主義模式下的任務(wù)驅(qū)動式教學(xué)法組織教學(xué)。首先設(shè)計(jì)“總?cè)蝿?wù)”,再細(xì)分成若干“小任務(wù)”,實(shí)現(xiàn)教學(xué)目標(biāo)。
(2).教-學(xué)流程和教-學(xué)活動的設(shè)計(jì)思路
整個(gè)教學(xué)活動,尤其是學(xué)習(xí)活動,我采用探究式學(xué)習(xí)法,又稱研究性學(xué)習(xí),我強(qiáng)調(diào)的是學(xué)生在教師指導(dǎo)下,根據(jù)各自的興趣、愛好和條件,再結(jié)合與自己有相同或相近的興趣、愛好的同學(xué)組成合作伙伴,共同選擇西安不同的旅游景點(diǎn),確定研究課題,借助“表格布局”功能規(guī)劃七天的旅游行程,獨(dú)立自主結(jié)合小組合作開展研究,進(jìn)行合理的網(wǎng)頁布局設(shè)計(jì),達(dá)到從中培養(yǎng)創(chuàng)新精神和創(chuàng)造能力及審美能力的一種學(xué)習(xí)方式,實(shí)現(xiàn)“雙贏”。建構(gòu)主義學(xué)習(xí)理論認(rèn)為,學(xué)習(xí)過程不是學(xué)習(xí)者被動地接受知識,而是積極地建構(gòu)知識的過程,把學(xué)過的網(wǎng)頁設(shè)計(jì)知識綜合應(yīng)用起來,由于建構(gòu)主義學(xué)習(xí)活動是以學(xué)習(xí)者為中心,而且是真實(shí)的,并且以完成特定的任務(wù)為動力,因而學(xué)習(xí)者就更具有興趣和動機(jī),能夠鼓勵(lì)學(xué)習(xí)者進(jìn)行批判型思維,能夠更易于提供個(gè)體的學(xué)習(xí)風(fēng)格,展現(xiàn)自己的獨(dú)特思維,不受現(xiàn)有網(wǎng)頁模式的拘束;跇(gòu)建主義的探究性學(xué)習(xí)模式,我的設(shè)想是整個(gè)教學(xué)過程是動態(tài)的,學(xué)生是學(xué)習(xí)的主體,教師是學(xué)生學(xué)習(xí)環(huán)境的'創(chuàng)設(shè)者、學(xué)習(xí)動力的激發(fā)者、學(xué)習(xí)過程的指引者和學(xué)生學(xué)習(xí)的協(xié)作者。
。3).應(yīng)用信息技術(shù)的依據(jù)或考慮
信息技術(shù)在本次教-學(xué)活動有不可替代的功能。利用信息技術(shù)中計(jì)算機(jī)技術(shù)進(jìn)行網(wǎng)頁設(shè)計(jì),實(shí)現(xiàn)教學(xué)目標(biāo),完成讓世界各地的人實(shí)現(xiàn)“網(wǎng)上游古都”。在教學(xué)中計(jì)劃通過探究式教學(xué)方式,小組合作學(xué)習(xí)方式和“任務(wù)驅(qū)動式”教學(xué)策略,自主設(shè)計(jì)網(wǎng)頁,發(fā)布網(wǎng)頁,運(yùn)用網(wǎng)絡(luò)使信息技術(shù)的這些潛在優(yōu)勢發(fā)揮作用并真正促進(jìn)學(xué)生能夠結(jié)合實(shí)際應(yīng)用,通過自主實(shí)踐,完成“網(wǎng)上游古都”任務(wù),并同時(shí)完成了學(xué)習(xí)任務(wù),進(jìn)一步建構(gòu)了自己的知識體系,并實(shí)時(shí)地享受到巨大的成就感。
。ㄈ、教與學(xué)的過程
1.教與學(xué)的過程
活動內(nèi)容
教師活動
學(xué)生活動
設(shè)計(jì)意圖
創(chuàng)設(shè)情境
激發(fā)興趣
。蹌(chuàng)設(shè)情境]
“要想了解中國上下五千年文明歷史,請到西安來!”近幾年,越來越多的外地游客涌向西安!笆稽S金周”即將來臨,大家想不想用網(wǎng)頁形式向外地游客介紹宣傳西安,讓更多的人來西安,領(lǐng)略其古老的魅力!我們上節(jié)課把利用搜索引擎找到的有關(guān)西安的歷史文物古跡的文字信息和圖片信息整理制作成有關(guān)不同景點(diǎn)的網(wǎng)頁,但信息是否顯得很零散?怎樣把景點(diǎn)信息整合規(guī)劃,讓人們先在網(wǎng)上一飽眼福,輕松網(wǎng)上游古都?
設(shè)計(jì)一個(gè)含有指向各旅游景點(diǎn)網(wǎng)頁的超鏈接的主頁。
提供信息活條件,激發(fā)起學(xué)生的興趣。
。蹖(dǎo)語]
我們可在主頁中制作一個(gè)西安旅游景點(diǎn)導(dǎo)航欄,但怎樣合理規(guī)劃各旅游景點(diǎn),并且使頁面布局美觀,整潔,分類清晰?
利用“表格”。
為細(xì)化任務(wù)埋下伏筆;并且激發(fā)學(xué)生的認(rèn)知沖突。
[出示課題]
今天我們就圍繞“西安七日游”,在主頁中利用表格規(guī)劃設(shè)計(jì)旅游行程,本節(jié)課的課題是《“黃金周”—規(guī)劃網(wǎng)上西安七日游》
學(xué)生明確本節(jié)課課題,初步了解任務(wù)。
出示課題,介紹總?cè)蝿?wù)。
。鄯纸M方法]
根據(jù)對各旅游景點(diǎn)的興趣及當(dāng)初搜索信息的分工情況及本節(jié)課任務(wù)分工,四人一小組。
學(xué)生進(jìn)行分組
為細(xì)化任務(wù)做準(zhǔn)備
出示任務(wù)
明確分工
[出示總?cè)蝿?wù)]
每個(gè)組圍繞主題,利用表格規(guī)劃設(shè)計(jì)旅游行程,并建立好超鏈接,利用主頁展示出來。
學(xué)生明確任務(wù)
明確總?cè)蝿?wù)
。圩髌沸问郊胺止⒖迹
形式:創(chuàng)建并完善主頁,并展示整個(gè)網(wǎng)站。
分工參考:
內(nèi)容版式規(guī)劃
整理七個(gè)旅游景點(diǎn)網(wǎng)頁
超鏈接的建立與維護(hù)
作品演示解說
學(xué)生明確匯報(bào)形式,分工參考。
使學(xué)生明確各自任務(wù)后,通過研究,探討,操作,通過電腦媒體來完成任務(wù)。
活動內(nèi)容
教師活動
學(xué)生活動
設(shè)計(jì)意圖
出示任務(wù)
明確分工
[角色分工]
學(xué)生自由分組后,共同研究選組長,組長進(jìn)行給組員分配任務(wù)。
學(xué)生共同研究選組長,并協(xié)調(diào)分配好任務(wù).
鍛煉學(xué)生自主協(xié)調(diào)分工能力。
。鄢鍪咀髌吩u價(jià)標(biāo)準(zhǔn)]
教師出示作品評價(jià)標(biāo)準(zhǔn):
作品內(nèi)容:設(shè)計(jì)含有七個(gè)鏈接網(wǎng)頁的主頁,資料豐富,內(nèi)容準(zhǔn)確。
技術(shù)表現(xiàn):頁面布局設(shè)計(jì)合理,顏色搭配和諧,主題突出,作品演示運(yùn)行正常,操作熟練。
創(chuàng)新特色:作品布局規(guī)劃有獨(dú)特之處,有新意。
提示學(xué)生有三條幫助熱線:
1、組長2、鄰座學(xué)習(xí)伙伴3、教師4、自學(xué)課件
學(xué)生明確要求。
培養(yǎng)學(xué)生的創(chuàng)新能力,規(guī)劃能力,思維能力和合作能力。
學(xué)生研究探索合作交流創(chuàng)作作品
[創(chuàng)作作品]
播放舒緩音樂,為學(xué)生營造自由和諧氣氛。
。ㄌ崾緦W(xué)生利用網(wǎng)上鄰居把各組員的作品組合在一起,共同完成此任務(wù)。)
學(xué)生根據(jù)角色分工,按小組形式開始完善網(wǎng)站。
學(xué)生體會了超鏈接的作用,練習(xí)了超鏈接的使用,理解了表格強(qiáng)大的頁面布局功能;培養(yǎng)學(xué)生處理信息和應(yīng)用信息的能力;通過學(xué)生間交流合作,老師及時(shí)點(diǎn)撥與指導(dǎo),培養(yǎng)學(xué)生發(fā)現(xiàn)問題和解決問題的能力。
。壅故咀髌罚
下面請各組派代表,到教師機(jī)前展示以下你們的旅游行程。其他同學(xué)觀察后,可提意見或建議。
由小組代表展示組內(nèi)作品,并詳細(xì)說明旅游景點(diǎn)規(guī)劃的呈現(xiàn)形式,內(nèi)容選擇及整體構(gòu)思。
鍛煉學(xué)生口語表達(dá)能力和分析說明問題能力。
合作成功展示作品成果匯報(bào)交流探討
。劢涣魈接懀
教師引導(dǎo)學(xué)生探討頁面布局的方法和技巧;談看完作品后,對其改進(jìn)意見;進(jìn)行組間互評和組內(nèi)自評。
評出“最受歡迎獎”(即如果此網(wǎng)站上傳到網(wǎng)上,點(diǎn)擊率最高),“最具創(chuàng)意獎”“最佳布局獎”作品。
學(xué)生間相互交流探討。
培養(yǎng)學(xué)生合作交流能力。
[教師點(diǎn)評及檢測]
教師從頁面布局,整體規(guī)劃合理性,創(chuàng)意等幾方面進(jìn)行點(diǎn)評。
學(xué)生思考,怎樣完善作品。
教師鼓勵(lì)學(xué)生發(fā)展創(chuàng)新思維,頁面布局規(guī)劃能力,邏輯思維能力及合作能力。
教師或其他同學(xué)提問頁面布局的方法。
學(xué)生代表演示
及時(shí)檢測學(xué)生對表格的掌握情況。
你受到的最大啟示和收到的最大收獲?成功經(jīng)驗(yàn)和失敗教訓(xùn)?
學(xué)生回答
鞏固知識,培養(yǎng)情感
[完成旅游規(guī)劃,培養(yǎng)情感]
同學(xué)們已熟練掌握表格的使用方法,并且加工和應(yīng)用信息的能力增強(qiáng)。
悠久的歷史積淀和豐富的人文資源,使西安居中國六大古都之首,是世界四大文明古都之一,著名的旅游中心城市。希望你們熱愛中國博大精深的歷史,感受西安古老的魅力!
學(xué)生感悟。
全課總結(jié),培養(yǎng)道德情感。
全課總結(jié)知識延伸
。圻_(dá)到目標(biāo),知識延伸]
網(wǎng)站制作好了,怎樣讓世界各地的人都看到你們的網(wǎng)站呢?
想當(dāng)我們的故鄉(xiāng)—大慶的小導(dǎo)游嗎?趕快制作一個(gè)“鐵人故鄉(xiāng)—大慶”的網(wǎng)站吧!
學(xué)生思考。
學(xué)生課后實(shí)踐。
為激發(fā)下一節(jié)課內(nèi)容(上傳主頁)的興趣奠定基礎(chǔ)。
讓學(xué)生可把本課內(nèi)容應(yīng)用到實(shí)際生活中去。
培養(yǎng)學(xué)生自發(fā)探究能力。
2.關(guān)鍵環(huán)節(jié)提煉
利用信息技術(shù)創(chuàng)設(shè)情境,播放一段自拍的錄像,內(nèi)容大體是:一位外國友人,想要來中國四大古都之一“西安”旅游,但想要自助游,想借助因特網(wǎng),先在網(wǎng)上了解一下西安,并參考一下旅游行程。通過此錄像激發(fā)學(xué)生興趣并利用信息技術(shù)呈現(xiàn)問題,使學(xué)生產(chǎn)生認(rèn)知沖突,培養(yǎng)學(xué)生發(fā)現(xiàn)問題、分析問題、解決問題的能力。我通過學(xué)生利用信息技術(shù)完成此項(xiàng)任務(wù),促進(jìn)學(xué)生對基礎(chǔ)知識、基本技能的學(xué)習(xí)。我利用信息技術(shù),尤其是網(wǎng)絡(luò)提供的有關(guān)“西安”豐富的旅游景點(diǎn)介紹資源,幫助和拓展學(xué)生的學(xué)習(xí)。讓學(xué)生借助信息技術(shù)手段開展探索、總結(jié)并進(jìn)行創(chuàng)作。我利用信息技術(shù)展示學(xué)生自評,學(xué)生互評,教師評價(jià)的評價(jià)表,為學(xué)生的學(xué)習(xí)提供評價(jià)、反饋和矯正。我利用網(wǎng)頁自學(xué)課件和網(wǎng)絡(luò)教室教學(xué)廣播系統(tǒng)支持師生間、生生間的交流對話。
3.教學(xué)反思
本節(jié)課主題明確、集中,讓學(xué)生分成小組,合作探究學(xué)習(xí),給出特定的總?cè)蝿?wù),有利于學(xué)習(xí)效果評判的可比較性,也便于學(xué)生之間的廣泛交流和良性競爭。通過利用信息技術(shù)規(guī)劃規(guī)劃網(wǎng)上西安七日游,對西安七個(gè)主要景點(diǎn)的介紹,讓世界了解西安,每個(gè)學(xué)生在共同完成“網(wǎng)上游古都”網(wǎng)站作品后,讓每個(gè)學(xué)生都有完成任務(wù)和宣傳中國源遠(yuǎn)流長的文明歷史的成就感,并感到自豪。
本節(jié)課,在小組合作學(xué)習(xí)過程中,學(xué)生之間互學(xué)互教,彼此交流探討,經(jīng)歷了提出問題、分析問題和解決問題過程,每個(gè)學(xué)生都承擔(dān)一定學(xué)習(xí)任務(wù),防止濫竽充數(shù),促進(jìn)了學(xué)生的參與程度、認(rèn)知深度,高質(zhì)量地實(shí)現(xiàn)了課程的目標(biāo),增強(qiáng)學(xué)生的責(zé)任感。但個(gè)別學(xué)生沒有認(rèn)識到合作學(xué)習(xí)的重要意義,自主探究能力較弱,容易喪失信心。
教學(xué)實(shí)際實(shí)施過程,有學(xué)生提出:我對中國的少數(shù)民族文化感興趣,能否制作一個(gè)宣傳中國五十六個(gè)少數(shù)民族文化的特色網(wǎng)站?于是我了解到學(xué)生對中國的不同文化感興趣,可在課外活動小組完成此任務(wù)或作為課外自主探究性學(xué)習(xí)課題來探究。
本節(jié)課讓學(xué)生掌握了“表格”的妙用,還提高了加工信息和應(yīng)用信息的能力,而且使學(xué)生感悟到了中國上下五千年的博大精深,對祖國更加熱愛。
。四)、教學(xué)評析:
在新課程標(biāo)準(zhǔn)的理念中,明確提出要關(guān)注全體學(xué)生,建設(shè)有特色的信息技術(shù)課程。在教材因篇幅的限制,提供給學(xué)生感知的背景材料極其有限,“信息”且都處于“靜止、儲存”狀態(tài),不利于學(xué)生的感知和抽象概括。因此,允許教師在不改變教材內(nèi)容、體系、結(jié)構(gòu)的前提下,經(jīng)教學(xué)法的加工,營造引入新課的“情境問題”的氛圍。學(xué)生在積極的參與、體驗(yàn)、研究并在已有知識經(jīng)驗(yàn)的支持下,自主能動地探索,實(shí)現(xiàn)知識的再創(chuàng)造。
教學(xué)活動在面向全體的同時(shí)更注重學(xué)生情感的交流協(xié)作意識與因材施教。更注重學(xué)生個(gè)性培養(yǎng)和創(chuàng)新智能的開發(fā)。
學(xué)生自主性學(xué)習(xí),需要有一個(gè)適應(yīng)的過程,開始階段,布置任務(wù)要明確具體。
學(xué)生之間的交流和幫助比較少,自主學(xué)習(xí)的能力還要不斷提高等。
附:學(xué)生學(xué)習(xí)過程及典型成果
另附:小組成員分工表
第________組組長________作品題目______________
小組成員
主要負(fù)責(zé)工作
《網(wǎng)頁制作》教學(xué)設(shè)計(jì) 篇7
【教學(xué)目標(biāo)】
了解用FrontPage制作課件的優(yōu)勢與不足,學(xué)會用FrontPage制作網(wǎng)頁型課件,用FrontPage制作網(wǎng)頁課件
授課教案:
【重點(diǎn)難點(diǎn)】
重點(diǎn)是如何在FrontPage插入多媒體素材,難點(diǎn)是課件交互性的實(shí)現(xiàn)和網(wǎng)頁源代碼的應(yīng)用。
【教學(xué)策略】
教師實(shí)例演示,學(xué)生上機(jī)操作,教師輔導(dǎo)和點(diǎn)評。
【媒體選擇】
主要采用FrontPage示范課件和實(shí)際操作講解相結(jié)合,并輔以文字教材、網(wǎng)上學(xué)習(xí)資源和教學(xué)光盤。
【教學(xué)內(nèi)容】
現(xiàn)在越來越多的課件是用網(wǎng)頁制作工具來制作,并結(jié)合數(shù)據(jù)庫、 ASP等技術(shù)來加強(qiáng)課件的交互性。
網(wǎng)頁形式的課件可以集成豐富的多媒體信息,具有交互性強(qiáng)、制作簡易、體積小、便于在網(wǎng)絡(luò)上發(fā)布、傳播和更新等優(yōu)點(diǎn),適合于個(gè)別化學(xué)習(xí)、課堂教學(xué)和網(wǎng)絡(luò)教學(xué)。
網(wǎng)頁課件的開發(fā)工具軟件有很多,包括: 語言編程如 HTML 、 DHTML 、 ASP 、 JSP 、 PHP 、 JAVA 、 JavaScript 、 VBScritp 、 VRML等。
所見即所得的可視化編輯工具,如 FrontPage 、 Dreamweaver 、Flash 、 Authorware 、 PowerPoint 、 CourseBuilder 等。
對于一般都有繁重教學(xué)任務(wù)在身的學(xué)科教師來說,沒有太多的精力去學(xué)習(xí)復(fù)雜的編程語言。
可視化網(wǎng)頁編輯工具由于源代碼自動生成,使教師可以有更多的精力關(guān)注內(nèi)容的表達(dá)和教學(xué)設(shè)計(jì)。
用FrontPage編制的網(wǎng)頁課件有較易操作的界面(與上網(wǎng)瀏覽網(wǎng)頁完全相同),一門課程或一堂課的脈絡(luò)結(jié)構(gòu)(知識結(jié)構(gòu))可以在主頁上用菜單(樹形菜單或彈出菜單)或?qū)Ш綏l的形式清楚地表明,可以列出教學(xué)目的、內(nèi)容、重點(diǎn)難點(diǎn)、引言、概念性質(zhì)、例題、練習(xí)、小結(jié)、作業(yè)等等,甚至操作注意事項(xiàng)。
FrontPage 被公認(rèn)為最好的入門級的網(wǎng)頁編輯工具。
一、FrontPage基本操作
啟動 FrontPage : 雙擊桌面上的 FrontPage 快捷方式圖標(biāo); 開始→程序→Microsoft FrontPage ;右擊一個(gè)擴(kuò)展名為 htm 或 html 網(wǎng)頁文件,選“編輯”。
2. 打開或隱藏視圖欄、文件夾列表和網(wǎng)頁文檔
a. 點(diǎn)“視圖→ 視圖欄”打開或隱藏視圖欄。
點(diǎn)“視圖 → 文件夾列表”打開或隱藏文件夾列表。
b. 右擊擴(kuò)展名為 htm 或 html 網(wǎng)頁文件( 如 index.htm ) ,選“編輯”,系統(tǒng)默認(rèn)用 FrontPage打開網(wǎng)頁。
c. 點(diǎn)“文件→打開”或點(diǎn) 常用工具欄中的“打開”按鈕, 從本地磁盤或網(wǎng)絡(luò)驅(qū)動器中打開網(wǎng)頁文檔,從任意 Web網(wǎng)站打開網(wǎng)頁,打開最近打開過的網(wǎng)頁文檔。
3. 在 FrontPage 編輯器中預(yù)覽網(wǎng)頁 a.點(diǎn)普通視圖按鈕,觀察剛才打開的 index.htm 網(wǎng)頁。
b. 點(diǎn)HTML 視圖按鈕,觀察 index.htm 網(wǎng)頁。
c.點(diǎn)預(yù)覽視圖按鈕,觀察 index.htm 網(wǎng)頁。
4.FrontPage 視圖方式:網(wǎng)頁視圖,文件夾視圖,報(bào)表視圖,導(dǎo)航視圖,超級鏈接接視圖,任務(wù)視圖。
5. 保存網(wǎng)頁: 點(diǎn)“文件 →保存(另存為)”或點(diǎn)常用工具欄中的“保存”按鈕,將新建的網(wǎng)頁或從萬維網(wǎng)上打開的網(wǎng)頁保存到本地磁盤,把自己喜歡的網(wǎng)頁作為模板保存。
6. 關(guān)閉網(wǎng)頁: 點(diǎn)“文件 →關(guān)閉”或文檔窗口 中的“ X”按鈕,關(guān)閉當(dāng)前網(wǎng)頁。
二、設(shè)計(jì)網(wǎng)頁課件的框架結(jié)構(gòu)
三、在網(wǎng)頁中插入表格、圖像、背景、 剪貼畫、聲音、視頻和動畫等多媒體對象
1. 插入表格 插入到網(wǎng)頁上的文本、圖片、音頻、視頻、動畫等元素,往往看起來顯得不夠整齊,為了使網(wǎng)頁更美觀,我們利用表格來控制復(fù)雜的網(wǎng)頁布局,即 用表格來定位 網(wǎng)頁元素 。
。1) 點(diǎn)“表格→ 插入 → 表格”,輸入行數(shù)、列數(shù)(如 3 列 5 行),插入一個(gè)規(guī)則表格, 設(shè)置表格的屬性。
(2)用“表格”工具欄上的 按鈕或“表格”菜單上的“插入行或列”命令來增加 表格的 行或列。
(3)用“表格”工具欄上的按鈕刪除一個(gè)單元或多個(gè)單元,刪除一行、多行或一列、多列,刪除整個(gè)表格,表格刪除后立即按“常用工具欄”中的“撤消”按鈕或按“Ctrl+Z ”恢復(fù)表格;選擇單元格或單元格中的內(nèi)容用鼠標(biāo)把選擇的內(nèi)容拖到新位置進(jìn)行移動;按住 CTRL鍵,再用鼠標(biāo)把選擇的內(nèi)容拖到新位置進(jìn)行復(fù)制。
。4)選中需要拆分的單元,單擊“表格”工具欄上的按鈕或使用“表格”工具欄上的“筆”拆分單元格;選中需要合并的單元,單擊“表格”工具欄上的按鈕或單擊“表格”工具欄上的`(擦除 ) 按鈕合并單元格。
經(jīng)過處理, 3 列 5 行的表格 變成 1 列 4 行。
2. 插入圖像和背景圖象將鼠標(biāo)定位到要插入圖片的位置(如某個(gè)單元格內(nèi)),單擊“常用工具欄”上的“插入圖片”按鈕,從已建站點(diǎn)的圖片文件夾中 選擇 合適的圖片,點(diǎn)擊“確定”。
也可以 在“圖片”對話框中點(diǎn)擊“插入一個(gè)計(jì)算機(jī)中的圖片”按鈕, FrontPage編輯器將打開“選擇文件”對話框,從本地磁盤中指定一個(gè)圖像文件。
右擊網(wǎng)頁空白處,選“ 網(wǎng)頁屬性 ”快捷命令,單擊“ 網(wǎng)頁屬性”對話框的“背景”選項(xiàng)卡,先選中“背景圖片”復(fù)選框,選擇合適的圖像作為背景圖插入網(wǎng)頁,點(diǎn)擊“確定”按鈕。
3. 插入剪貼畫點(diǎn)“插入”→“圖片”→“剪貼畫”命令,選擇一幅剪貼畫,單擊“插入”按鈕,或直接雙擊剪貼畫。
4. 插入聲音或視頻剪輯選擇“插入”→“高級”→“插件”命令,打開“插件屬性”對話框,單擊“瀏覽”按鈕,打開“選擇插件數(shù)據(jù)源”對話框,從站點(diǎn)文件夾或本地計(jì)算機(jī)上指定要播放的聲音或視頻文件。
調(diào)整網(wǎng)頁中插件圖標(biāo)到合適的尺寸。
5. 修改圖像屬性右擊網(wǎng)頁中的圖像,選“圖片屬性”命令,在“常規(guī)”選項(xiàng)方式下指定圖像的格式(例如 jpg 和質(zhì)量 75);在“文本”框內(nèi)簡單地描述圖像;單擊“外觀”選項(xiàng)卡,指定圖像無邊框即邊框線寬度為 0,指定圖像與相鄰的文字或圖像之間的水平間隔和縱向間隔,要改變圖像的大小,首先選中“大小”框內(nèi)的“指定大小”復(fù)選框,然后分別指定圖像的寬度和高度。
熟悉“圖片”工具欄:創(chuàng)建自動縮略圖;調(diào)整圖像的黑白對比度和亮度;給圖像加上斜面邊界;把彩色圖像變成黑白圖像;把圖像翻轉(zhuǎn);修正圖像;裁剪圖像;淡化圖像;把圖像恢復(fù)原樣;在GIF 格式的圖像上寫文字;使 GIF 圖像透明等。
6. 插入水平線美化網(wǎng)頁網(wǎng)頁水平線用于把網(wǎng)頁分隔成幾個(gè)部分。
新建或打開網(wǎng)頁文檔,把插入點(diǎn)移到要插入水平線的地方,單擊“插入”菜單上的“水平線”命令。
要把水平線插入在下一行,就把插入點(diǎn)定在行尾。
在水平線上單擊鼠標(biāo)右鍵,在彈出的菜單中選擇“水平線屬性”命令,也可直接雙擊該水平線,設(shè)置水平線的寬度、 水平線的對齊方式和水平線的顏色。
四、在課件網(wǎng)頁中使用書簽和超級鏈接接
1. 書簽的作用書簽用于在長網(wǎng)頁內(nèi)部快速跳轉(zhuǎn)和定位。
2. 創(chuàng)建書簽網(wǎng)頁 從 Web網(wǎng)頁上復(fù)制一篇比較長的文本,粘貼(選擇性粘貼:無格式文本)到新建網(wǎng)頁中。
選擇要標(biāo)記的位置,單擊“插入”菜單中的“書簽”命令。
FrontPage編輯器將顯示“書簽”對話框。
在“書簽”框中鍵入書簽名稱(最好用西文命名),書簽名稱應(yīng)具有較好的描述性,然后單擊“添加”按鈕。
可看到標(biāo)簽小旗出現(xiàn)在期望定位的位置上。
用同樣的方法創(chuàng)建其它書簽。
在網(wǎng)頁頂端創(chuàng)建系列提綱(目錄)文本,選中其中一個(gè),右擊文本,選“超鏈接”,在“鏈接到”欄中點(diǎn)“本文檔中的位置”,在書簽列表中選中合適的書簽,確定。
用同樣的方法給其它的提綱(目錄)文本建立超鏈接。
保存網(wǎng)頁,在IE 中預(yù)覽。
3. 超級鏈接 使用超級鏈接,不僅可使站內(nèi)的網(wǎng)頁成為一個(gè)有機(jī)整體,還可使不同的站點(diǎn)之間建立聯(lián)系。
例如,在制作“網(wǎng)上學(xué)習(xí)資源”網(wǎng)頁時(shí),需要給所列出的大量的網(wǎng)上學(xué)習(xí)資源的標(biāo)題文字設(shè)置超鏈接,以便訪問者通過點(diǎn)擊網(wǎng)頁上的標(biāo)題文字打開相對應(yīng)的學(xué)習(xí)資源。
首先選中標(biāo)題目文字,然后單擊標(biāo)準(zhǔn)工具欄上的“超級鏈接”按鈕,在彈出的“創(chuàng)建超鏈接”對話框中指定超級鏈接所對應(yīng)的網(wǎng)頁,或在URL 文本框中填入網(wǎng)頁的地址即可。
4.創(chuàng)建圖像熱點(diǎn)作為超級鏈接接新建或打開包含有復(fù)雜圖片(如地圖或大型儀器圖片)的網(wǎng)頁。
練習(xí)創(chuàng)建圖像熱點(diǎn)作為超級鏈接接。
例如,在世界地圖片上的“國家地區(qū)”區(qū)域處創(chuàng)建一個(gè)熱點(diǎn),指定它跳轉(zhuǎn)到“按國家地區(qū)查詢”的主頁上。
方法是:首先單擊圖像,編輯器將顯示“圖片”工具欄,選擇“圖片”工具欄上的“圖片”按鈕,把光標(biāo)移到圖像上,光標(biāo)將變成筆狀,按住鼠標(biāo)左鍵在圖像上畫出熱點(diǎn)。
釋放鼠標(biāo)后,F(xiàn)rontPage 編輯器自動打開“創(chuàng)建超級鏈接”對話框,在此指定該熱點(diǎn)要跳轉(zhuǎn)的目標(biāo)網(wǎng)頁或網(wǎng)址。
制作好后在 IE瀏覽器中預(yù)覽。
5. 改變超級鏈接的外觀選擇某文字超級鏈接,單擊“格式”菜單上的“背景”命令,打開“網(wǎng)頁屬性”對話框的“背景”選項(xiàng)。
把該超級鏈接的顏色改為另一種更醒目的顏色,預(yù)覽一下,看超級鏈接文字是否發(fā)生變化。
試著用不同的顏色表示未訪問過的超級鏈接(Hyperlink) 、訪問過的超級鏈接 (Visited Hyperlink) 和將要訪問的超級鏈接 (ActiveHyperlink) 。
看看改變超級鏈接的外觀的效果。
6. 編輯超級鏈接屬性右擊超級鏈接,選“超級鏈接屬性”,F(xiàn)rontPage編輯器將打開,在URL框內(nèi)鍵入新的網(wǎng)頁文件名或網(wǎng)址。
觀察改變后的效果。
7. 取消超級鏈接右擊超級鏈接,選“取消超級鏈接”命令。
五、插入活動元素 - 讓課件網(wǎng)頁活起來
1. 制作懸停按鈕定位插入點(diǎn),單擊“插入” / “組件” /“懸停按鈕”,打開“懸停按鈕”對話框。
把動態(tài)按鈕默認(rèn)標(biāo)簽“按鈕文本”,改成所需的按鈕文字,單擊“字體”按鈕,在打開的“字體”(字體)對話框里設(shè)置您所需標(biāo)簽的字體。
要為動態(tài)按鈕創(chuàng)建超級鏈接,可直接在“鏈接到”框內(nèi)鍵入要跳轉(zhuǎn)的URL ,也可單擊“瀏覽”按鈕,從當(dāng)前打開的網(wǎng)站、 WWW、本地磁盤中指定跳轉(zhuǎn)目標(biāo)。
可重新指定按鈕的前景顏色,不過如果按鈕顯示的是圖像,前景顏色無效。
當(dāng)用戶把鼠標(biāo)移到動態(tài)按鈕上時(shí),按鈕的顏色將自動發(fā)生變化,這是動態(tài)按鈕最大的特色,至于顏色是怎樣變化的,可通過“效果”和“效果顏色”框設(shè)定。
還可改變按鈕的寬度和高度(以像素為單位)。
《網(wǎng)頁制作》教學(xué)設(shè)計(jì) 篇8
一、教材分析
首頁之外的其他網(wǎng)頁在結(jié)構(gòu)上很相似,為了給這些網(wǎng)站增加一些亮點(diǎn),故在網(wǎng)頁中插入了交互式按鈕,交互式按鈕不僅具有超鏈接功能,在使用過程中還會發(fā)生變化,更能引起學(xué)生的學(xué)習(xí)興趣。
二、教學(xué)目標(biāo)
1、知識性目標(biāo)
(1)了解交互式按鈕的功能;
。2) 了解計(jì)算機(jī)主機(jī)包括的部件;
(3)了解網(wǎng)頁動態(tài)效果。
2、技能性目標(biāo)
。1)會設(shè)置網(wǎng)頁的目錄;
(2)學(xué)會插入、修改交互式按鈕;
。3)學(xué)會復(fù)制表格。
3、情感性目標(biāo)
。1)加深對計(jì)算機(jī)硬件的認(rèn)識;
。2)培養(yǎng)學(xué)生分工協(xié)作的精神。
三、教學(xué)重、難點(diǎn)
1、教學(xué)重點(diǎn)
。1)交互式按鈕的功能;
。2)插入、修改交互式按鈕。
2、教學(xué)重點(diǎn)
。1)交互式按鈕;
(2)復(fù)制表格。
四、教學(xué)準(zhǔn)備
制作一個(gè)具有幾個(gè)漂亮交互式按鈕的網(wǎng)頁。
五、教學(xué)過程
1、導(dǎo)入
教師:現(xiàn)在我們的首頁已經(jīng)做好了,可是其他的網(wǎng)頁還沒做,但是一節(jié)課內(nèi)無法做太多的,今天呀我們就來學(xué)習(xí)制作“主機(jī)”網(wǎng)頁吧!其余的以后在做.
2、學(xué)習(xí)新課。
。1)指導(dǎo)學(xué)生用表格布局;
教師:用表格對網(wǎng)頁進(jìn)行布局方法,前一堂課我們學(xué)習(xí)了,現(xiàn)在就請同學(xué)們,對照課本用表格給 “主機(jī)”網(wǎng)頁進(jìn)行設(shè)置。
學(xué)生看書練習(xí)。
。2)指導(dǎo)學(xué)生學(xué)習(xí)插入交互式按鈕;
教師:在網(wǎng)頁內(nèi)經(jīng)常會插入具有超鏈接功能的按鈕,單擊這些按鈕,便可打開其他網(wǎng)頁,請同學(xué)們看下面具有交互式按鈕的'網(wǎng)頁。
屏幕展示。
教師:下面我們就來學(xué)習(xí)如何制作交互式按鈕。
教師示范講解,學(xué)生觀察。
學(xué)生練習(xí)、老師巡視指導(dǎo)。
3、鞏固練習(xí)。
請同學(xué)們試著完成書中本課的“試一試”中的練習(xí),在遇到困難時(shí)可小組同學(xué)相互幫助,也可以舉手問老師。
4、總結(jié)評價(jià)。
教師總結(jié)后,請同學(xué)根據(jù)自己掌握的知識情況和收獲,在本節(jié)課的“評一評”中打上自己的成績。
【《網(wǎng)頁制作》教學(xué)設(shè)計(jì)】相關(guān)文章:
制作網(wǎng)頁設(shè)計(jì)的心得體會11-29
制作網(wǎng)頁設(shè)計(jì)的心得體會(9篇)12-02
制作網(wǎng)頁設(shè)計(jì)的心得體會9篇11-29
制作網(wǎng)頁設(shè)計(jì)的心得體會精選9篇02-21
制作網(wǎng)頁設(shè)計(jì)的心得體會匯編9篇04-11
制作網(wǎng)頁設(shè)計(jì)的心得體會(合集9篇)12-26
網(wǎng)頁設(shè)計(jì)與制作的心得體會范文(通用12篇)05-10
網(wǎng)頁制作心得體會12-12