劉浩
摘 要 “用表格為網(wǎng)頁布局”教學(xué)設(shè)計通過巧妙設(shè)計,設(shè)置游戲、實驗等教學(xué)環(huán)節(jié),化抽象為直觀,加強學(xué)生課堂的體驗,調(diào)動學(xué)生的參與意識。
關(guān)鍵詞 教學(xué)設(shè)計;網(wǎng)頁布局;信息技術(shù)
中圖分類號:G633.67 文獻標(biāo)識碼:B
文章編號:1671-489X(2015)21-0108-03
1 設(shè)計思路
這節(jié)課是“建站計劃”“建立站點”之后知識的進一步延伸,是制作網(wǎng)站的前期重要知識,在本章中具有承前啟后的作用,要求學(xué)生熟練掌握。小游戲環(huán)節(jié)讓學(xué)生體驗網(wǎng)頁布局的重要性,調(diào)動學(xué)習(xí)的積極性,發(fā)揮學(xué)生的想象力。通過嘗試小實驗環(huán)節(jié),體會表格的作用。通過回顧Word中表格操作,嘗試解決SharePoint2007中表格中的相關(guān)問題,使學(xué)生能進行知識遷移與內(nèi)化,提高課堂的深度。通過設(shè)置挑戰(zhàn)任務(wù),培養(yǎng)學(xué)生的自主學(xué)習(xí)能力。主要用到的教學(xué)方法包括講授法、實驗法、探究法、演示法、練習(xí)法。
2 教學(xué)分析
教材分析 本課選自浙教版初中八年級《信息技術(shù)》第三單元,教學(xué)對象為八年級學(xué)生。如何將文字、圖像和網(wǎng)頁其他元素合理恰當(dāng)?shù)匕才旁诰W(wǎng)頁中,使頁面易讀和美觀是初學(xué)者建設(shè)網(wǎng)站首要考慮的問題。表格作為一種素材排版定位工具,在建設(shè)網(wǎng)站過程中有著不可替代的地位,因此,本課對于網(wǎng)頁制作有著十分重要的作用。
學(xué)情分析 學(xué)生已經(jīng)掌握使用Word、PowerPoint等軟件制作多媒體作品的方法,對于網(wǎng)頁制作有一定的借鑒作用。SharePoint Designer2007中的表格與Word和Power-Point有類似的操作,對于表格操作的方法沒有技術(shù)難點,表格的知識可以利用知識遷移來完成學(xué)習(xí)。
教學(xué)目標(biāo)
1)通過設(shè)置制作以環(huán)保為主題的網(wǎng)頁的任務(wù),培養(yǎng)學(xué)生的環(huán)保意識。
2)通過玩游戲環(huán)節(jié),使學(xué)生體驗、了解網(wǎng)頁布局的作用是排版。
3)通過知識講解,使學(xué)生理解網(wǎng)頁布局的類型及方法。
4)通過設(shè)置對比實驗,讓學(xué)生了解表格在網(wǎng)頁制作中的作用是定位對象。
5)通過設(shè)置任務(wù)讓學(xué)生掌握SharePoint2007中表格的操作。
6)通過課堂拓展任務(wù),學(xué)生自主創(chuàng)作、思考,掌握嵌套表格的作用及操作。
教學(xué)重點
1)掌握網(wǎng)頁布局的方法。
2)SharePoint2007中表格的操作。
教學(xué)難點
1)網(wǎng)頁布局的作用。
2)表格在網(wǎng)頁制作中的地位。
3 教學(xué)過程
游戲?qū)耄季值淖饔?/p>
教師:各位同學(xué),我們先玩一個拼圖游戲。請雙擊打開桌面上的拼圖游戲.swf。這里有很多關(guān)于環(huán)境保護的圖片素材,你可以通過拖放鼠標(biāo)的方式將這些圖片再次排列。請用兩分鐘完成拼圖。
【設(shè)計意圖】通過此游戲環(huán)節(jié),讓學(xué)生在不知不覺中完成網(wǎng)頁布局的操作,既能實現(xiàn)可視化布局效果,還能通過開放式游戲使學(xué)生的作品多樣化,增強課堂的趣味性。
教師:我們一起來分享一下各位的作品。誰愿意分享你的作品?(展示2~3個不同類型效果)
【設(shè)計意圖】鼓勵學(xué)生展示、表達自己的想法與成果,培養(yǎng)學(xué)生的自信。
教師:你為什么要這樣設(shè)計?
學(xué)生:這樣設(shè)計比較好看,方便瀏覽,界面也簡潔。
教師:很好。這位同學(xué)剛分享了他的成果與設(shè)計思路,設(shè)計頁面的目的是美觀、簡潔、方便使用。這就是這節(jié)課要學(xué)習(xí)的內(nèi)容——布局網(wǎng)頁。
【設(shè)計意圖】針對這個小活動,引導(dǎo)學(xué)生做總結(jié),輕松突破網(wǎng)頁布局這一難點,充分體現(xiàn)了以學(xué)生為中心的教學(xué)思想。
教師:現(xiàn)在我們來一起學(xué)習(xí)一下常見的網(wǎng)頁布局的類型及其效果(以此主題為例,展示四種不同的布局類型,使學(xué)生對網(wǎng)頁布局有更加深刻的認識)。那是不是只有這四種類型呢?其實還有其他的類型,請看效果圖。
【活動小結(jié)】網(wǎng)頁布局的作用是排版。但是網(wǎng)頁沒有特定的布局,只要達到界面簡潔、美觀、方便使用的效果即是好的布局。
任務(wù)驅(qū)動,畫布局圖
任務(wù)一:在紙上畫出網(wǎng)頁布局圖。
要求:1)按照剛才拼出的效果在白紙上畫出布局草圖;2)將標(biāo)題、導(dǎo)航欄、網(wǎng)頁等信息標(biāo)注在布局圖的相應(yīng)位置,效果如圖1所示。
學(xué)生動手畫草圖,教師選取幾種草圖拍照上傳到QQ展示并評價學(xué)生的布局,都能畫出自己的效果圖,并選取一個布局圖,將其畫在黑板上。
【設(shè)計意圖】教師通過手機拍照并上傳至QQ,體現(xiàn)了手機與QQ等生活工具在教學(xué)中的應(yīng)用,還能引導(dǎo)學(xué)生學(xué)會將手機與QQ等生活工具用于學(xué)習(xí)。及時展現(xiàn)、反饋學(xué)生的作品,提高課堂資源的利用。
教師:這是我們某位同學(xué)的大作,這個草圖是一個不規(guī)則的圖形,看我怎么用魔法將其變成我們常見的圖形。
教師通過將學(xué)生的布局圖添加幾條輔助線,使其轉(zhuǎn)變成常見的、規(guī)則的幾行幾列表格。
教師:當(dāng)我將這個布局圖添加幾條線,不規(guī)則的圖形變成了什么?如圖2表格布局圖所示。
學(xué)生:表格。
教師:對,就是表格。那你的布局圖能夠轉(zhuǎn)換成幾行幾列呢?請同學(xué)們在布局圖上畫一畫。
【設(shè)計意圖】像數(shù)學(xué)題一樣,通過添加輔助線的形式將不規(guī)則圖形轉(zhuǎn)變成規(guī)則圖形,激發(fā)學(xué)生的創(chuàng)造性思維,讓學(xué)生懂得學(xué)科之間是有關(guān)聯(lián)的。將學(xué)生的作品當(dāng)成課堂教學(xué)資源,更加有說服力。
實驗教學(xué):表格的作用
學(xué)生:老師,我們在Word、PowerPoint多媒體作品設(shè)計過程中沒有用到表格,那網(wǎng)站能不能不用表格?
教師:李彥,你真棒,很會思考,我們?yōu)樗恼啤榱蓑炞C你的猜想,我提供了一個實驗,請你來驗證一下。endprint
教師:(打開實驗鏈接,將網(wǎng)頁bg1.htm打開)請你將這個頁面中的文字和圖片排列整齊(文字、圖片無法排列整齊,再打開bg2.htm)。現(xiàn)在請你將圖片和文字分別放到表格中,看看效果。
教師:通過這個實驗,你得出了什么結(jié)論?
學(xué)生:用表格可以很方便地將文字與圖片排列整齊。
教師:說得很好,表格的作用就是將網(wǎng)頁中的文字、圖片等素材對象進行定位。網(wǎng)頁都是用表格來進行布局的,請看兩個范例(展示網(wǎng)頁的表格)。
【設(shè)計意圖】事先預(yù)設(shè)此環(huán)節(jié),安排學(xué)生李彥在適當(dāng)?shù)臅r候提出問題,引出課堂知識沖突,為下一環(huán)節(jié)做好鋪
墊;同時吸引學(xué)生的注意力,及時調(diào)整學(xué)生的學(xué)習(xí)狀態(tài)。通過設(shè)計一個對比實驗,用實驗驗證學(xué)生的猜想,讓學(xué)生總結(jié)實驗結(jié)論——表格在網(wǎng)頁布局的作用,培養(yǎng)學(xué)生的鉆研、思考、解決問題的能力。
插入表格
教師:插入表格之前,為了編輯的方便,我們通常要先設(shè)置網(wǎng)頁大小。在通常情況下,我們一般將網(wǎng)頁大小設(shè)置成默認狀態(tài)的“當(dāng)前網(wǎng)頁大小”。
教師:接著請各位設(shè)計師在此頁面中按照你的布局草圖的行列數(shù)插入表格,最后將相應(yīng)的文字信息填寫到表格中,效果請參照大屏幕。
【設(shè)計意圖】通過演示法講解、回顧打開網(wǎng)站站點的技巧與方法、網(wǎng)頁大小設(shè)置方法,快速進入任務(wù)二的學(xué)習(xí)中。
調(diào)整表格
教師:各位設(shè)計師,表格插入好的請舉手。(環(huán)顧學(xué)生)若有不會的,請一個設(shè)計師演示。請各位結(jié)合Word中表格的相關(guān)操作,還可以結(jié)合教材中的步驟,完成單元格的合并與拆分的操作,使網(wǎng)頁布局更加合理。
【設(shè)計意圖】關(guān)于表格的插入、拆分、合并單元格等操作已經(jīng)在Word、PowerPoint設(shè)計多媒體作品時學(xué)過,學(xué)生可以憑已有的知識完成,也可以參照教材的步驟完成,培養(yǎng)學(xué)生的自學(xué)能力與意識。
作品的保存與評價 要求所有設(shè)計師保存提交作品,展示1~2個設(shè)計師作品,并做好評價。
【設(shè)計意圖】及時評價與反饋學(xué)生的作品,能夠鼓勵和督促學(xué)生認真完成作品的設(shè)計。
課堂拓展練習(xí) 如圖3所示課堂提高練習(xí),在第二行調(diào)整導(dǎo)航欄這一行單元格列寬,使他們平均分布時不影響第三列圖片這一行,該如何實現(xiàn)?請參照教材的閱讀材料一提供的方法試一試。
【設(shè)計意圖】結(jié)合教材閱讀材料,通過設(shè)計課堂拓展練習(xí),能使學(xué)習(xí)有余力的學(xué)生在課堂上有充分發(fā)揮,培養(yǎng)其自學(xué)能力。
4 課堂總結(jié)
師生一起回顧所學(xué)知識,課堂小結(jié)內(nèi)容如圖4所示。
設(shè)計意圖 通過使用流程圖式的課堂總結(jié),展現(xiàn)知識結(jié)構(gòu)圖,有利于學(xué)生掌握本節(jié)課的知識點,有利于學(xué)生理解本節(jié)課的知識網(wǎng)絡(luò),有利于學(xué)生重建知識體系。
教學(xué)反思 本節(jié)課先通過設(shè)置小游戲使得課堂氛圍更加輕松、活潑而不失寓教于樂。仿照解數(shù)學(xué)題一樣添加輔助延長線,將不規(guī)則的布局圖輕松轉(zhuǎn)化為幾行幾列的常見的規(guī)則的表格,輕松突破難點。通過設(shè)置對比實驗,激起學(xué)生的好奇心與思考,通過學(xué)生做實驗得出表格的作用是定位對象這一重要結(jié)論,避免了說教式的教學(xué),使課堂教學(xué)形式更加多樣、有效。結(jié)合教材閱讀材料,通過設(shè)計課堂拓展練習(xí),能使學(xué)有余力的學(xué)生在課堂上有充分發(fā)揮,培養(yǎng)其自學(xué)能力。采用流程式的課堂總結(jié),將一節(jié)課的內(nèi)容一一呈現(xiàn),升華了課堂內(nèi)涵。endprint