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

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

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

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

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

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

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

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

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

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

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

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