高一信息技術教學設計案例網(wǎng)站和網(wǎng)頁

1、高一信息技術教學設計案例網(wǎng)站和網(wǎng)頁【知識點的相互銜接】 與初中“網(wǎng)頁制作”部分和高中“網(wǎng)頁的設計和制作”模塊銜接【本課教學法提點】 小組合作探究學習1模塊：高中信息技術基礎2年級：高中一年級3所用教材版本：上海科技出版社4建議學時數(shù)：非上機時間20分鐘，上機操作時間25分鐘案例背景 在信息社會，將會有越來越多各種各樣的資源以網(wǎng)頁的形式保存在因特網(wǎng)上的服務器中，人們也更為主動地利用因特網(wǎng)，在讓每一位上網(wǎng)的人都享受著網(wǎng)頁方式信息的便利的同時，也需要更多的信息提供者能以網(wǎng)頁的方式直接發(fā)布各種信息。因此，較熟練地掌握一些網(wǎng)頁設計與制作的技能，是時代對于廣大高中學生的基本要求，每位同學應該認真學習，通過

2、練習切實掌握網(wǎng)頁的設計與制作方法。通過在信息技術教學中的大量實踐，特別是針對高中學生的特點，我發(fā)現(xiàn)在網(wǎng)絡教學環(huán)境中結合多種學生喜歡的學習方式進行學習，更適宜有效地培養(yǎng)學生的信息素質(zhì)、創(chuàng)新精神和實踐能力。本章節(jié)是課本第六章第一節(jié)，通過前五章的學習，學生的信息素養(yǎng)有了較大的提高，利用信息技術解決實際問題的操作技能有了長足的進步，雖然多數(shù)學生在初中沒有制作過完整意義上的網(wǎng)頁和網(wǎng)站，但對于本章的知識和技能而言，基本不存在“零起點”影響學生的問題。教學設計（一）、教學目標：1知識目標：  了解萬維網(wǎng)的基本架構，理解網(wǎng)頁的作用，掌握網(wǎng)頁元素和網(wǎng)頁構件的使用，學會使用常用的網(wǎng)頁制作工具。2能力目標

3、：通過網(wǎng)頁作品的欣賞培養(yǎng)學生搜索、下載、處理和應用信息的能力，培養(yǎng)學生對信息技術的實踐應用能力、協(xié)作能力和創(chuàng)新能力。通過本課的學習可以培養(yǎng)學生的辯證思維和發(fā)散思維的能力、邏輯思維能力及語言表達能力。3德育目標：培養(yǎng)學生獨立思考、自主學習、合作討論的能力，通過自己探究問題，進一步樹立學生學習信息技術的自信，提高學生學習網(wǎng)頁制作的興趣。（二）內(nèi)容分析1教材分析： 信息技術基礎模塊，能夠根據(jù)任務需求，選擇恰當?shù)墓ぞ叻治鼍W(wǎng)頁。在本章中，通過對一些網(wǎng)頁的分析，讓學生了解構成網(wǎng)頁的各種要素，并了解萬維網(wǎng)的基本架構，理解網(wǎng)頁的作用。學生通過小組合作學習的方式，了解并掌握網(wǎng)站的策劃構思的過程，掌握素材收集整理

4、的基本方法，學會最基本的網(wǎng)頁制作工具軟件的使用。2教學重點、難點（1）教學重點：網(wǎng)頁的基本要素（2）教學難點：網(wǎng)頁的基本要素，構件（三）、學生分析：學生是教學活動的主體，充分了解學生，是取得良好教學效果的必要條件。通過對學生平時上機情況的觀察以及課下和學生的談話交流，我了解到的學生的主要情況是： 1高一年級學生經(jīng)過初中階段的學習，能夠較好地運用搜索引擎、Word、PowerPoint 等常用信息技術工具。2. 具備了基本的網(wǎng)絡水平。3. 已具備了初步的小組協(xié)作探究能力。 （四）、教學策略設計1教學方法設計 利用多媒體教學手段創(chuàng)設情境，采用教師引導，學生“分小組協(xié)作探究”的學習方式，在網(wǎng)絡教室中

5、開展學生自主活動。2關于教學活動的設計思路教科書中給出了幾個國內(nèi)著名網(wǎng)站的某一首頁的屏幕截圖，教學過程中不受制于教科書，本人采用徐志摩文學網(wǎng)進行分析，在網(wǎng)頁的欣賞中介紹網(wǎng)頁的基本要素，分析網(wǎng)址構成。在教學過程中，充分體現(xiàn)學生是主體，加強小組分工合作，層次推進教學，落實基礎知識。3教學媒體：網(wǎng)絡機房（局域網(wǎng)）、校園內(nèi)部網(wǎng)站、教科書等。案例描述1. 教與學的過程描述本課實際教學過程的描述如下：主要活動學生任務引入幻燈顯示再別康橋flash動畫朗讀版，指出詩很美，作者的一生更是傳奇，他是這么悄悄地來，又這么悄悄地去了。他雖然不曾帶走人間的一片云彩，卻把永遠的思念留給了中國詩壇。作者筆下的康橋更是讓人

6、向往，它在我們的心中是如此美麗，讓人充滿幻想。新課 網(wǎng)站和網(wǎng)頁進入徐志摩文學網(wǎng)一、網(wǎng)頁的基本要素教師提問：在徐志摩文學網(wǎng)中，各位同學是否發(fā)現(xiàn)了神往已久的康橋，除此之外，還發(fā)現(xiàn)了什么？學生活動：用發(fā)現(xiàn)法去找出有關康橋的圖片，再別康橋的詩和徐志摩的創(chuàng)作道路 藝術風格和特色。（基本要求）教師總結：網(wǎng)站是由網(wǎng)頁組成，組成網(wǎng)頁的基本元素有文字、圖形圖象和超鏈接。網(wǎng)頁中常見的圖象有jpg和gif。網(wǎng)站的首頁即為主頁。二、網(wǎng)頁的構件教師提問：在徐志摩文學網(wǎng)中，各位同學除了發(fā)現(xiàn)組成網(wǎng)頁的三要素文字、圖形圖象和超鏈接，還發(fā)現(xiàn)了什么？學生活動：相鄰兩位同學一起去發(fā)現(xiàn)，探討。（5分鐘）教師總結：除了組成網(wǎng)頁的基本三

7、元素文字、圖形圖象和超鏈接。一個豐富多彩的網(wǎng)頁還包括一些構件。如：聲音，表單，表格，和一些java小應用程序。在桌面上新建一個以自己名字命名的文件夾，進入徐志摩文學網(wǎng)完成以下任務課堂任務一，觸摸網(wǎng)頁的基本三要素：1.要求下載康橋的圖片 ，文件名改為kq2.要求下載«再別康橋»，復制，粘貼到word文檔中，文件名改為zbkq3徐志摩的創(chuàng)作道路 藝術風格和特色。課堂任務二：用發(fā)現(xiàn)法去找出徐志摩的簡介，以及后人對徐志摩詩歌的評價。（選作題）課堂任務三：4找出全國計算機等級考試查詢電話5下載網(wǎng)友：春風嫵媚對徐志摩的詩歌的評價6在線欣賞«再別康橋»朗讀版。7探討主

8、頁的格局規(guī)化。三、揭開網(wǎng)頁的面紗。1、分析網(wǎng)址教師講解，網(wǎng)站的地址標識是URL(Uniform Resoure Locator 統(tǒng)一資源定位器）是WWW網(wǎng)頁的地址，好比一個街道在城市地圖上地址。url使用數(shù)字和字母按一定順序排列以確定一個地址。如 URL的第一個部分http:/表示的是要訪問的文件的類型。在網(wǎng)上，幾乎總是使用http（意思是超文本轉(zhuǎn)換協(xié)議,hypertext transfer protocol.因為它是用來轉(zhuǎn)換網(wǎng)頁的協(xié)議.）.WWW (World Wide Web)的含義是“萬維網(wǎng)”、 也就是我們所說得Internet . WWW帶來的是世界范圍的超級文本服務,只要操縱電腦的鼠

9、標,就可以通過Internet從全世界任何地方調(diào)來你所希望得到的文本、圖像(包括活動影像)和聲音等信息。1、 利用frontpage, 揭開網(wǎng)頁的面紗將網(wǎng)頁保存下來，先用Frontpage打開、分析網(wǎng)頁，介紹所見即所得的網(wǎng)頁編輯工具（另外也用DW打開），然后用Frontpage查看網(wǎng)頁源代碼，指出網(wǎng)頁是采用HTML語言來編寫，將網(wǎng)頁代碼復制到記事本中，然后保存為HTM文件。打開該文件，跟原網(wǎng)頁比較，得出網(wǎng)頁不僅可以用Frontpage制作，也可以用HTML語言直接編寫（用記事本或其它一些文本編輯工具，只要保存類型為HTM）。教師總結：HTML英語意思是：Hypertext Marked Lan

10、guage，即超文本標記語言，HTML 命令可以描述文字、 圖形、動畫、聲音、表格、鏈接等。網(wǎng)頁是由HTML語言組成。課堂任務四：8、利用frontpage，打開9、觀察網(wǎng)頁的布局。10、查看圖片康橋的html課堂任務五：11、將網(wǎng)站首頁保存在自己文件夾下（保存類型為全部）。12、用Frontpage查看網(wǎng)頁源代碼，將源代碼全部復制到記事本中，保存在當前位置，文件名為cs.htm四、練習1、下列網(wǎng)頁元素中，不屬于基本的三中元素的是（ ）A 動畫 B 文字 C 圖片 D 超鏈接2、網(wǎng)頁中描述各種元素和構件的語言是（ ）A 、PASCAL B 、C C、HTML D、BASIC3、下列關于網(wǎng)頁元素

11、-圖片的使用觀點中，錯誤的是（ ）A 圖片可以直觀形象地表達某些信息B 圖片可以美化網(wǎng)頁，吸引讀者的眼關C 圖片可以跨越語言障礙地表達某些信息。D 每張圖片都必須包含圖片，否則不能稱之為網(wǎng)頁。4、網(wǎng)頁制作時，能對網(wǎng)頁中的元素和構件進行準確定位的是（ ）A 網(wǎng)格 B 表格 C 網(wǎng)頁特效 D 超鏈接5、相鄰兩位同學設計一副介紹姚明的主頁（在稿紙上設計主頁，要求在設計時能充分運用各種網(wǎng)頁元素和構件）。任務要求：1、一位同學收集有關姚明的文字，圖片等。2、兩位同學共同完成有關介紹姚明的主頁設計(紙上)。五、教師小結。在再別康橋朗讀聲中結束課堂。課堂任務六：13、分組搶答14、相鄰兩位同學設計一副介紹姚

12、明的主頁。教學反思1、我運用的是“學生主體性教學”。其指導思想是：一切從學生主體出發(fā)，讓學生成為知識技能的“探究者”、難點問題的“突破者”，使學生真正的成為學習的主人。實踐證明，以此做為原則的課堂是生動的，學生所樂于接受的。在以后的教學實踐中，我會把它做為永遠不變的中心法則，使課堂真正成為學生的舞臺。2、精講多練加深印象：精講多練就是讓學生多一些上機操作的時間。俗話說熟能生巧勤能補拙。多練習，學生自會在不知不覺中掌握所要學習的知識。3、存在不足：計算機知識是不斷更新的，僅靠書本上的知識是沒辦法教好學生。而且學生很想了解計算機發(fā)展的一些最新動態(tài)，了解一些新的軟件，一些網(wǎng)絡知識。對于分組完成任務的情況不好掌握，不能保證全體同學都在參與。由于學生之間有水平差異，教學難度控制有點