高中網(wǎng)站制作之我見(jiàn)

高中網(wǎng)站制作之我見(jiàn)【摘要】本文分析了當(dāng)前高中網(wǎng)站制作的教學(xué)內(nèi)容和教學(xué)現(xiàn)狀，比較了三種教材對(duì)于網(wǎng)站制作的不同處理方法，提出了自己的教材處理意見(jiàn)以及教學(xué)進(jìn)度與策略，保證如何在有限的課時(shí)內(nèi)，既能完成教學(xué)任務(wù)，又能提升學(xué)生的信息素養(yǎng)?！娟P(guān)鍵詞】網(wǎng)站制作內(nèi)容分析教材比較進(jìn)度與策略網(wǎng)站制作是高中信息技術(shù)教學(xué)的一個(gè)重要學(xué)習(xí)內(nèi)容，它主要是使用一種網(wǎng)頁(yè)制作軟件完成一個(gè)網(wǎng)站的設(shè)計(jì)、開(kāi)發(fā)與實(shí)現(xiàn)。在制作網(wǎng)站的過(guò)程中，除了需要掌握網(wǎng)頁(yè)制作的一系列基本操作技巧以外，一般還需要其它技術(shù)的支持，比如圖片的加工技術(shù)、FLASH動(dòng)畫(huà)的加工技術(shù)、音視頻的加工技術(shù)等，此外，網(wǎng)站制作包括了信息的獲取、加工、表達(dá)與評(píng)價(jià)等一系列完整的過(guò)程。因此，網(wǎng)站制作是一項(xiàng)復(fù)雜的系統(tǒng)工程，如何在有限的時(shí)間內(nèi)，既好又快地完成教學(xué)任務(wù)，提升學(xué)生信息素養(yǎng)，需要好好地規(guī)劃和設(shè)計(jì)，對(duì)學(xué)生是一個(gè)鍛煉，對(duì)教師也是一個(gè)考驗(yàn)。一、關(guān)于網(wǎng)站制作的內(nèi)容分析關(guān)于網(wǎng)站制作這一教學(xué)內(nèi)容，在高中信息技術(shù)必修模塊和選修模塊中有著不同的教學(xué)要求。其中在必修模塊中，網(wǎng)站制作是作為信息的集成工具加以引入的，要求學(xué)生了解網(wǎng)站制作的一般流程，掌握網(wǎng)站制作的基本技術(shù)。主要有網(wǎng)站的建立與網(wǎng)頁(yè)的保存；添加網(wǎng)頁(yè)的內(nèi)容，主要是文字、圖片和聲音；使用表格進(jìn)行網(wǎng)頁(yè)的布局；設(shè)置網(wǎng)頁(yè)、表格、圖片和文字的效果；建立超鏈接等。在網(wǎng)絡(luò)技術(shù)應(yīng)用的選修模塊中，網(wǎng)站制作一般是作為一個(gè)獨(dú)立單元出現(xiàn)的，要求學(xué)生在必修學(xué)習(xí)的基礎(chǔ)上，能深入地學(xué)習(xí)網(wǎng)站制作的技巧。主要有網(wǎng)站的建立與網(wǎng)頁(yè)的保存；添加網(wǎng)頁(yè)的內(nèi)容，主要是文字、圖片、聲音、動(dòng)畫(huà)、視頻等；使用表格進(jìn)行網(wǎng)頁(yè)的布局；設(shè)置網(wǎng)頁(yè)、表格、圖片和文字的效果；設(shè)置超鏈接；制作框架網(wǎng)頁(yè)、表單網(wǎng)頁(yè)；了解HTML語(yǔ)言并能嘗試修改；CSS樣式表的使用；JAVASCRIPT與ASP的使用；網(wǎng)站的發(fā)布與管理等。從上面的分析中可以看出，關(guān)于網(wǎng)站制作的技術(shù)技巧比較多，比較雜，學(xué)習(xí)好難度較大。而且在必修和選修課程中，有一部分操作是有重復(fù)的，比如網(wǎng)站的建立，網(wǎng)頁(yè)元素的添加和設(shè)置和超鏈接等，還有一些只是在選修中出現(xiàn)，比如網(wǎng)頁(yè)的動(dòng)態(tài)效果技術(shù)，像HTML、CSS、JAVASCRIPT和ASP代碼類的知識(shí)和技術(shù)，這些技術(shù)難度更高，需要學(xué)生對(duì)網(wǎng)頁(yè)制作技術(shù)和網(wǎng)頁(yè)本身有一個(gè)全面而深入地認(rèn)識(shí)，在選修課程中出現(xiàn)也符合教學(xué)規(guī)律。二、幾種教材對(duì)于網(wǎng)站制作的處理筆者收集了三套教材，分別是教育科學(xué)出版社、中國(guó)地圖出版社和廣東教育出版社出版的信息技術(shù)基礎(chǔ)（必修）、網(wǎng)絡(luò)技術(shù)應(yīng)用（選修）6本教材。教材教材內(nèi)容范例素材來(lái)源制作軟件學(xué)習(xí)形式教科版必修教材網(wǎng)站規(guī)劃、網(wǎng)站開(kāi)發(fā)（網(wǎng)站制作技術(shù)介紹）、評(píng)估與測(cè)試、網(wǎng)站發(fā)布以古玩今玩主題網(wǎng)站作為范例課本提供素材FRONTPAGE推薦小組合作制作網(wǎng)站教科版選修教材規(guī)劃網(wǎng)站、網(wǎng)站設(shè)計(jì)、網(wǎng)站實(shí)現(xiàn)、發(fā)布管理網(wǎng)站、動(dòng)態(tài)網(wǎng)頁(yè)制作網(wǎng)站主題自定根據(jù)主題，自由選擇素材FRONTPAGE推薦小組合作制作網(wǎng)站地圖版必修教材網(wǎng)頁(yè)規(guī)劃、網(wǎng)頁(yè)中的基本元素（文本、圖像和超鏈接）的使用、多媒體素材的加工、網(wǎng)頁(yè)的版面設(shè)計(jì)、網(wǎng)頁(yè)特效、網(wǎng)頁(yè)的評(píng)價(jià)、HTML與JAVASCRIPT基礎(chǔ)沒(méi)有確定主題，范例比較松散課本提供，在本章節(jié)的學(xué)習(xí)中加工FRONTPAGE和DREAMWEAVER學(xué)生獨(dú)立制作網(wǎng)站地圖版選修教材建站規(guī)劃、初建網(wǎng)站、網(wǎng)站優(yōu)化、動(dòng)態(tài)網(wǎng)頁(yè)、網(wǎng)站發(fā)布與評(píng)價(jià)以中華傲三峽主題網(wǎng)站作為范例課本提供的素材DREAMWEAVER推薦小組合作制作網(wǎng)站廣東版必修教材沒(méi)有網(wǎng)站制作的相關(guān)內(nèi)容無(wú)無(wú)無(wú)無(wú)廣東版選修教材網(wǎng)站的規(guī)劃、網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)的制作、網(wǎng)頁(yè)的美化與特效、網(wǎng)站的發(fā)布與管理、網(wǎng)站評(píng)價(jià)、動(dòng)態(tài)網(wǎng)頁(yè)的制作以虎門(mén)銷煙啟示錄主題網(wǎng)站作為范例課本提供的素材FRONTPAGE推薦小組合作制作網(wǎng)站通過(guò)對(duì)這些教材的比較分析發(fā)現(xiàn)，在必修教材中，網(wǎng)站制作的教學(xué)要求相對(duì)來(lái)說(shuō)比較簡(jiǎn)單，它是為了說(shuō)明信息如何集成而被引入的，介紹的技術(shù)顯得簡(jiǎn)單和零碎，要求學(xué)生獨(dú)立制作網(wǎng)站（頁(yè)）。而到了選修教材，網(wǎng)站制作被放在了一個(gè)獨(dú)立章節(jié)中，網(wǎng)站制作從規(guī)劃設(shè)計(jì)到開(kāi)發(fā)制作再到發(fā)布評(píng)價(jià)，是一個(gè)完整的過(guò)程，介紹的制作技術(shù)也相對(duì)比較全面和完整，動(dòng)態(tài)網(wǎng)頁(yè)制作技術(shù)都介紹了HTML、JAVASCRIPT、CSS和ASP等網(wǎng)頁(yè)技術(shù)，這一部分內(nèi)容顯得比較難，而且都推薦小組合作制作網(wǎng)站。制作軟件大都使用的是FRONTPAGE。三、對(duì)于網(wǎng)站制作教材的二次開(kāi)發(fā)綜合比較了幾本教材對(duì)于網(wǎng)站制作的處理，感覺(jué)各有各的特點(diǎn)和優(yōu)勢(shì)，但也有不足的地方。教師可以根據(jù)本地本校的實(shí)際情況作出一定的取舍，對(duì)教材進(jìn)行二次開(kāi)發(fā)。筆者所在的江蘇省無(wú)錫市，高一年級(jí)的課安排了一個(gè)學(xué)期，差不多有40課時(shí)。高二年級(jí)也安排了一個(gè)學(xué)期，因?yàn)槭W(xué)業(yè)水平測(cè)試安排在每年12月末，那么大概只有32課時(shí)。在這些時(shí)間內(nèi)要完成必修和選修兩本教材的教學(xué)，還要加上最后的復(fù)習(xí)，課時(shí)相對(duì)來(lái)說(shuō)是比較緊的。此外，大部分的高一學(xué)生以前沒(méi)有學(xué)習(xí)過(guò)網(wǎng)站制作，沒(méi)有網(wǎng)站制作的經(jīng)驗(yàn)，只學(xué)習(xí)過(guò)關(guān)于WORD的文字處理，網(wǎng)站制作對(duì)于學(xué)生來(lái)講難度還是比較大的。因此在這種情況下，本地好多學(xué)校，往往就把必修和選修的內(nèi)容安排在一起，網(wǎng)站的主題是固定的，素材是教師提供的，學(xué)生只要按部就班學(xué)習(xí)網(wǎng)頁(yè)制作技術(shù)就可以了。但是學(xué)生沒(méi)有體驗(yàn)到制作自己網(wǎng)站的全過(guò)程，沒(méi)有體驗(yàn)到信息需求分析、信息獲取、信息加工和信息表達(dá)交流的完整過(guò)程，這么好的教學(xué)素材不能浪費(fèi)掉。筆者建議在高一和高二應(yīng)該安排兩個(gè)時(shí)間段來(lái)學(xué)習(xí)網(wǎng)站（頁(yè)）的制作，并有所側(cè)重，這樣有利于知識(shí)技術(shù)的鞏固與提高。在高一必修模塊的學(xué)習(xí)中，網(wǎng)站主題可以相對(duì)固定、或是在一定的范圍內(nèi)，素材可以事先準(zhǔn)備好，或者在制作網(wǎng)站的過(guò)程穿插多媒體信息加工的學(xué)習(xí)內(nèi)容，比如圖片的加工、音視頻的加工等，將制作好的素材直接為制作網(wǎng)站服務(wù)。這樣既能節(jié)約課時(shí)提高效率，還能讓學(xué)生懂得網(wǎng)站制作是一項(xiàng)系統(tǒng)工程，僅僅學(xué)會(huì)FRONTPAGE操作還是不夠的。在教學(xué)組織形式上，建議學(xué)生單獨(dú)制作，教師講授操作要點(diǎn)。教學(xué)內(nèi)容方面應(yīng)該以FRONTPAGE為軟件載體，讓每個(gè)學(xué)生體驗(yàn)一遍網(wǎng)站制作的全過(guò)程，包括網(wǎng)站規(guī)劃，建立網(wǎng)站，建立網(wǎng)頁(yè)，插入網(wǎng)頁(yè)元素，設(shè)置屬性，建立超鏈接，保存網(wǎng)頁(yè)。而到了高二選修模塊的學(xué)習(xí)中，應(yīng)著重學(xué)習(xí)動(dòng)態(tài)網(wǎng)頁(yè)的制作技術(shù)，比如HTML、CSS技術(shù)，不需要確定主題和搜集素材，直接切入主題，利用教師提供的簡(jiǎn)單素材，制作出一些單獨(dú)的網(wǎng)頁(yè)即可，這一方面節(jié)省了時(shí)間，另一方面也能提高學(xué)習(xí)新知識(shí)的效率。如果課時(shí)允許（省學(xué)業(yè)水平測(cè)試時(shí)間延后），可以讓學(xué)生組成合作小組，自定主題，自己來(lái)規(guī)劃和開(kāi)展網(wǎng)站開(kāi)發(fā)的學(xué)習(xí)活動(dòng)，教師重點(diǎn)做好組織管理工作，并介紹動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)，但高一的教學(xué)內(nèi)容可以適當(dāng)縮減。四、關(guān)于網(wǎng)站制作的教學(xué)進(jìn)度與策略按照以上的教學(xué)分析和處理建議，筆者在高一年級(jí)和高二年級(jí)的教學(xué)中進(jìn)行了教學(xué)嘗試，確定了關(guān)于網(wǎng)站制作的教學(xué)進(jìn)度與策略。在高一年級(jí)必修模塊的教學(xué)中，筆者注重了網(wǎng)站制作技術(shù)的基礎(chǔ)性和完整性，安排了12個(gè)課時(shí)，讓學(xué)生掌握使用FRONTPAGE建立站點(diǎn)、新建網(wǎng)頁(yè)、插入表格、添加文字、插入圖片、設(shè)置格式、建立超鏈接、保存網(wǎng)頁(yè)的基本操作。同時(shí)在其中穿插介紹PHOTOSHOP加工圖片的基本技術(shù)，加工好的圖片馬上就使用到網(wǎng)頁(yè)中去。最后，介紹了ASP技術(shù)并將制作好的網(wǎng)站進(jìn)行了發(fā)布和交流。在網(wǎng)站規(guī)劃階段，要求學(xué)生的網(wǎng)站主題從“我看我與我想我的我游我愛(ài)我能我會(huì)”中選擇其一，保證了一定的自由度。建立網(wǎng)站后，在制作歡迎頁(yè)、主頁(yè)和欄目網(wǎng)頁(yè)之前，分別教學(xué)生使用PHOTOSHOP制作了三張圖片，一張是歡迎頁(yè)中宣傳海報(bào)，一張是主頁(yè)中的橫幅圖，一張是欄目網(wǎng)頁(yè)的背景圖片，三張圖片是在三個(gè)不同的時(shí)間段里制作的，一方面提高了掌握?qǐng)D片處理技術(shù)的牢固度，另一方面也無(wú)形中提高了學(xué)生制作網(wǎng)站的興趣。課題課時(shí)主要教學(xué)內(nèi)容網(wǎng)站的規(guī)劃與建立歡迎頁(yè)的制作21網(wǎng)站規(guī)劃網(wǎng)站主題從“我看我與我想我的我游我愛(ài)我能我會(huì)”中選擇其一2制作歡迎頁(yè)圖片3建立站點(diǎn)，制作歡迎頁(yè)圖片加工“站長(zhǎng)簡(jiǎn)介”網(wǎng)頁(yè)制作21制作一張網(wǎng)頁(yè)橫幅圖和一張個(gè)人頭像的圖片2制作一張站長(zhǎng)簡(jiǎn)介的網(wǎng)頁(yè)，掌握插入表格、圖片的技術(shù)框架網(wǎng)頁(yè)制作留言板網(wǎng)頁(yè)制作21利用框架制作主頁(yè)并保存2組件技術(shù)的使用3制作一張背景圖片4制作留言板網(wǎng)頁(yè)，并設(shè)置背景圖片欄目網(wǎng)頁(yè)制作制作超鏈接21制作欄目網(wǎng)頁(yè)2建立各種形式的超鏈接欄目網(wǎng)頁(yè)制造動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)21繼續(xù)制作欄目網(wǎng)頁(yè)2學(xué)習(xí)HTML和JAVASCRIPT，為網(wǎng)頁(yè)添加動(dòng)態(tài)效果網(wǎng)站的發(fā)布與評(píng)價(jià)21為留言板網(wǎng)頁(yè)添加ASP代碼2在本機(jī)上發(fā)布網(wǎng)站3互相瀏覽并評(píng)分在高二年級(jí)的教學(xué)中安排了6個(gè)課時(shí)，主要介紹幾種動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)，比如HTML技術(shù)、CSS技術(shù)、JAVASCRIPT技術(shù)和ASP技術(shù)。課題課時(shí)主要教學(xué)內(nèi)容HTML21、HTML的基本標(biāo)記使用2、動(dòng)態(tài)HTMLCSS樣式表技術(shù)2CSS樣式表的概念與使用JAVASCRIPT和ASP21、JAVASCRIPT的使用2、ASP工作原理與使用五、總結(jié)與反思高中新課程標(biāo)準(zhǔn)明確指出，要讓學(xué)生親身經(jīng)歷技術(shù)應(yīng)用過(guò)程、作品制作過(guò)程，讓學(xué)生在使用有關(guān)工具的親身體驗(yàn)的基礎(chǔ)上，進(jìn)行信息技術(shù)的創(chuàng)新。筆者覺(jué)得，網(wǎng)站制作的教學(xué)是一個(gè)很好的教學(xué)素材，教師不可輕易放棄，而應(yīng)該好好地進(jìn)行規(guī)劃和設(shè)計(jì)。首先，應(yīng)該注重過(guò)程性和完整性，要讓學(xué)生體驗(yàn)網(wǎng)站從無(wú)到有、從有到好的完整過(guò)程，讓他們親身體驗(yàn)每一個(gè)制作流程。其次，要從學(xué)生的興趣入手，從選題、素材的選取、技術(shù)難易程度的把握等充分考慮學(xué)生的實(shí)際