網(wǎng)站制作的教學(xué)設(shè)計

趙長蘭　程偉勝

1 設(shè)計思想

以普通高中信息技術(shù)新課標(biāo)為指導(dǎo),以建構(gòu)主義學(xué)習(xí)理論和教學(xué)理論為理論基礎(chǔ),強(qiáng)調(diào)教學(xué)過程中學(xué)生的主體作用及教師的主導(dǎo)作用,突出以“學(xué)”為中心的教學(xué)設(shè)計。旨在通過教學(xué)活動培養(yǎng)學(xué)生的信息素養(yǎng),激發(fā)學(xué)生的創(chuàng)新精神,提高學(xué)生的團(tuán)隊意識。

2 教材分析

教學(xué)內(nèi)容是設(shè)計制作用于展示學(xué)生學(xué)習(xí)和研究成果的網(wǎng)站,學(xué)習(xí)任務(wù)有網(wǎng)站的規(guī)劃、網(wǎng)頁內(nèi)容的設(shè)計、設(shè)計網(wǎng)頁等。通過網(wǎng)站的設(shè)計與制作,不僅讓學(xué)生加深理解和掌握網(wǎng)頁制作知識,也提高學(xué)生的網(wǎng)站設(shè)計能力和動手實(shí)踐能力。

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

3.1 知識目標(biāo)初步了解網(wǎng)頁制作的過程,熟悉網(wǎng)頁的各種元素;掌握網(wǎng)頁制作的一些技術(shù)和方法,能建立一個站點(diǎn);在網(wǎng)頁中插入圖片和文字,對其進(jìn)行定位,進(jìn)行適當(dāng)?shù)男揎椇团虐?制作一個簡單的網(wǎng)頁。

3.2 能力目標(biāo)培養(yǎng)學(xué)生自主學(xué)習(xí)、協(xié)作學(xué)習(xí)的能力;提高學(xué)生的動手實(shí)踐能力和創(chuàng)新能力。

3.3 情感目標(biāo)通過網(wǎng)頁版面排版,培養(yǎng)學(xué)生的審美情趣。

4 教學(xué)重難點(diǎn)和方法

重點(diǎn):利用FrontPage制作簡單的網(wǎng)頁。難點(diǎn):用表格布局網(wǎng)頁。教法:演示、自學(xué)、比較的方法。

5 教學(xué)過程

5.1 網(wǎng)站欣賞,新課導(dǎo)入展示中小學(xué)電腦比賽獲獎作品,激發(fā)學(xué)生制作網(wǎng)頁的激情,培養(yǎng)他們的自信和勇氣。這些站點(diǎn)的頁面都設(shè)計得非常精美,讓你在瀏覽信息的同時,還可以得到美的享受。這么吸引人的頁面,是怎么制作出來的呢?

5.2 基本概念

1)分析并提問:網(wǎng)頁中包含哪些元素?學(xué)生回答:文字、圖像、聲音、視頻、動畫等。學(xué)生觀察后回答,明確網(wǎng)頁所包含的元素,為做網(wǎng)頁打下基礎(chǔ)。

2)概念:網(wǎng)站與網(wǎng)頁。網(wǎng)站:網(wǎng)頁等一組網(wǎng)絡(luò)資源的集合,把制作的所有素材和網(wǎng)頁集合成一個網(wǎng)站。網(wǎng)頁:是網(wǎng)站中的一頁。主頁:是一個網(wǎng)站中最重要的網(wǎng)頁,也是訪問最頻繁的網(wǎng)頁。它是一個網(wǎng)站的標(biāo)志,體現(xiàn)整個網(wǎng)站的制作風(fēng)格和性質(zhì)。把網(wǎng)站比喻成一本書,由一頁一頁來組成的,主頁就相當(dāng)于書的目錄。

5.3 網(wǎng)頁的制作

1)演示新建站點(diǎn)和主頁;打開站點(diǎn)與主頁。①建立站點(diǎn)。操作過程:執(zhí)行菜單“文件——新建——站點(diǎn)”,在對話框中,指定站點(diǎn)文件夾的位置。分析站點(diǎn)文件夾的特征:站點(diǎn)文件夾 E:環(huán)保之家;環(huán)保之家內(nèi)的文件夾和文件(_private、images、index.htm);站點(diǎn)文件夾圖標(biāo)(一般文件圖標(biāo)+IE圖標(biāo))。②體驗(yàn)站點(diǎn)。觀察建立站點(diǎn)過程(教師要及時提醒學(xué)生);觀察分析站點(diǎn)文件夾的特征:站點(diǎn)文件夾的位置;“環(huán)保之家”內(nèi)有什么文件夾和文件?重新用FrontPage打開站點(diǎn),觀察到圖標(biāo)的形狀如何?

2)網(wǎng)頁的布局——表格的使用,教師講解插入表格和表格的操作。表格在網(wǎng)頁中有定位和設(shè)置網(wǎng)頁布局的作用,利用表格可將各塊內(nèi)容分類開出,使網(wǎng)頁清晰美觀、富有條理。表格中可以包含你喜歡的任何內(nèi)容,包括圖像、文本、聲音、視頻、動畫,甚至有嵌套的表格。但要注意的是,在用表格布局時,表格的邊框粗細(xì)應(yīng)設(shè)置為0。

3)網(wǎng)頁內(nèi)容的插入——插入文字、滾動字幕、圖像和動畫、設(shè)置背景、水平線等。要求學(xué)生對比較Word和FrontPage文字編輯的差異,比較插入圖片、插入動畫、設(shè)置背景的異同點(diǎn)。給學(xué)生的總結(jié)加以點(diǎn)評或補(bǔ)充,指出各軟件之間都有相通指出,學(xué)習(xí)時應(yīng)注意比較、聯(lián)系、總結(jié),做到觸類旁通,收到事半功倍之效。教師準(zhǔn)備做網(wǎng)站的素材,以及插入文字、滾動字幕、圖像和動畫、設(shè)置背景、水平線等等的演示動畫、學(xué)案下發(fā)給學(xué)生。學(xué)生的積極性、主動性被充分調(diào)動起來。

4)網(wǎng)頁的保存。演示保存網(wǎng)頁的步驟,提示學(xué)生注意網(wǎng)頁保存過程中出現(xiàn)的對話框,碰到這種情況應(yīng)如何處理。要求學(xué)生在做一邊之后,總結(jié)保存Word文檔和用保存FrontPage制作的網(wǎng)頁之間的差異。

5)將網(wǎng)頁用鏈接組織起來——超級鏈接。因特網(wǎng)的精彩之處就在于把大量的信息和頁面通過各種鏈接組織起來,單擊含有超鏈接的文本或圖片,可以實(shí)現(xiàn)頁面的跳轉(zhuǎn)。

方法:選定文本或圖片,菜單欄“插入——超鏈接”,選定被鏈接對象。

5.4 學(xué)生練習(xí):準(zhǔn)備練習(xí)的案例、素材、動畫演示步驟學(xué)生自己練習(xí)時,進(jìn)行對個別學(xué)生進(jìn)行輔導(dǎo)。

5.5 學(xué)生作品展評本節(jié)課的評價方式是過程評價與作品評價相結(jié)合。在過程評價時,主要側(cè)重學(xué)生操作過程中的參數(shù)設(shè)計的靈活性、主題分析的創(chuàng)新性。在作品評價時,側(cè)重主題創(chuàng)意的表達(dá)效果及濾鏡的綜合運(yùn)用程度等。

5.6 課堂小結(jié)經(jīng)過這節(jié)課的學(xué)習(xí),我們已經(jīng)會做一張基本的網(wǎng)頁,但是在看了許多精彩的網(wǎng)頁后會發(fā)現(xiàn),現(xiàn)在的這個網(wǎng)頁還是有許多值得改進(jìn)的地方。所以在以后的學(xué)習(xí)中,還會學(xué)習(xí)更多的關(guān)于網(wǎng)頁制作方面的知識,讓大家制作的網(wǎng)站在網(wǎng)上發(fā)布,讓成千上萬的人去點(diǎn)擊。

5.7 教學(xué)反思本節(jié)課是以網(wǎng)站結(jié)構(gòu)、主頁的基礎(chǔ)為基礎(chǔ),由于本學(xué)校學(xué)生基礎(chǔ)差,有的甚至是零起點(diǎn),筆者采用學(xué)案導(dǎo)學(xué),學(xué)案中一共布置了5個任務(wù),準(zhǔn)備做網(wǎng)站的素材、插入文字、滾動字幕、圖像和動畫、設(shè)置背景、水平線等等的演示動畫,還有如何做網(wǎng)站的相關(guān)資料,學(xué)生的積極性、主動性被充分調(diào)動起來。“教學(xué)有法,教無定法,貴在得法”。教學(xué)中筆者注重設(shè)計適合教材內(nèi)容的“任務(wù)”,又要注重選擇適合學(xué)生實(shí)際的教學(xué)方法,這樣的課堂學(xué)生學(xué)之有趣,學(xué)之有效,整個課堂也就活起來。

(作者單位:1 山東省鄒城市第二中學(xué);2 山東省鄒城高級職業(yè)技術(shù)學(xué)校)