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

趙長(zhǎng)蘭　程偉勝

1 設(shè)計(jì)思想

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

2 教材分析

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

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

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

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

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

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

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

5 教學(xué)過(guò)程

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

5.2 基本概念

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

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

5.3 網(wǎng)頁(yè)的制作

1)演示新建站點(diǎn)和主頁(yè);打開(kāi)站點(diǎn)與主頁(yè)。①建立站點(diǎn)。操作過(guò)程:執(zhí)行菜單“文件——新建——站點(diǎn)”,在對(duì)話框中,指定站點(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)過(guò)程(教師要及時(shí)提醒學(xué)生);觀察分析站點(diǎn)文件夾的特征:站點(diǎn)文件夾的位置;“環(huán)保之家”內(nèi)有什么文件夾和文件?重新用FrontPage打開(kāi)站點(diǎn),觀察到圖標(biāo)的形狀如何?

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

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

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

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

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

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

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

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

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

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