《2022年高中信息技術(shù) 4.2網(wǎng)站規(guī)劃設(shè)計教案 粵教版選修3》由會員分享，可在線閱讀，更多相關(guān)《2022年高中信息技術(shù) 4.2網(wǎng)站規(guī)劃設(shè)計教案 粵教版選修3（2頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、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è)計的藍圖通過同學(xué)們自己的努力成為現(xiàn)實。 *學(xué)生分析】學(xué)生對網(wǎng)站的實際制作較感興趣，但實際操作制作水平差距很大，雖然在教育科學(xué)出版社《信息技術(shù)基礎(chǔ)》（必修）課程第六章信息集成與信息交流部分已有介紹，但學(xué)生對網(wǎng)站實現(xiàn)的基本過程理解不夠，整體感不強，有待進一步提高。 *教學(xué)目標】 1、讓學(xué)生從整體上感悟網(wǎng)站實現(xiàn)的基本過程。（過程與方法） 2、熟練使用FrontP

2、age建立網(wǎng)站、制作網(wǎng)頁。（知識與技能） 3、培養(yǎng)學(xué)生嚴謹?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í)，我們了解

3、了因特網(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é)展評，從中選出公認的設(shè)計藍圖。 學(xué)生活動：學(xué)生觀看、討論、交流。 設(shè)計意圖：確定網(wǎng)站實現(xià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)，讓你的藍圖變成現(xiàn)實。 設(shè)計意圖：讓學(xué)生從整體上把握方向，進一步激發(fā)學(xué)習(xí)熱情。 二、新授

4、： 環(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é)生嘗試利用FrontPage創(chuàng)建站點，演示操作創(chuàng)建站點的過程和方法。 設(shè)計意圖：給學(xué)生提供更多展示自我的機會。 3、教師結(jié)合創(chuàng)建好的空站點簡略分析其目錄結(jié)構(gòu)

5、，特別指出文件夾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像素，水平居中，表格邊框粗細設(shè)置為0。 學(xué)生活動：學(xué)生自主探究完成網(wǎng)頁布局表格的建立與設(shè)置。 設(shè)計意圖：按照教師的操作要求完成操作任務(wù)，培養(yǎng)學(xué)生嚴謹?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é)與歸納能

6、力，語言交流與表達能力。 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，進一步鞏固消化網(wǎng)頁元素——動畫文件的添加方法。 任務(wù)3：在表格第三行第三個單元格內(nèi)插入動畫文件2.swf，并設(shè)置動畫文件的寬度為150像素，高度為120像素，水平居中。 學(xué)生活動：學(xué)生通過自主與合作學(xué)習(xí)，嘗試網(wǎng)頁圖片與Flash動畫文件的添加方法。 設(shè)計意圖：將jpg格式的普通圖片文件與swf格式的動畫文件安排在

7、一起讓學(xué)生練習(xí)，旨在讓學(xué)生真正理解和區(qū)分兩種不同格式文件的添加方法。 5、教師根據(jù)學(xué)生實際操作狀況，針對性地請學(xué)生進行操作示范，并歸納小結(jié)圖片和動畫文件的不同添加方法。 環(huán)節(jié)三：教師講解網(wǎng)頁的保存方法。 1、通過確定保存網(wǎng)頁文件的文件名index.htm，引出首頁的概念及默認文件名的含義。 2、特別指出圖片和動畫文件的保存方法，突出站點中images文件夾的作用。 學(xué)生活動：學(xué)生按要求保存文件，并利用文件夾列表進行查看文件目錄結(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é)過程中準備了具有層次性的操作要求，旨在讓所有學(xué)生均有所收獲和提高