2022年高中信息技術(shù) 4.2網(wǎng)站規(guī)劃設(shè)計教案 粵教版選修3

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