- 相關推薦
“網頁制作”教學設計與思考
[摘要]中小學信息技術課已不再是單純的計算機技能課，它強調以培養信息素養為目標，以任務驅動為模式，以應用軟件為載體。只有在實際教學中突破以往的教學模式，才能培養出適應信息社會發展的有用人才。本文以“網頁制作”單元為例，闡述了信息技術課教學設計的新思路，并就現行教材的編排組織提出了幾點建設性意見。
[關鍵詞]信息技術/網頁制作/任務驅動
中學信息技術課程的任務是培養學生的信息素養，具體包括快速獲取信息的能力，正確地評價信息，有效地利用信息和準確地表達信息。因此，信息技術課也應以信息處理為主線來展開，而不該成為單純的計算機應用軟件操作課。以“網頁制作”為例，整個制作過程對學生獲取、評價、表達和利用信息的各項能力都是一種培養和鍛煉。下面，筆者就這一單元的教學設計做具體闡述。
一、教材分析
我校目前使用的教材是江蘇省中小學教學研究室編寫的高一《信息技術》。網頁制作是其中第五章的教學內容。在這之前，學生已初步掌握了網絡通信的基礎知識，因特網的信息服務，網絡信息的搜索、瀏覽和下載，以及電子郵件的使用等內容。因此，學生已經具備了獲取信息的能力，網頁制作單元就可側重培養信息表達的能力，這對于加強學生的信息意識，提高信息處理的能力有著重要的作用；網頁的設計也給學生提供了展示個性、自主創新的機會，促使他們主動地學、創造性地學；網頁的評價則能使學生了解內容編排的原則，頁面布局的種類，色彩搭配的風格等，提高他們的藝術修養和審美情趣。
教材中采用的網頁制作軟件是FrontPage2000。由于FrontPage2000采用了與Word等其他Office軟件相類似的圖形操作界面，可以自動生成Html代碼，輕松實現網頁發布。在第三章，學生已經學過了Word字處理軟件。因此，對FrontPage2000的啟動、關閉、文件操作、文字編輯和圖片處理都會有一種似曾相識的感覺，這種知識遷移對后續的學習非常有利。
二、設計思想
1、任務驅動
本單元的學習通過完成網頁作品來實現。班級網頁的信息來自學生生活的班集體，每個熱愛班級、關心班級的同學都能產生一種急切地完成任務的動機，而完成任務又能給他們帶來成就感和滿足感。這種心理上的內在動力驅使學生自覺地把計算機作為一種信息處理的工具來使用，由“要我學”變成“我要學”。在教學中，教師通過創設情境，激發學生的創作欲望，把總任務劃分到每節課，按照學生的制作進度來布置子任務，使學生在教師的引導下逐步達成教學目標。
2、小組協作
制作班級網頁是個大任務，具有一定的開放性和綜合性。因此采取小組協作學習的方式是非常必要的。小組成員的知識程度、學習能力和思維方式都有差異，可以通過討論、交流與合作，取長補短、拓展思路。每個學習小組由6-8人組成，每人負責制作1-2個頁面，組合成一份班級網頁。最后，各小組作品集中評比，選出優秀作品，上傳到校園網上公布。
基于資源
要培養學生的信息能力，就必須為他們提供大量處理信息的機會。基于資源的學習就是讓學生接觸到豐富的學習資源，為學生的知識構建提供支撐。筆者采用ASP技術自主開發了一個信息技術學習網站，該網站具有強大的交互功能，不僅能為學生創設豐富的資源環境，還為每個注冊用戶提供個人空間，支持作品的上傳或下載，并開辟了學生論壇和教師答疑，供師生們交流和討論。網站的使用不僅方便學生的學，還能改善教師的教，也為師生間的交流提供了虛擬空間。
三、學習目標
本單元的認知、情感和動作技能三種目標分述如下：
認知目標
1、能簡要陳述FrontPage2000主要功能，熟悉其操作界面
2、能用自己的話解釋下列術語：HTML，URL，網頁，主頁，超鏈接
3、能主動獲取、收集班級信息，并加以分類和整理
4、能客觀評價網頁的內容和風格，具備一定的審美能力
情感目標
1、具有集體榮譽感，愿意為班級的網頁建設出謀劃策
2、具有樂于助人、團結協作的精神
3、能尊重他人的勞動成果，有保護知識產權的意識
動作技能目標
1、能熟練地建立、打開、保存、瀏覽網頁文件
2、能按照需要建立框架網頁，設置各框架中的初始網頁
3、能在網頁中熟練地插入文字、圖片、動畫、水平線
4、能使用簡單的表格編排網頁內容，使網頁的結構清晰，內容整齊
5、能選擇合適的網頁背景圖案和背景音樂
6、能根據實際需要使用不同的超鏈接，合理地組織網頁
7、能在網頁中插入懸停按鈕、滾動字幕和橫幅廣告管理器，使網頁具有動感
8、能夠插入簡單的表單，使網頁具有初步的動態交互功能
四、學習資源設計
在基于資源的學習中，教師的任務就是收集、設計和管理學習資源，引導和幫助學生自主地查找并獲得學習指導，通過師生間、生生間的交流與合作，完成知識的建構和技能的提高。因此，學習資源的設計尤為重要。本單元需要的學習資源包括以下部分：
1、推薦給學生的網站地址鏈接，如門戶網站、班級網站、搜索引擎、信息技術網站等
2、本單元學習的目標和任務，以及每課時的子目標和子任務
3、教師對班級網頁欄目的劃分建議，如同學檔案、教師風采、學習園地、班級活動、休閑娛樂、班級留言板、酷站鏈接、站長信箱等等
4、根據每課時的學習目標制作的操作指導，包括操作界面的演示
5、網頁設計所需的各種素材，如圖片、動畫、Midi音樂等等
6、拓展學習材料，如Photoshop、Flash、Asp、Access等技術資料
7、Frontpage2000的幫助系統和信息技術教材也是重要的學習資源
以上學習資源（第7項除外）都應公布在教學網站中，保證學生在需要時查找。學生也可以把自己找到的好素材上傳到網上。
五、教學過程
本單元的教學共需8課時，每節課教師都要求學生完成子任務。教學安排如下表：
課時
學習子任務
教師行為
學生行為
1
訪問推薦網頁
評價網頁，確定標準
形成小組、討論欄目，明確分工
推薦優秀網站
組織學生討論網頁內容和風格，分析網頁框架和布局。
小結網頁評價的標準
提出學習任務(班級網頁制作)和原則(小組協作，網上討論與學習)
提供網頁欄目劃分建議
組織各小組討論
瀏覽網頁
仔細觀察，區分優劣
了解評價網頁的標準
明確任務及原則
選擇小組，參與討論，確定欄目及分工，推舉組長
組長上報成員名單
課后收集整理信息
2
學會使用教學網站
熟悉Frontpage2000的操作界面，掌握網頁文件的創建、打開、保存和關閉操作
輸入文字信息并修飾
公布教學網站地址和訪問方法，介紹網站欄目及功能，特別是個人空間的上傳、下載方法
參與學生的網上討論，回答學生提問，必要時進行集體講解和演示
登陸教學網站，了解欄目功能，練習使用
創建網頁文件，輸入網頁文字信息并保存
設置文本字體字號顏色，調整段落對齊方式和縮進格式
引用資料注明出處
在網頁下方署名
3
學會插入圖片、動畫、水平線
設置背景和音樂
學習插入表格，并用表格實現頁面布局
介紹素材庫中各類素材
參與網上討論、答疑
提醒學生網頁上的圖片和動畫應少而精，以免影響瀏覽速度
介紹表格的嵌套
分析學生網頁，用表格演示頁面布局
選擇合適的素材插入網頁合適位置，
設置圖片和動畫的大小、對齊方式和邊框
設置網頁背景和音樂
在需要插入表格的網頁中，設置表格、行、列及單元格的屬性并進行編輯
用表格規劃頁面內容
4
學習框架網頁的創建及保存，學會拆分和刪除框架
小組合作，建立主頁
建立頁間鏈接，并學會通過預覽功能測試鏈接
介紹框架網頁的各種格式和創建、保存的方法
演示拆分、刪除框架
參與網上討論、答疑
分析學生操作錯誤原因，頁間鏈接應使用相對路徑
演示超級鏈接的建立、使用預覽功能測試鏈接
小組討論選擇一種框架頁面作為主頁
設置框架屬性，如框架名稱、初始網頁等
創建主頁與其他頁面間的超級鏈接，并用預覽功能測試鏈接是否正確
學會使用相對路徑
5
學會創建書簽鏈接、郵件鏈接和圖片鏈接
建立URL鏈接
初步學會創建圖象的熱區鏈接
對每個鏈接進行測試
分析一個主頁，讓學生找出不同的超級鏈接
討論各種鏈接的應用場合，如頁面內容較多則使用什么鏈接？酷站鏈接和站長信箱分別使用什么鏈接？學生回答
錯誤原因分析，URL鏈接使用絕對路徑
選擇內容較多的頁面建立書簽鏈接
在圖片上練習圖片鏈接和熱區鏈接
為酷站鏈接和站長信箱建立正確的鏈接
加深URL地址的認識
對每個鏈接進行測試
6
學會插入滾動字幕
學會使用懸停按鈕
學會插入站點計數器和橫幅廣告管理器
小組網頁初步組合，上傳到教學網站
逐個檢查各小組網頁的制作進展，并給出評估意見
參與網上討論、答疑
講解小組網頁的組合方式，每個欄目一個文件夾，圖片放一個文件夾，提示學生使用文件夾視圖管理文件
在主頁上插入滾動字幕，并設置其方向、速度、表現和對齊方式
在主頁上插入計數器和橫幅廣告管理器
選擇一個頁面插入懸停按鈕，并設置其顏色、效果和鏈接對象
設置網頁的動態效果
小組網頁組合上傳
7
了解表單的交互性，學習表單的創建和設置
在表單中插入各種組件
設置表單的Email提交方法
各組網頁定稿上傳
介紹簡單的留言板，論壇和聊天室，供學生選擇
引導學有余力的學生學習ASP和數據庫技術
參與網上討論、答疑
創建留言板或其他形式的表單，如學習調查表等
在表單中插入文本框、按鈕、單選按鈕、復選框、列表框等組件
設置Email提交方法
小組網頁定稿上傳
8
各組網頁演示、互評
網上投票推選優秀網頁和網頁制作高手
每位同學自評
由班內網頁高手做班級網頁管理員，負責提交、維護班級網頁
組織小組網頁互評
設計網上投票網頁
設計網頁設計評估表
為每個學生的作品打分
積極參加小組互評
投票推選優秀網頁和網頁制作高手
認真小結本人學習情況，并如實打分自評
六、教學評價
本單元的教學評價主要根據下面的網頁作品評價量化表來進行，由學生自評和教師打分反映學生的學習狀況。
評價指標
(分值)
具體指標
量化等級分值
自評
教師
優
良
中
差
網頁內容
(40)
獲得的信息準確且完整
5
4
3
2
信息的收集方法效率高
10
8
6
4
網頁文字沒有語法和拼寫錯誤
10
8
6
4
能找到合適的網頁素材并合理應用
10
8
6
4
引用他人作品，是否注明出處
5
4
3
2
技術處理
(35)
網頁布局整齊、合理
10
8
6
4
網頁色彩協調、風格鮮明
10
8
6
4
網頁鏈接正確、快捷
10
8
6
4
具有較強的動態交互功能
5
4
3
2
【“網頁制作”教學設計與思考】相關文章：
網頁設計制作規范08-06
網頁設計制作規范08-06
網頁設計制作規范08-06
網頁設計制作規范08-06
網頁設計制作規范 -08-06
網頁設計制作實習報告04-05
網頁制作教學計劃02-22
網頁的制作08-16
制作網頁設計的心得體會11-29