《2022年高中信息技術(shù) 4.2網(wǎng)站規(guī)劃設(shè)計(jì)教案 粵教版選修3》由會(huì)員分享,可在線閱讀,更多相關(guān)《2022年高中信息技術(shù) 4.2網(wǎng)站規(guī)劃設(shè)計(jì)教案 粵教版選修3(2頁珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、2022年高中信息技術(shù) 4.2網(wǎng)站規(guī)劃設(shè)計(jì)教案 粵教版選修3
*教材分析】本案例是教育科學(xué)出版社《網(wǎng)絡(luò)技術(shù)應(yīng)用》(選修)第四章第三單元網(wǎng)站實(shí)現(xiàn)的第一課時(shí),主要介紹使用網(wǎng)頁制作工具FrontPage實(shí)際動(dòng)手制作自己的網(wǎng)站,將規(guī)劃設(shè)計(jì)的藍(lán)圖通過同學(xué)們自己的努力成為現(xiàn)實(shí)。
*學(xué)生分析】學(xué)生對(duì)網(wǎng)站的實(shí)際制作較感興趣,但實(shí)際操作制作水平差距很大,雖然在教育科學(xué)出版社《信息技術(shù)基礎(chǔ)》(必修)課程第六章信息集成與信息交流部分已有介紹,但學(xué)生對(duì)網(wǎng)站實(shí)現(xiàn)的基本過程理解不夠,整體感不強(qiáng),有待進(jìn)一步提高。
*教學(xué)目標(biāo)】
1、讓學(xué)生從整體上感悟網(wǎng)站實(shí)現(xiàn)的基本過程。(過程與方法)
2、熟練使用FrontP
2、age建立網(wǎng)站、制作網(wǎng)頁。(知識(shí)與技能)
3、培養(yǎng)學(xué)生嚴(yán)謹(jǐn)?shù)膶W(xué)習(xí)作風(fēng)與合作精神。 (情感、態(tài)度、價(jià)值觀)
*重點(diǎn)難點(diǎn)】
1、網(wǎng)站實(shí)現(xiàn)的基本過程。(重點(diǎn))
2、圖片與動(dòng)畫文件的設(shè)置與保存。(難點(diǎn))
*處理思路】網(wǎng)站實(shí)現(xiàn)的基本過程是本節(jié)課教學(xué)重點(diǎn),主要通過學(xué)生自主探究、優(yōu)秀學(xué)生演示操作、小組合作等方式加強(qiáng)交流,加深對(duì)網(wǎng)站實(shí)現(xiàn)過程的理解和運(yùn)用。網(wǎng)頁元素的添加,特別是圖片和動(dòng)畫文件的設(shè)置與保存是教學(xué)難點(diǎn),試圖通過教師講解、學(xué)生互助和反復(fù)練習(xí)以求突破。
*教學(xué)環(huán)境】網(wǎng)絡(luò)教室+多媒體演示教學(xué)軟件+PPT文稿
*教學(xué)過程】
一、創(chuàng)設(shè)情境,知識(shí)導(dǎo)入。
1、師:同學(xué)們,通過前面的學(xué)習(xí),我們了解
3、了因特網(wǎng)有很多服務(wù)功能,但我們更多的是欣賞別人做的網(wǎng)站,那現(xiàn)在能不能通過你自己的努力將上節(jié)課同學(xué)們規(guī)劃設(shè)計(jì)的版面布局圖變成現(xiàn)實(shí),通過互聯(lián)網(wǎng)宣傳介紹自己的學(xué)校?
設(shè)計(jì)意圖:調(diào)動(dòng)學(xué)生情感,激發(fā)學(xué)習(xí)熱情。
2、教師PPT演示部分優(yōu)秀學(xué)生的版面規(guī)劃設(shè)計(jì)圖,通過同學(xué)展評(píng),從中選出公認(rèn)的設(shè)計(jì)藍(lán)圖。
學(xué)生活動(dòng):學(xué)生觀看、討論、交流。
設(shè)計(jì)意圖:確定網(wǎng)站實(shí)現(xiàn)藍(lán)本,為網(wǎng)頁布局做好前期分析。
3、局域網(wǎng)發(fā)布其它班級(jí)同學(xué)做好的網(wǎng)站,學(xué)生瀏覽網(wǎng)頁192.168.1.2 (見圖一)
師:今天我們共同學(xué)習(xí)4.3網(wǎng)站實(shí)現(xiàn),讓你的藍(lán)圖變成現(xiàn)實(shí)。
設(shè)計(jì)意圖:讓學(xué)生從整體上把握方向,進(jìn)一步激發(fā)學(xué)習(xí)熱情。
二、新授
4、:
環(huán)節(jié)一:分析網(wǎng)站實(shí)現(xiàn)基本過程之一建立站點(diǎn)。
1、教師設(shè)問,引發(fā)學(xué)生思考。
問1:利用FrontPage開發(fā)網(wǎng)站,首先需要做的第一件事是什么?
問2:為什么首先需要?jiǎng)?chuàng)建一個(gè)Web站點(diǎn)?
問3:在FrontPage中如何去創(chuàng)建一個(gè)站點(diǎn)?
學(xué)生活動(dòng):學(xué)生閱讀教材P88頁內(nèi)容并討論交流回答問題。
設(shè)計(jì)意圖:讓學(xué)生真正體會(huì)創(chuàng)建站點(diǎn)的重要性和基本方法。
2、教師結(jié)合學(xué)生演示,強(qiáng)調(diào)創(chuàng)建站點(diǎn)類型、站點(diǎn)保存位置及名稱。
學(xué)生活動(dòng):學(xué)生嘗試?yán)肍rontPage創(chuàng)建站點(diǎn),演示操作創(chuàng)建站點(diǎn)的過程和方法。
設(shè)計(jì)意圖:給學(xué)生提供更多展示自我的機(jī)會(huì)。
3、教師結(jié)合創(chuàng)建好的空站點(diǎn)簡(jiǎn)略分析其目錄結(jié)構(gòu)
5、,特別指出文件夾images的作用。
設(shè)計(jì)意圖:為圖片和動(dòng)畫文件的保存做鋪墊。
環(huán)節(jié)二:學(xué)生操作體驗(yàn)網(wǎng)站實(shí)現(xiàn)基本過程之二網(wǎng)頁制作。
1、教師結(jié)合規(guī)劃設(shè)計(jì)圖講解實(shí)現(xiàn)網(wǎng)頁布局的方法之一表格的建立,并給出設(shè)計(jì)任務(wù)1。
任務(wù)1:新建網(wǎng)頁,插入3×3的表格,并設(shè)置表格寬度為600像素,水平居中,表格邊框粗細(xì)設(shè)置為0。
學(xué)生活動(dòng):學(xué)生自主探究完成網(wǎng)頁布局表格的建立與設(shè)置。
設(shè)計(jì)意圖:按照教師的操作要求完成操作任務(wù),培養(yǎng)學(xué)生嚴(yán)謹(jǐn)?shù)膶W(xué)習(xí)作風(fēng)。
2、教師結(jié)合學(xué)生操作情況,強(qiáng)調(diào)“表格屬性”窗口的設(shè)置,并請(qǐng)學(xué)生示范操作。
小結(jié):教師引導(dǎo)學(xué)生小結(jié)網(wǎng)頁布局表格的建立方法
設(shè)計(jì)意圖:培養(yǎng)學(xué)生總結(jié)與歸納能
6、力,語言交流與表達(dá)能力。
3、教師給出設(shè)計(jì)任務(wù)2,讓學(xué)生體會(huì)網(wǎng)頁制作的第二步:添加網(wǎng)頁元素。
任務(wù)2:合并表格第一行單元格,并插入練習(xí)素材中的圖片文件title.jpg。設(shè)置圖片的寬度為600像素,高度為80像素,水平居中。
4、教師在學(xué)生操作練習(xí)任務(wù)2的基礎(chǔ)上提出任務(wù)3,進(jìn)一步鞏固消化網(wǎng)頁元素——?jiǎng)赢嬑募奶砑臃椒ā?
任務(wù)3:在表格第三行第三個(gè)單元格內(nèi)插入動(dòng)畫文件2.swf,并設(shè)置動(dòng)畫文件的寬度為150像素,高度為120像素,水平居中。
學(xué)生活動(dòng):學(xué)生通過自主與合作學(xué)習(xí),嘗試網(wǎng)頁圖片與Flash動(dòng)畫文件的添加方法。
設(shè)計(jì)意圖:將jpg格式的普通圖片文件與swf格式的動(dòng)畫文件安排在
7、一起讓學(xué)生練習(xí),旨在讓學(xué)生真正理解和區(qū)分兩種不同格式文件的添加方法。
5、教師根據(jù)學(xué)生實(shí)際操作狀況,針對(duì)性地請(qǐng)學(xué)生進(jìn)行操作示范,并歸納小結(jié)圖片和動(dòng)畫文件的不同添加方法。
環(huán)節(jié)三:教師講解網(wǎng)頁的保存方法。
1、通過確定保存網(wǎng)頁文件的文件名index.htm,引出首頁的概念及默認(rèn)文件名的含義。
2、特別指出圖片和動(dòng)畫文件的保存方法,突出站點(diǎn)中images文件夾的作用。
學(xué)生活動(dòng):學(xué)生按要求保存文件,并利用文件夾列表進(jìn)行查看文件目錄結(jié)構(gòu)。
設(shè)計(jì)意圖:讓學(xué)生加深對(duì)網(wǎng)站文件目錄結(jié)構(gòu)重要性的理解。
環(huán)節(jié)四:課堂評(píng)價(jià)與小結(jié)
選取部分學(xué)生作品展開自評(píng)與互評(píng),教師引導(dǎo)學(xué)生小結(jié)網(wǎng)站實(shí)現(xiàn)的基本過程。
學(xué)生提交作業(yè):學(xué)生將自已的作品上傳到FTP服務(wù)器:ftp://192.168.2.108 用戶名和密碼均為xxjs。
設(shè)計(jì)意圖:培養(yǎng)學(xué)生自評(píng)與互評(píng)能力,體驗(yàn)分享學(xué)習(xí)成功的喜悅。
*教學(xué)反思】
1、 本案例通過教師引導(dǎo)、學(xué)生自主練習(xí)、合作學(xué)習(xí)等形式試圖給學(xué)生建立一個(gè)較為清晰的框架,從整體上把握網(wǎng)站實(shí)現(xiàn)的基本流程,為學(xué)生今后的繼續(xù)學(xué)習(xí)打好基礎(chǔ)。
2、 通過學(xué)生演示操作、歸納小結(jié)所學(xué)內(nèi)容、作品自評(píng)與互評(píng)等形式激發(fā)學(xué)生的學(xué)習(xí)熱情,使學(xué)生的個(gè)性得以充分展示。
3、 針對(duì)學(xué)生個(gè)體差異性,教學(xué)過程中準(zhǔn)備了具有層次性的操作要求,旨在讓所有學(xué)生均有所收獲和提高