應(yīng)用專題學(xué)習(xí)網(wǎng)站教學(xué)“網(wǎng)頁(yè)設(shè)計(jì)與制作”

李鴻琴

在學(xué)習(xí)高中網(wǎng)頁(yè)設(shè)計(jì)與制作過(guò)程中,學(xué)生需要大量的學(xué)習(xí)資源,而專題學(xué)習(xí)網(wǎng)站能讓學(xué)生在教師的指導(dǎo)下,選擇研究性學(xué)習(xí)主題,根據(jù)自己的學(xué)習(xí)程度和主題需要瀏覽、分析、評(píng)價(jià)、選擇使用相應(yīng)的資源,并通過(guò)主體性的探討、協(xié)作,應(yīng)用知識(shí)和制作工具去解決實(shí)際問(wèn)題,培養(yǎng)網(wǎng)頁(yè)設(shè)計(jì)與制作能力。

● 教學(xué)目標(biāo)

1.知識(shí)與技能目標(biāo)

理解網(wǎng)頁(yè)設(shè)計(jì)的理念;學(xué)會(huì)運(yùn)用FrontPage、Flash和Fireworks應(yīng)用軟件;掌握創(chuàng)建超鏈接;熟練掌握設(shè)置顏色、文本格式;掌握在網(wǎng)頁(yè)中嵌入圖像、聲音、多媒體信息的方法及使用絕對(duì)和相對(duì)URL;熟練掌握表格的使用方法,學(xué)會(huì)利用表格布局網(wǎng)頁(yè);掌握框架制作網(wǎng)頁(yè)的方法,會(huì)使用框架設(shè)計(jì)網(wǎng)頁(yè);掌握用Fireworks處理矢量圖和位圖;掌握用Flash制作簡(jiǎn)單的網(wǎng)頁(yè)動(dòng)畫。

2.過(guò)程與方法

學(xué)會(huì)通過(guò)網(wǎng)絡(luò)收集所需的資料,提高對(duì)收集到的信息進(jìn)行分析、篩選、整理的能力;學(xué)會(huì)通過(guò)查閱資料、交流討論等途徑進(jìn)行學(xué)習(xí),學(xué)會(huì)展示、交流信息、進(jìn)行自我評(píng)價(jià);通過(guò)專題網(wǎng)站的學(xué)習(xí)提高自主學(xué)習(xí)、合作學(xué)習(xí)、探究學(xué)習(xí)的能力;運(yùn)用網(wǎng)頁(yè)制作軟件根據(jù)研究性學(xué)習(xí)選定的課題制作相應(yīng)作品。

3.情感態(tài)度價(jià)值觀

形成較強(qiáng)的網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意思維、藝術(shù)設(shè)計(jì)素質(zhì);培養(yǎng)勤奮學(xué)習(xí)的態(tài)度,嚴(yán)謹(jǐn)求實(shí)、創(chuàng)新的作風(fēng);增強(qiáng)信息素養(yǎng),培養(yǎng)合作精神,體驗(yàn)責(zé)任感;加深對(duì)網(wǎng)頁(yè)制作與研究性學(xué)習(xí)相結(jié)合解決實(shí)際問(wèn)題的認(rèn)識(shí)。

● 學(xué)生分析

高二年級(jí)學(xué)生已接受過(guò)信息技術(shù)基礎(chǔ)知識(shí)和基本技能的學(xué)習(xí),已具備網(wǎng)絡(luò)瀏覽、搜索、整理資料的能力,還未學(xué)習(xí)“網(wǎng)頁(yè)設(shè)計(jì)與制作”的內(nèi)容。

● 所需教學(xué)環(huán)境及軟件資源

1.教學(xué)環(huán)境

連接Internet的網(wǎng)絡(luò)教室;大屏幕投影儀;LanStar教學(xué)系統(tǒng)軟件。

2.軟件資源

前期構(gòu)建的“網(wǎng)頁(yè)設(shè)計(jì)與制作”專題學(xué)習(xí)網(wǎng)站(見(jiàn)圖1);“網(wǎng)頁(yè)設(shè)計(jì)與制作”協(xié)作學(xué)習(xí)計(jì)劃表,具體項(xiàng)目有學(xué)習(xí)目標(biāo)與內(nèi)容、協(xié)作小組的組成與分工、具體活動(dòng)步驟;師生共同編制的“網(wǎng)頁(yè)設(shè)計(jì)與制作”專題學(xué)習(xí)網(wǎng)站學(xué)習(xí)活動(dòng)過(guò)程評(píng)價(jià)表,設(shè)定了學(xué)習(xí)態(tài)度、信息素養(yǎng)、自主學(xué)習(xí)能力、探究學(xué)習(xí)能力、交流與合作能力5個(gè)方面共28個(gè)條目的評(píng)價(jià)標(biāo)準(zhǔn),供自我評(píng)價(jià)、協(xié)作小組內(nèi)互評(píng)和教師評(píng)價(jià);由師生共同編制的“網(wǎng)頁(yè)設(shè)計(jì)與制作”組間作品評(píng)價(jià)表,對(duì)各組準(zhǔn)備工作、選題、內(nèi)容、技術(shù)、頁(yè)面、陳述這幾方面進(jìn)行評(píng)價(jià)。

● 實(shí)施過(guò)程

1.準(zhǔn)備階段

課前,教師讓學(xué)生熟悉專題學(xué)習(xí)網(wǎng)站支持的學(xué)習(xí)環(huán)境、學(xué)習(xí)的基本流程。告訴學(xué)生網(wǎng)站的使用方法,讓學(xué)生學(xué)會(huì)注冊(cè)、登陸網(wǎng)站,學(xué)會(huì)在“學(xué)習(xí)論壇”上留言與交流,學(xué)會(huì)發(fā)布學(xué)習(xí)中所遇到的問(wèn)題及上傳作業(yè)、作品,學(xué)會(huì)在學(xué)習(xí)過(guò)程中運(yùn)用網(wǎng)絡(luò)技術(shù)查詢、搜集資料。布置學(xué)生利用專題網(wǎng)站欄目“專題知識(shí)”的學(xué)習(xí)指導(dǎo)模塊瀏覽專題學(xué)習(xí)目標(biāo)、課時(shí)安排,了解重點(diǎn)、難點(diǎn),初步了解知識(shí)點(diǎn)的學(xué)習(xí)方法及注意問(wèn)題,瀏覽教學(xué)內(nèi)容。

教師對(duì)于學(xué)生個(gè)體各方面能力的不同,按照“同組異質(zhì),異組同質(zhì)”的原則進(jìn)行了協(xié)作小組的分派,使其在學(xué)習(xí)活動(dòng)中互相借鑒,互相幫助,取長(zhǎng)補(bǔ)短,共同進(jìn)步。同時(shí),為讓學(xué)習(xí)活動(dòng)順利開(kāi)展,又盡可能使每組學(xué)生的整體能力差距不大。每組3～5人,各組組長(zhǎng)由組內(nèi)推選,要求計(jì)算機(jī)操作水平、組織協(xié)調(diào)能力等綜合能力較強(qiáng)。

2.教學(xué)階段

教學(xué)過(guò)程:學(xué)習(xí)“網(wǎng)頁(yè)設(shè)計(jì)與制作”專題,共用5個(gè)課時(shí),教學(xué)實(shí)施步驟如下。

第1課時(shí):

情境導(dǎo)入。教師用投影儀展示一個(gè)名為《京劇苑》的獲獎(jiǎng)作品讓學(xué)生欣賞,吸引他們的注意力,激發(fā)他們的興趣,從而形成學(xué)習(xí)的內(nèi)在動(dòng)力。通過(guò)瀏覽和解說(shuō),學(xué)生知道主題網(wǎng)站由主頁(yè)和其他網(wǎng)頁(yè)構(gòu)成,各網(wǎng)頁(yè)之間以鏈接的方式建立聯(lián)系,主頁(yè)展示欄目綱要,其他網(wǎng)頁(yè)展示各欄目詳盡的圖文影音內(nèi)容;整齊排列的網(wǎng)頁(yè)欄目是用表格來(lái)布局的;其他網(wǎng)頁(yè)中各子欄目的詳細(xì)內(nèi)容能在同一頁(yè)面切換展示是通過(guò)使用框架網(wǎng)頁(yè)來(lái)實(shí)現(xiàn)的。然后告訴學(xué)生,這么精美的網(wǎng)頁(yè)可以用FrontPage、Flash與Fireworks相結(jié)合制作完成。由此引入新課:通過(guò)使用專題學(xué)習(xí)網(wǎng)站,采用協(xié)作式的研究性學(xué)習(xí)方式自選主題進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作。

專題自主學(xué)習(xí)。采取基于資源利用的學(xué)習(xí)策略。專題學(xué)習(xí)網(wǎng)站的導(dǎo)學(xué)模塊按教學(xué)大綱要求明確了教學(xué)目標(biāo),強(qiáng)調(diào)了重點(diǎn)學(xué)習(xí)內(nèi)容,學(xué)生用鼠標(biāo)點(diǎn)擊鏈接點(diǎn)進(jìn)入各節(jié)教師導(dǎo)學(xué),新窗口展示包括視頻教學(xué)點(diǎn)播系統(tǒng)在內(nèi)的導(dǎo)學(xué)內(nèi)容。學(xué)生根據(jù)教學(xué)目標(biāo)和自己的學(xué)習(xí)程度利用包括“幫助”在內(nèi)的專題學(xué)習(xí)網(wǎng)站資源進(jìn)行自主學(xué)習(xí),教師巡視監(jiān)控指導(dǎo),學(xué)生有問(wèn)題可直接請(qǐng)教教師或與同學(xué)交流、討論,也可以通過(guò)“學(xué)習(xí)論壇”在線討論。

第2課時(shí):

小組協(xié)作學(xué)習(xí)。采取基于任務(wù)的學(xué)習(xí)策略。自主學(xué)習(xí)后,每個(gè)協(xié)作小組的學(xué)生選定主題,填寫協(xié)作學(xué)習(xí)計(jì)劃表(見(jiàn)圖2),然后各自帶著任務(wù)分工合作。各組成員分工從Internet上查找收集文字、圖片、音樂(lè)、影像資料,協(xié)商整理歸類,上傳至協(xié)作學(xué)習(xí)平臺(tái)的“資源庫(kù)”。教師巡視指導(dǎo)操作水平較低的學(xué)生搜索、保存、上傳資源。

第3課時(shí):

專題研討、小組協(xié)作學(xué)習(xí)。以“愛(ài)動(dòng)畫”小組為例,學(xué)生甲運(yùn)用Fireworks軟件加工處理圖片素材;學(xué)生乙運(yùn)用Flash軟件制作主題網(wǎng)站所需的小動(dòng)畫;學(xué)生丙用表格布局主頁(yè)規(guī)劃?rùn)谀?學(xué)生丁使用框架網(wǎng)頁(yè)設(shè)計(jì)其他網(wǎng)頁(yè)并設(shè)置子欄目。在此過(guò)程中組內(nèi)成員協(xié)商討論確定欄目和內(nèi)容,教師解答學(xué)生問(wèn)題,參與討論,對(duì)學(xué)生進(jìn)行啟發(fā)和點(diǎn)撥,并觀察課堂中學(xué)生學(xué)習(xí)的表現(xiàn),做觀察記錄。學(xué)生遇到的技術(shù)性問(wèn)題通過(guò)專題學(xué)習(xí)網(wǎng)站的導(dǎo)學(xué)、“幫助”、“學(xué)習(xí)論壇”及與教師、同學(xué)面對(duì)面的交流得以解決(見(jiàn)圖3)。

第4課時(shí):

專題研討、小組協(xié)作學(xué)習(xí)。仍以“愛(ài)動(dòng)畫”小組為例,學(xué)生甲運(yùn)用滾動(dòng)字幕制作宣傳語(yǔ),添加與主題協(xié)調(diào)的背景音樂(lè),設(shè)置圖文格式美化主頁(yè);學(xué)生乙、丙、丁運(yùn)用處理后的素材資源分別編輯制作中國(guó)動(dòng)畫、美國(guó)動(dòng)畫、日本動(dòng)畫網(wǎng)頁(yè)。制作過(guò)程中互相協(xié)商補(bǔ)充完善網(wǎng)頁(yè),而后組長(zhǎng)將各成員完成的網(wǎng)頁(yè)鏈接到主頁(yè),檢查各網(wǎng)頁(yè)之間的導(dǎo)航、超鏈接是否清晰、準(zhǔn)確,提交作品到協(xié)作學(xué)習(xí)平臺(tái)的“作品”欄。組內(nèi)每位同學(xué)填寫學(xué)習(xí)活動(dòng)過(guò)程評(píng)價(jià)表,上傳至協(xié)作學(xué)習(xí)平臺(tái)的“評(píng)價(jià)表”欄目。采用協(xié)作式學(xué)習(xí)策略,在一定程度上達(dá)到了學(xué)生互相幫助、互相督促、互相配合的效果。學(xué)習(xí)小組明確了學(xué)習(xí)目標(biāo)和內(nèi)容,協(xié)作開(kāi)展學(xué)習(xí)活動(dòng),階段性的學(xué)習(xí)成就提升了他們的學(xué)習(xí)自信度。

第5課時(shí):

小組匯報(bào)、成果展示。各組制作匯報(bào)稿上傳至協(xié)作學(xué)習(xí)平臺(tái)的“匯報(bào)稿”欄目。教師隨機(jī)抽取4組,每組派1位學(xué)生匯報(bào)學(xué)習(xí)成果與學(xué)習(xí)經(jīng)歷。通過(guò)使用教學(xué)系統(tǒng)軟件和投影儀,全體學(xué)生觀看匯報(bào)組作品,認(rèn)真聽(tīng)取其匯報(bào)后,提出自己的見(jiàn)解,各組填寫組間作品評(píng)價(jià)表后上傳至“評(píng)價(jià)表”欄目。對(duì)于未抽取組的作品,教師和學(xué)生通過(guò)在線評(píng)價(jià)方式進(jìn)行點(diǎn)評(píng)和建議。

點(diǎn)評(píng)總結(jié)、知識(shí)建構(gòu)。教師根據(jù)學(xué)生自學(xué)、討論及成果展示情況做出點(diǎn)評(píng)和總結(jié),對(duì)學(xué)生發(fā)言匯報(bào)中的積極因素給予肯定和鼓勵(lì),對(duì)疑難問(wèn)題進(jìn)行點(diǎn)評(píng)解答。再次回顧教學(xué)內(nèi)容,重申重點(diǎn)和難點(diǎn),引導(dǎo)學(xué)生總結(jié)知識(shí)結(jié)構(gòu)體系,進(jìn)行知識(shí)建構(gòu)。

課后,所有小組修改和補(bǔ)充完善的學(xué)習(xí)計(jì)劃表、主題網(wǎng)站作品、所需資源、評(píng)價(jià)表和匯報(bào)稿上傳到協(xié)作學(xué)習(xí)平臺(tái)的對(duì)應(yīng)欄目,這既使學(xué)習(xí)成果成為新的學(xué)習(xí)資源,使網(wǎng)站的內(nèi)容不斷發(fā)展豐富,也便于同學(xué)之間相互交流、相互學(xué)習(xí)和相互促進(jìn)。