製作互動功能的網頁 表單網頁的製作

2022-03-21 23:02:08 字數 3953 閱讀 7258

教學課題:製作互動功能的網頁——表單網頁的製作

教學背景:

在此之前,學生已經對製作網頁的基本方法有了清楚地認識,並基本完成了自己的站點,此內容是網頁製作部分的進一步提公升,讓學生對網頁製作進行更加深入的**和製作,通過學習製作具有互動功能的網頁,進一步感受網頁製作的樂趣,激發更大的創造熱情,培養學習興趣。

教材分析:

本節課是蘇教版初中資訊科技(下冊)第十章「主題**設計」的第2節「製作**」中的第5小節,在本章節中起著承上啟下的作用。在前面幾小節,已經介紹了如何規劃**、如何建立站點及基本網頁的製作,這節課通過學習表單網頁的設計,學會與人交流,正確收集反饋意見。在後續的課程中繼續對網頁製作進行深化,本節課又為後續課程奠定了基礎。

學生分析:

學生在學習本節內容之前,已經學習過網際網路的相關知識、會上網,並且已經掌握常用網路工具軟體的使用,如qq、e-mail等等,並且有著濃厚的興趣。大部分學生只停留在利用qq聊天、進行網路遊戲、收發e-mail等階段,對申請qq號碼和e-mail時的網頁結構形式知之甚少。在設計之前應讓學生看或簡單完成幾個平時他們並不陌生的這類網頁,並告訴他們很快他們自己也能成為這類設計的幕後策劃者,使得同學們對本課的學習充滿期待,絕大多數學生都有親自動手一試的慾望。

教學目標:

1.知識與技能:了解互動網頁概念,學會表單的功能及表單元件的使用方法;掌握表單元件的功能及使用方法,掌握表單各元件屬性設定方法。

2.過程與方法:通過學習與創作,使學生感受表單在網頁中的作用,體驗網頁的互動功能。

3.情感態度與價值觀:通過「動物保護知多少」表單網頁設計,讓學生在運用、學習、製作的過程中感受表單給網頁帶來的互動作用,逐步提公升環保意識。

4.行為與創新:

網頁的設計模式不是單一的,可以讓學生自己有所發揮,培養學生的資訊素養和用資訊科技解決問題的能力。

教學策略:

在教學中有效利用網際網路,鼓勵學生利用網際網路進行自主**,幫助學生豐富知識體系,多引導,多交流,在平等和諧的環境中逐步擊破各個知識要點,理解表單網頁的作用及製作方法。為培養學生自主學習的習慣與能力,盡量少講,更多的讓學生自己學習教師提供的學件。課前收集本互動網頁製作過程中所需要的各種素材,給予學生充分自主選擇的機會;提供製作網頁的操作指南及錄影幫助,使學生在平等愉快的氣氛中自主的學習,真正成為課堂的主人,從而更好的完成教學目標。

教學重點:

1、表單元件的正確插入

2、表單資料的蒐集

教學難點:

1、表單元件的屬性設定

2、根據實際需要正確運用表單元件

教學方法: 講授法,演示法,任務驅動法

教學過程:

一. 創設情境,激趣引入

教師**一段**(通過網路搜尋並擷取),展示目前非常嚴重的空氣汙染,使學生自然地融入課堂。

師:同學們都知道目前環境汙染非常嚴重,你對我們南京的空氣汙染到底了解多少呢?我們一起來做乙份問卷調查吧!

給出**,學生填寫問卷調查

設計意圖:通過創設接近學生生活的情境使學生盡快融入課堂,激發學生學習熱情並積極思考處理問題的方法,喚起學生保護環境的意識,恰當的運用網際網路,使學生體會表單的運用。

二. 揭示課題,自主**

師:剛才同學們填寫的問卷調查,被廣泛的運用在網頁中,用於收集資訊,這就是我們今天要學習製作的具有互動功能的網頁——表單網頁。

教師展示ppt課件,使學生明確表單網頁的概念。

什麼是表單?表單是用於實現網頁瀏覽者與伺服器(或者說網頁所有者)之間資訊互動的一種頁面元素,在www上它被廣泛用於各種資訊的蒐集和反饋。

師:同學們還用過哪些表單?給大家2分鐘,上網去體驗一下表單還經常運用在哪些地方,把你體驗的頁面展示給大家,跟大家一起分享吧!

學生上網體驗表單。

教師展示學生的頁面,並做小結,用ppt課件展示樣例:表單通常用在新使用者註冊、會員登記表、留言薄、問卷調查中,用於各種資訊的蒐集和反饋,便於不斷完善**的功能,提供更好的服務,吸引更多的瀏覽者。

設計意圖:自然地銜接,從而引出課題,讓學生明確學習任務,通過自主**,上網體驗表單的功能及運用,從而更好的理解表單網頁的作用,同時也使每一位學生都參入到課堂,激發學生的製作熱情,克服剛剛接觸表單網頁的困難感,為後續表單網頁的製作打下基礎。

三. 深入剖析,精講精練

師:我們已經對表單網頁有個直觀的認識,那麼我們能不能自己動手製作乙個表單網頁來豐富我們的**呢?今天我們就一起來試一試吧!首先我們來認識一下表單網頁中的表單元件。

教師**ppt,展示乙個表單網頁的樣例,通過ppt的動畫效果,逐個介紹幾個常用的表單元件:單行文字框、單選按鈕、下拉列表、核取方塊、滾動文字框、按鈕。

教師邊介紹邊請學生說說這些表單元件一般都用在什麼地方,什麼時候需要用這些表單元件來幫助我們蒐集資訊?如果遇到問題可以上網搜尋,自主**,教師及時給予指導。

教師演示表單的插入方法。

教師布置任務一:完成簡單的個人資訊的表單製作。

教師給出學件,便於學生自主**,巡視並及時指出學生操作過程中的問題。

任務一圖——個人資訊表單

學生完成任務一,有問題參考學件,根據老師的提示修改自己網頁中存在的問題。

教師展示學生製作的任務一表單,反饋任務一中比較普遍的問題。學生認真思考老師的提問,並積極的回答。

教師布置任務二:完善並美化個人資訊表單。

教師給出學件,便於學生自主**,巡視並及時指出學生操作過程中的問題。

任務二圖——完善並美化個人資訊表單

學生完成任務二,有問題參考學件,根據老師的提示修改自己網頁中存在的問題。

教師講解製作中特別需要注意的問題:性別的調查是用兩個單選按鈕,注意同一組的單選按鈕的「組名稱」應該一樣。 請學生演示下拉列表中選項的新增方法。

教師布置提高任務:完成「知識問答」表單製作。

學生根據老師給的文字,使用正確的表單元件,完成整個表單網頁的製作。和老師一起分析同學的作品,積極回答問題。

教師巡視學生製作情況,給予及時輔導並解答學生的問題,使學生不斷碰撞思維,擦出火花,激發更多的靈感,使自己的作品更加別具一格。

教師演示學生作品,分析學生所運用的表單元件,講解表單的提交。

設計意圖:通過例子深入剖析各個表單元件,使學生明確各個表單元件的作用及適用範圍,在製作過程中及時提供給學生幫助,包括網路支援和自主**的學件,有效的培養學生自主**的能力,通過設計不同層次的任務,分層次學習,使學生真正成為課堂的主人!

四. 師生互評,共同提高

利用網路事先發布做好的評價頁面,給出評價指標,學生登陸評價網頁進行自評,填寫評價表,學生打分後能即時看到自己的成績,爭做五星全能小冠軍。

教師展示學生製作好的表單,先讓學生評價,其中的閃光點和需要修改的地方。

學生評價其他同學的**,大膽說出自己的想法。

教師評價,提出合理化建議,激勵學生更好的修改自己的表單。

設計思想:通過網路發布評價表便於學生自評打分後就能看到自己的成績,使學生對本節課所學做一次回顧,對照評價指標客觀的評價自己,通過成果展示,師生共同評價,達到更客觀、更公正的評價自己與他人的作品,並能取長補短,不斷進步,共同提高。

五. 教學總結,設疑激趣

師:今天,我們學習製作了表單網頁,這樣可以更加充實我們的**,蒐集瀏覽者的資訊,今天我們主要製作了環保知識表單,同學們也可以根據自己**的主題製作符合自己**特色的表單,如趣味測試、留言簿等。同學們可能還有個疑問,我們點「提交」按鈕的時候,我們填寫的表單內容,提交到什麼地方了呢?

在**能看到我們填寫的資訊呢?這個問題留給大家課後去**,記住,我們的法寶:有效地利用網際網路!

設計思想:梳理本節課的知識,引導學生再次回顧本節課所學知識,深入理解本節課的重難點,丟擲更深層次的問題,引發學生思考,鼓勵學生利用網際網路進一步探索更深層次的知識,培養運用資訊科技解決問題的能力。

教學反思:

本節課有效地利用網際網路結合教學內容開展教學,充分利用網際網路資源,注重培養學生的自主**能力,從本課教與學的情況來看,由於課前做了一定的調查與準備,所以教學效果還是比較滿意的,但仍存在許多不足。

可取之處表現在:

1、通過網際網路和教學學件輔助教學,能極大地調動學生的學習積極性,學生發現問題能夠自主解決,從而培養學生自主**學習的能力,激發學生凡事要深入了解的興趣,使之在學習的過程中,體驗著參與之樂、思維之趣、成功之悅。

製作簡單的網頁說課稿

製作乙個簡單的網頁 一 說教材 1 地位 本節採用的是山東教育出出版社初中資訊科技第3冊。網頁製作第1課 製作乙個簡單的網頁 這節課是學好網頁看作的第一步,為以後製作繁雜的網頁打基礎。2 教學目標 知識目標 1 初步了解網頁製作的過程,熟悉網頁的各種元素 2 掌握網頁製作的一些技術和方法,能製作乙個...

製作簡單的網頁教學設計

第2節 製作簡單的網頁 教學設計 一 學習者分析 教學的物件是初中二年級的學生。在學習本章節之前,學生已經學習了網路基礎知識,掌握了網路使用的基本方法 對文字的編輯也有一定的基礎 通過前面第一節對一些 的介紹,學生對學習製作網頁有較高的興趣。二 教材內容分析 1.本節的主要內容及在本章中的地位 本節...

關於網頁製作的教學反思

在教學中遇到很多的問題,值得我去思考,我想只有這樣才能使我在以後的教學中更加得心應手,所以每個階段的教學反思對於我來說顯得非常重要,下面我就把在網頁製作製作中遇到的一些問題進行歸納和總結。在第一次課中,我和學生一起學習了怎樣建立乙個自己的站點,並且在自己的站點內建立一張網頁,然後在這張網頁內輸入文字...