網站制作的教學設計

趙長蘭　程偉勝

1 設計思想

以普通高中信息技術新課標為指導,以建構主義學習理論和教學理論為理論基礎,強調教學過程中學生的主體作用及教師的主導作用,突出以“學”為中心的教學設計。旨在通過教學活動培養學生的信息素養,激發學生的創新精神,提高學生的團隊意識。

2 教材分析

教學內容是設計制作用于展示學生學習和研究成果的網站,學習任務有網站的規劃、網頁內容的設計、設計網頁等。通過網站的設計與制作,不僅讓學生加深理解和掌握網頁制作知識,也提高學生的網站設計能力和動手實踐能力。

3 教學目標

3.1 知識目標初步了解網頁制作的過程,熟悉網頁的各種元素;掌握網頁制作的一些技術和方法,能建立一個站點;在網頁中插入圖片和文字,對其進行定位,進行適當的修飾和排版;制作一個簡單的網頁。

3.2 能力目標培養學生自主學習、協作學習的能力;提高學生的動手實踐能力和創新能力。

3.3 情感目標通過網頁版面排版,培養學生的審美情趣。

4 教學重難點和方法

重點:利用FrontPage制作簡單的網頁。難點:用表格布局網頁。教法:演示、自學、比較的方法。

5 教學過程

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

5.2 基本概念

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

2)概念:網站與網頁。網站:網頁等一組網絡資源的集合,把制作的所有素材和網頁集合成一個網站。網頁:是網站中的一頁。主頁:是一個網站中最重要的網頁,也是訪問最頻繁的網頁。它是一個網站的標志,體現整個網站的制作風格和性質。把網站比喻成一本書,由一頁一頁來組成的,主頁就相當于書的目錄。

5.3 網頁的制作

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

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

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

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

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

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

5.4 學生練習:準備練習的案例、素材、動畫演示步驟學生自己練習時,進行對個別學生進行輔導。

5.5 學生作品展評本節課的評價方式是過程評價與作品評價相結合。在過程評價時,主要側重學生操作過程中的參數設計的靈活性、主題分析的創新性。在作品評價時,側重主題創意的表達效果及濾鏡的綜合運用程度等。

5.6 課堂小結經過這節課的學習,我們已經會做一張基本的網頁,但是在看了許多精彩的網頁后會發現,現在的這個網頁還是有許多值得改進的地方。所以在以后的學習中,還會學習更多的關于網頁制作方面的知識,讓大家制作的網站在網上發布,讓成千上萬的人去點擊。

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

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