《設計首頁》教案

外國語實驗學?！?5經(jīng)緯教學法”教師備課用紙

（2016～2017學年度第一學期主備人：朱一丹總課時：1）

課題設計首頁課型新授課課時1

1.了解網(wǎng)站首頁的概念、作用和制作方法。

教學

2.學會在網(wǎng)頁中輸入文字、插入圖片和水平線。

目標

3.增強學習信息技術的信心和保護動物的觀念。

教學

重點編輯網(wǎng)頁的幾種方法，掌握知識并學習致用。

難點

教具

多媒體、視頻

準備

教法提要

教學過程學法指導

關鍵點撥

師:上節(jié)課，我們學習了建立網(wǎng)站，建立網(wǎng)站的第一步是干什么?

速

生:首先要建立站點。

移師:設計網(wǎng)站時,直接制作網(wǎng)頁不可以嗎?為什么要建立站點?

導生:方便網(wǎng)頁的管理、瀏覽及發(fā)布,便于網(wǎng)站存儲位置的移動和網(wǎng)站

維護。

入

這節(jié)課我們就來學習制作網(wǎng)站的首頁。

合播放微課視頻

任務一:新建網(wǎng)頁

作

a.學生活動:學生自學課本或視頻,創(chuàng)建新網(wǎng)頁。

b.學生分組協(xié)作,自主探究,教師巡視指導,糾正錯誤。

探

c.教師隨機查看學生的操作,檢查操作是否準確。

疑設計意圖:分組合作,讓學生們在自主與同伴互助的學習中體會思

1

考、實踐、協(xié)作的樂趣。

任務二:制作文字標題“動物——人類的朋友”

a.學生活動:插入文字,設置屬性(字體、字號、顏色、對齊方式等),

可以自由選擇,還可做其他的設置,要求不固定,只要美觀。

b.作品展示,教師點評。

任務三:插入水平線,設置屬性

學生自學課本,插入水平線并設置屬性(高度和寬度、顏色)

任務四:插入圖片

a.學生自學視頻,插入圖片并設置屬性(高度和寬度、對齊方式)

圖片:d:\素材\保護珍稀動物\logo1.gif

合

b.教師巡視指導。

作討論:為什么要將圖片存在站點根文件夾下?當將原圖片的位置發(fā)生

變化時,網(wǎng)頁中的圖片能正常顯示嗎?

探講解:如果不存在根文件夾下,站點發(fā)布,或原文件遷移時,可能不能

正常顯示。最好,我們在站點下新建文件夾images專門用來存放圖

疑片,便于網(wǎng)站管理和維護。

任務五:插入文字介紹,并進行文字排版。

a.學生自學視頻,插入文字并排版(字體、字號、顏色、段落設置等)

文字:d:\素材\保護珍稀動物\保護野生動物文字介紹.doc

思考:粘貼與選擇性粘貼有區(qū)別嗎?

講解:粘貼只復制文本,而選擇性粘貼可以復制格式。

b.教師巡視,指導。

任務六：給網(wǎng)頁設置適當?shù)谋尘皥D片和背景音樂。

a.學生自學視頻，插入背景圖片和背景音樂。

b.教師巡視,指導。

任務七：插入鏈接到“下一頁”的圖標和文字。

a.學生自學視頻，插入鏈接到“下一頁”的圖標和文字。

b.教師巡視,指導。

c．保存、F12瀏覽。

d.作品展示,學生自評,教師點評。

2

本節(jié)課的操作任務較多,而教師的演示只能觀看一次,學生很容

易忘記一些步驟;書上的步驟講解太多,學生大多不能認真閱讀,影

響操作,較難完成任務。任務三、四、五安排學生自學微課視頻,可

建

以隨時暫停,邊看邊做,較難的操作可以隨時反復的觀看,每個學生

構

可以安排自己學習的進度,能幫助學生們準確掌握各個操作的步驟

生和方法,讓每一個學生都能有所獲,完成部分或全部的學習任務。而

成且在后面網(wǎng)頁制作中,操作視頻還能供學生反復使用。

以“我們的班級”設計一個網(wǎng)站首頁。

作

業(yè)

布

置

板

書

設

計

在課堂教學中要體現(xiàn)以學習為中心的教與學的關系,教師起著“串”的作用。

網(wǎng)頁制作需要認真學習頁面中各個對象的插入及其屬性的設置,雖然繁瑣但并不

教

很難,我認為教師不要試圖去控制學生,不要將他們束縛起來,那樣學生會感覺單

學純的操作很枯燥、乏味,失去學習的興趣。我們給他們提供多種學習的方法,給更

反多的時間讓他們自己去思考、設計和分析,屬性的設置只要美觀合適就可以,不需

要千篇一律。在學生自主學習時,給他們足夠的時間和空間,但并不是放散馬,放任

思

不管