《制作網(wǎng)站》參考教案

PAGEPAGE2制作網(wǎng)站教學(xué)課題：制作網(wǎng)站教學(xué)目標(biāo)：1、知識(shí)與技能：（1）了解網(wǎng)頁(yè)一般由哪些元素組成。（2）學(xué)會(huì)運(yùn)用表格進(jìn)行版面布局。（3）能夠在網(wǎng)頁(yè)中添加網(wǎng)頁(yè)元素。（4）能在網(wǎng)頁(yè)中設(shè)置超鏈接。2、過(guò)程與方法：（1）通過(guò)制作網(wǎng)站首頁(yè)，掌握版面布局、添加網(wǎng)頁(yè)元素和設(shè)置超鏈接的基本技術(shù)方法，達(dá)到舉一反三的功效。（2）通過(guò)學(xué)生動(dòng)手設(shè)計(jì)網(wǎng)頁(yè)的實(shí)踐活動(dòng)，使學(xué)生掌握對(duì)象屬性的設(shè)置方法，為學(xué)生今后學(xué)習(xí)其他軟件奠定基礎(chǔ)。3、情感態(tài)度與價(jià)值觀：（1）提高視覺(jué)素養(yǎng)，能根據(jù)網(wǎng)頁(yè)主題確定恰當(dāng)?shù)木W(wǎng)頁(yè)風(fēng)格并具有初步的創(chuàng)意。（2）通過(guò)運(yùn)用表格布局網(wǎng)頁(yè)對(duì)象活動(dòng)，進(jìn)一步掌握各種不同對(duì)象屬性的設(shè)置方法和規(guī)律，提高學(xué)生學(xué)習(xí)信息技術(shù)的信心。（3）在合作實(shí)踐過(guò)程中，培養(yǎng)學(xué)生的審美能力和創(chuàng)造能力，在小組協(xié)作學(xué)習(xí)中，培養(yǎng)學(xué)生合作幫助、團(tuán)結(jié)協(xié)作的良好品質(zhì)。

（4）培養(yǎng)學(xué)生大膽構(gòu)思、自我創(chuàng)新的精神，培養(yǎng)學(xué)生的美感及創(chuàng)作后的成就感。（5）善于和老師、同伴一起分析討論，在分析、探討中學(xué)會(huì)欣賞，學(xué)會(huì)評(píng)價(jià)。教學(xué)重點(diǎn)難點(diǎn)：1、教學(xué)重點(diǎn)：（1）能用表格規(guī)劃版面布局的方法與技巧。（2）恰當(dāng)選取網(wǎng)頁(yè)元素與設(shè)置。2、教學(xué)難點(diǎn)：（1）掌握超鏈接技術(shù)設(shè)置網(wǎng)站導(dǎo)航功能的方法。（2）掌握設(shè)置網(wǎng)頁(yè)屬性的一般方法。教學(xué)過(guò)程：一、創(chuàng)設(shè)情景、引入課題、明確任務(wù)師：上節(jié)課我們已經(jīng)規(guī)劃了自己的網(wǎng)站，今天老師給大家?guī)?lái)了一個(gè)禮物，它是一個(gè)漂亮的網(wǎng)站，它就是“老師個(gè)人學(xué)校網(wǎng)站”，里面有許多關(guān)于同學(xué)們的內(nèi)容，如：你們漂亮的生活相等，請(qǐng)同學(xué)們欣賞。生：學(xué)生認(rèn)真觀看，自主互相討論，暢談想法及發(fā)表意見(jiàn)。師：繼網(wǎng)站籌劃之后我們就要著手來(lái)進(jìn)行網(wǎng)頁(yè)的設(shè)計(jì)了，第一個(gè)要進(jìn)行的當(dāng)然是首頁(yè)的制作。首頁(yè)是網(wǎng)站的“臉面”，能不能吸引訪問(wèn)者的注意，它顯得尤為重要，所以在設(shè)計(jì)制作首頁(yè)時(shí)需要特別花心思。怎樣設(shè)計(jì)一個(gè)好看的網(wǎng)頁(yè)讓網(wǎng)站第一時(shí)間搶占瀏覽者的眼球呢？再度打開(kāi)網(wǎng)站的首頁(yè)。生：仔細(xì)觀察該首頁(yè)的特點(diǎn)。并互相討論，各抒已見(jiàn)。師：上節(jié)課已經(jīng)搜集了素材，這節(jié)課咱們來(lái)動(dòng)手制作網(wǎng)站的首頁(yè)。指導(dǎo)學(xué)生使用FrontPage打開(kāi)范例“班級(jí)網(wǎng)站”的首頁(yè)，讓學(xué)生進(jìn)行小組交流，回答以下幾個(gè)問(wèn)題：1、你知道有哪些軟件可以用來(lái)制作網(wǎng)頁(yè)嗎？2、該網(wǎng)頁(yè)包含了很多元素，它們是如何整齊有序地分布在網(wǎng)頁(yè)中的？用什么可以分割網(wǎng)頁(yè)的版面布局呢？3、該首頁(yè)包含了哪些元素？是否能很好地表達(dá)主題思想？結(jié)合小組收集到的素材，你認(rèn)為在自己的網(wǎng)站首頁(yè)中可以添加哪些網(wǎng)頁(yè)元素？4、導(dǎo)航欄是網(wǎng)站的“地圖”，沒(méi)有它，瀏覽者就會(huì)“迷路”。選定范例網(wǎng)站首頁(yè)導(dǎo)航欄中的欄目文字，單擊常用工具欄上的超鏈接按鈕，看看會(huì)出現(xiàn)什么？生：觀察思考、探究、小組合作交流，回答教師提出的幾個(gè)問(wèn)題，并確立自己將要開(kāi)展的工作。師：其實(shí)很多文字處理軟件都可以設(shè)計(jì)網(wǎng)頁(yè)，如Word中，利用“另存為web頁(yè)”就可以將文檔保存為網(wǎng)頁(yè)，有些圖像處理軟件如PhotoShop也可以制作網(wǎng)頁(yè)，Windows“記事本”也可以制作網(wǎng)頁(yè)等，不過(guò)FrontPage和Dreamweaver卻是最方便的網(wǎng)頁(yè)制作軟件，因?yàn)樗鼈儾粌H可以制作網(wǎng)頁(yè)，而且能方便地設(shè)計(jì)和管理網(wǎng)站，很適合入門學(xué)習(xí)。二、先學(xué)后教、任務(wù)驅(qū)動(dòng)、自主學(xué)習(xí)1、用表格進(jìn)行版面布局師：（1）提問(wèn)學(xué)生都為他們的主頁(yè)準(zhǔn)備了哪些內(nèi)容和素材（如文本、圖片、動(dòng)畫、音頻、視頻）？（2）引導(dǎo)學(xué)生閱讀教材，然后動(dòng)手實(shí)踐。生：（1）學(xué)生回答老師的問(wèn)題。（2）上網(wǎng)學(xué)習(xí)相關(guān)的技能技巧。（3）小組合作自主探究，教師引導(dǎo)，并安排操作熟練的學(xué)生進(jìn)行演示。師：（1）教師巡視課堂，做個(gè)別輔導(dǎo)。針對(duì)學(xué)生普遍存在的問(wèn)題，教師做詳細(xì)講解。（2）以前我們可以用表格來(lái)表示數(shù)據(jù)信息嗎？表格還可以用來(lái)對(duì)網(wǎng)頁(yè)版面實(shí)現(xiàn)分割嗎？（3）你打算怎樣安排它們的具體位置才能使網(wǎng)頁(yè)更加合理美觀，方便訪問(wèn)者訪問(wèn)？（4）讓打開(kāi)學(xué)生常去的網(wǎng)站，騰訊QQ網(wǎng)站，讓學(xué)生觀察并提問(wèn)他們發(fā)現(xiàn)了什么，再逐一把表格中的各元素刪除，使網(wǎng)頁(yè)上只留下一個(gè)空表格結(jié)構(gòu)。（5）提醒學(xué)生要在編輯窗口和預(yù)窗口之間切換觀察，使表格結(jié)構(gòu)調(diào)整得更加合理。（6）如何才能讓表格不顯示在我們的網(wǎng)頁(yè)中呢？生：思考回答問(wèn)題，小組合作探究、交流，完成老師布置的任務(wù)。師：（1）對(duì)比展示兩張素材相同布局不同的網(wǎng)頁(yè)。一個(gè)使用表格布局，但表格邊框隱藏，其頁(yè)面工整，文本、圖片擺放對(duì)稱，具有一定的規(guī)律；另一個(gè)不用表格布局則頁(yè)面凌亂，圖文混雜，擺放雜亂。（2）教師簡(jiǎn)單演示。A：添加表格；B：表格屬性設(shè)置面板中的幾個(gè)常用設(shè)置選項(xiàng)說(shuō)明。（3）指出學(xué)生易出錯(cuò)或難于處理的問(wèn)題及學(xué)生可能遇到的問(wèn)題。生：（1）認(rèn)真觀看教師演示，歸納總結(jié)交流自己動(dòng)手動(dòng)實(shí)踐過(guò)程中存在的問(wèn)題和不足、成功的心得體會(huì)及改進(jìn)思路等。（2）互相找出易出錯(cuò)或難于處理的問(wèn)題及學(xué)生可能遇到的問(wèn)題，合作探究解決的辦法。2、添加網(wǎng)頁(yè)元素師：（1）要求學(xué)生把事先準(zhǔn)備好的各種網(wǎng)頁(yè)元素（如文本、圖片、動(dòng)畫、音頻、視頻）添加到主頁(yè)，也可使用教師機(jī)的共享資源庫(kù)的素材。（2）把學(xué)生用到的技能要點(diǎn)發(fā)到學(xué)習(xí)網(wǎng)站上。生：（1）小組合作交流，對(duì)之前收集到的素材進(jìn)行選用，添加到網(wǎng)頁(yè)中。（2）上網(wǎng)學(xué)習(xí)相關(guān)的技能技巧。（3）上網(wǎng)查找需補(bǔ)充的素材。（4）學(xué)有余力的同學(xué)還可以嘗試怎樣讓網(wǎng)頁(yè)更加生動(dòng)。如添加視頻、背景音樂(lè)等。師：（1）恰當(dāng)?shù)貫閷W(xué)生提供方法，講授經(jīng)驗(yàn)心得。（2）解決學(xué)生提出的疑難問(wèn)題。（3）鼓勵(lì)學(xué)生進(jìn)行發(fā)現(xiàn)和嘗試提高他們的動(dòng)手能力。（4）教師巡視課堂，做個(gè)別輔導(dǎo)。針對(duì)學(xué)生普遍存在的問(wèn)題，教師做詳細(xì)講解。師：（1）教師簡(jiǎn)單演示。（2）指出學(xué)生易出錯(cuò)或難于處理的問(wèn)題及學(xué)生可能遇到的問(wèn)題。生：認(rèn)真觀看教師演示，歸納總結(jié)交流自己動(dòng)手動(dòng)實(shí)踐過(guò)程中存在的問(wèn)題和不足、成功的心得體會(huì)及改進(jìn)思路等。3、設(shè)置超鏈接師：（1）如何通過(guò)超鏈接技術(shù)實(shí)現(xiàn)網(wǎng)站的導(dǎo)航功能？（2）再次提出導(dǎo)航欄是網(wǎng)站的“地圖”，沒(méi)有它，瀏覽者就會(huì)“迷路”。選定范例網(wǎng)站首頁(yè)導(dǎo)航欄中的欄目文字，單擊常用工具欄上的超鏈接按鈕，看看會(huì)出現(xiàn)什么？（3）你發(fā)現(xiàn)哪些地方需要設(shè)置超鏈接嗎？試對(duì)它們進(jìn)行設(shè)置。（4）如何檢查各個(gè)鏈接目標(biāo)是否設(shè)置正確？生：動(dòng)手嘗試，通過(guò)自主探究、小組合作交流，回答老師的問(wèn)題。師：教師簡(jiǎn)單演示。三、課堂小結(jié)、作品展示、師生評(píng)價(jià)（1）教師引導(dǎo)學(xué)生進(jìn)行總結(jié)，針對(duì)本節(jié)課的重點(diǎn)知識(shí)進(jìn)行提問(wèn)，了解學(xué)生對(duì)相關(guān)知識(shí)的掌握。（2）學(xué)生相互欣賞作品，推薦優(yōu)秀作品在全班進(jìn)行展示。我們來(lái)評(píng)一評(píng)，哪個(gè)作品做得好，好在哪里？那個(gè)作品還存在不足之處，都有那些方面？師生共同評(píng)價(jià)，教師對(duì)完成情況好的學(xué)生和幫助他人的學(xué)生給與表?yè)P(yáng)。四、教學(xué)反思本節(jié)課采用的教學(xué)理念和教學(xué)方式是在建構(gòu)主義的教學(xué)理論指導(dǎo)下，采用“任務(wù)驅(qū)動(dòng)教學(xué)法”,讓學(xué)生這種“帶著任務(wù)自主學(xué)習(xí)”的探究模式下實(shí)現(xiàn)知識(shí)的意義建構(gòu)。以學(xué)生自己實(shí)踐、自主學(xué)習(xí)為主，老師巧妙引導(dǎo)，適時(shí)指點(diǎn)為輔，學(xué)生在這種學(xué)習(xí)過(guò)程中處于積極主動(dòng)的主體地位，從而可以充分發(fā)揮學(xué)生的學(xué)習(xí)主動(dòng)性和創(chuàng)造性，使學(xué)生自主地獲取知識(shí)。讓學(xué)生通過(guò)合作協(xié)調(diào)、構(gòu)思創(chuàng)新的方式完成整節(jié)課學(xué)習(xí)的方法，極大調(diào)動(dòng)了學(xué)生的學(xué)習(xí)積極性，培養(yǎng)了其信息表達(dá)的能力，加強(qiáng)了學(xué)生的信息意識(shí)，提高了信息處理的能力。在探索式學(xué)習(xí)中，重要的不只是僅對(duì)任務(wù)完成的學(xué)習(xí)，而是學(xué)