下面是范文網(wǎng)小編收集的“網(wǎng)頁(yè)制作”教學(xué)設(shè)計(jì)與思考大全3篇(網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)反思)，以供參考。
“網(wǎng)頁(yè)制作”教學(xué)設(shè)計(jì)與思考大全1
《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)大綱
第一部分 大綱說(shuō)明
一、課程的性質(zhì)和任務(wù)
《網(wǎng)頁(yè)設(shè)計(jì)與制作》是高等職業(yè)學(xué)校計(jì)算機(jī)專(zhuān)業(yè)的一門(mén)必修的專(zhuān)業(yè)基礎(chǔ)課。本課程講述了網(wǎng)站創(chuàng)建、網(wǎng)頁(yè)制作基本知識(shí)、Dreamweaver網(wǎng)頁(yè)制作集成工具使用的方法等內(nèi)容。通過(guò)本課程的學(xué)習(xí)，使學(xué)生掌握構(gòu)建網(wǎng)站的基本知識(shí)，熟悉網(wǎng)頁(yè)開(kāi)發(fā)平臺(tái)的使用，能夠獨(dú)立的創(chuàng)建個(gè)人網(wǎng)站。
二、課程教學(xué)要求
1、理論和實(shí)踐相結(jié)合
本課程是計(jì)算機(jī)專(zhuān)業(yè)的一門(mén)必修的專(zhuān)業(yè)課程，是理論和實(shí)踐相結(jié)合的課程。該課程重點(diǎn)是構(gòu)建網(wǎng)站的基本知識(shí)，熟悉網(wǎng)頁(yè)開(kāi)發(fā)平臺(tái)的使用，能夠獨(dú)立的創(chuàng)建個(gè)人網(wǎng)站。在教學(xué)過(guò)程中 要與Dreamweaver MX、Flash MX和Firework MX結(jié)合起來(lái)，同時(shí)，應(yīng)該使課堂理論教學(xué)與學(xué)生參與專(zhuān)業(yè)實(shí)踐相結(jié)合，在課外安排一定的時(shí)間進(jìn)行專(zhuān)業(yè)實(shí)踐，這樣學(xué)生在學(xué)習(xí)中，通過(guò)理論學(xué)習(xí)和上機(jī)操作實(shí)驗(yàn)熟悉構(gòu)建網(wǎng)站的流程，能夠進(jìn)行簡(jiǎn)單圖像和動(dòng)畫(huà)的制作、加工和處理，能夠獨(dú)立的創(chuàng)建個(gè)人網(wǎng)站。
2、加強(qiáng)課堂練習(xí)與課后練習(xí)
為了訓(xùn)練和培養(yǎng)學(xué)生的實(shí)際操作能力，必須要求學(xué)生進(jìn)行課堂練習(xí)與課后作業(yè)練習(xí)，加強(qiáng)學(xué)生的專(zhuān)業(yè)技能和基礎(chǔ)理論的學(xué)習(xí)。
三、教學(xué)時(shí)數(shù)與教材
網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)總學(xué)時(shí)數(shù)為54學(xué)時(shí)，其中授課時(shí)間為32學(xué)時(shí)，實(shí)驗(yàn)課時(shí)為22學(xué)時(shí)；《網(wǎng)頁(yè)設(shè)計(jì)與制作》，田博文編著，人民郵電出版社，2004年。
四、課程教學(xué)方法
在網(wǎng)頁(yè)設(shè)計(jì)與制作的教學(xué)中應(yīng)當(dāng)注意：
1、教學(xué)方法
本課程應(yīng)采用理論與實(shí)踐結(jié)合，講授與自學(xué)結(jié)合，實(shí)踐操作與課堂討論結(jié)合的“三結(jié)合”教學(xué)方法。
2、教學(xué)形式
本課程的教學(xué)形式可以采用班組教學(xué)、課堂講授、利用業(yè)余時(shí)間自學(xué)等形式。
3、實(shí)踐性環(huán)節(jié)教學(xué)要求
本課程具有較強(qiáng)的實(shí)踐性和應(yīng)用性，教學(xué)過(guò)程中應(yīng)該貫徹理論與實(shí)踐相結(jié)合的原則，有重點(diǎn)的組織一些課堂討論和實(shí)踐操作以及單元測(cè)試，督促并檢查學(xué)生按時(shí)完成課外作業(yè)，有條件的情況下，可以組織學(xué)生到有關(guān)部門(mén)及單位參觀、座談、以增強(qiáng)學(xué)生的感性認(rèn)識(shí)。
第二部分 教學(xué)內(nèi)容和教學(xué)要求
第一章 基礎(chǔ)知識(shí)（2學(xué)時(shí)）教學(xué)目的與要求：
通過(guò)本章學(xué)習(xí)，學(xué)生應(yīng)了解網(wǎng)頁(yè)被執(zhí)行的詳細(xì)過(guò)程，以及與網(wǎng)絡(luò)相關(guān)的基本定義和概念，并掌握在網(wǎng)絡(luò)中建立網(wǎng)站的方法。
重點(diǎn)難點(diǎn)：在網(wǎng)絡(luò)中建立網(wǎng)站的方法教學(xué)內(nèi)容： 教學(xué)內(nèi)容：
（一）網(wǎng)絡(luò)基礎(chǔ)知識(shí)
（二）初識(shí)網(wǎng)頁(yè)
（三）網(wǎng)上安家
第二章 創(chuàng)建本地虛擬站點(diǎn)（4學(xué)時(shí)）教學(xué)目的與要求：
通過(guò)本章學(xué)習(xí)，讓學(xué)生熟練掌握在本地創(chuàng)建虛擬站點(diǎn)與創(chuàng)建文件和文件夾的方法，以及站點(diǎn)管理器的使用，了解制作網(wǎng)站的準(zhǔn)備工作。重點(diǎn)難點(diǎn)：創(chuàng)建虛擬站點(diǎn)與創(chuàng)建文件和文件夾的方法 教學(xué)內(nèi)容：
（一）準(zhǔn)備工作
1、了解網(wǎng)站的服務(wù)群體
2、確定網(wǎng)站的主題
3、畫(huà)出結(jié)構(gòu)圖
4、確定網(wǎng)站命名規(guī)則
（二）創(chuàng)建虛擬網(wǎng)站
（三）其他功能
1、站點(diǎn)地圖布局
2、保存站點(diǎn)地圖
3、設(shè)計(jì)備注
第三章 文檔、文本和鏈接（4學(xué)時(shí)）教學(xué)目的與要求：
通過(guò)本章的學(xué)習(xí)，讓學(xué)生熟練掌握創(chuàng)建、保存文檔的方法，以及文本的各項(xiàng)參數(shù)設(shè)置和文本超級(jí)鏈接、圖像超級(jí)鏈接、下載鏈接的使用方法，了解文本各項(xiàng)參數(shù)的源代碼表示方法。
重點(diǎn)難點(diǎn)：創(chuàng)建、保存文檔的方法，以及文本的各項(xiàng)參數(shù)設(shè)置和文本超級(jí)鏈接、圖像超級(jí)鏈接、下載鏈接的使用方法 教學(xué)內(nèi)容：
（一）新建文檔
（二）建立超級(jí)鏈接
1、添加文本鏈接
2、圖像超級(jí)鏈接
3、電子郵件鏈接
4、下載鏈接
5、命名錨記 第四章 Web圖像（4學(xué)時(shí)）教學(xué)目的與要求：
通過(guò)本章的學(xué)習(xí)，讓學(xué)生熟練掌握在Dreamweaver MX中使用圖像的一些基本方法和技巧、設(shè)置網(wǎng)頁(yè)背景色和背景圖像的方法、圖像映射和跟蹤圖像的方法，了解GIF和JPEG兩種圖像格式的異同點(diǎn)和使用環(huán)境。
重點(diǎn)難點(diǎn)：設(shè)置網(wǎng)頁(yè)背景色和背景圖像的方法、圖像映射和跟蹤圖像的方法 教學(xué)內(nèi)容：
（一）網(wǎng)頁(yè)中的色彩
（二）圖像格式
1、GIF格式
2、JPEG格式
3、如何正確地使用GIF
（三）Dreamweaver MX中的圖像技術(shù)
（四）設(shè)置網(wǎng)頁(yè)背景
1、改變網(wǎng)頁(yè)背景色
2、設(shè)置背景圖像
（五）在Dreamweaver 中巧妙地處理圖像
1、給圖像添加文字說(shuō)明
2、圖像映射
3、跟蹤圖像
第五章 Fireworks MX中的圖像技術(shù)（4學(xué)時(shí)）教學(xué)目的與要求：
通過(guò)本章的學(xué)習(xí)，讓學(xué)生熟練掌握文本工具、繪圖工具和握樣式的使用，以及GIF、JPEG格式圖像的輸出，圖像處理技術(shù)和在Fireworks MX中制作HTML網(wǎng)頁(yè)的過(guò)程。
重點(diǎn)難點(diǎn)： 文本工具、繪圖工具和握樣式的使用，以及GIF、JPEG格式圖像的輸出，圖像處理技術(shù)和在Fireworks MX中制作HTML網(wǎng)頁(yè)的過(guò)程。教學(xué)內(nèi)容：
（一）制作漂亮的文字
（二）制作個(gè)性化的網(wǎng)站標(biāo)志
（三）制作網(wǎng)頁(yè)背景圖像
（四）對(duì)圖像進(jìn)行美化
（五）制作HTML網(wǎng)頁(yè)
（六）Dreamweaver MX與Fireworks MX的配合使用
第六章 表格（4學(xué)時(shí)）教學(xué)目的與要求：
通過(guò)本章的學(xué)習(xí)，讓學(xué)生熟練掌握表格的創(chuàng)建、編輯過(guò)程、表格的嵌套、表格的寬度、邊框、背景色和背景圖像的位置和表格的各種標(biāo)簽的源代碼，了解表格的組成及各項(xiàng)參數(shù)的含義。
重點(diǎn)難點(diǎn)： 表格的創(chuàng)建、編輯過(guò)程、表格的嵌套、表格的寬度、邊框、背景色和背景圖像的位置和表格的各種標(biāo)簽的源代碼 教學(xué)內(nèi)容：
（一）表格的組成（二）建立表格
（三）表格屬性
（四）在表格內(nèi)添加元素
（五）選擇表格
（六）編輯表格
（七）增加、刪除行和列及拆分、合并單元格
（八）表格的縮放
1、用拖放方法縮放表格的大小
2、用表格的[屬性]面板改變表格尺寸
（九）一個(gè)完整的頁(yè)面制作過(guò)程
1、頁(yè)眉的制作
2、左側(cè)導(dǎo)航區(qū)的制作
3、制作中間主要區(qū)域
4、制作右側(cè)新聞?wù)獏^(qū) 第七章 框架（4學(xué)時(shí)）教學(xué)目的與要求：
通過(guò)本章的學(xué)習(xí)，讓學(xué)生熟練掌握創(chuàng)建、保存框架的過(guò)程、框架組、框架的屬性設(shè)置和框架中鏈接的目標(biāo)顯示窗口、了解框架的含義。
重點(diǎn)難點(diǎn)： 創(chuàng)建、保存框架的過(guò)程、框架組、框架的屬性設(shè)置和框架中鏈接的目標(biāo)顯示窗口 教學(xué)內(nèi)容：
（一）建立框架
1、建立框架
2、插入框架
3、添加內(nèi)容
4、保存框架
（二）選取框架
1、選擇一個(gè)框架
2、選擇框架組
（三）框架和框架組的屬性
1、框架屬性
2、框架組屬性
（四）編輯框架
（五）框架中鏈接的目標(biāo)顯示窗口 第八章 表單（4學(xué)時(shí)）教學(xué)目的與要求：
通過(guò)本章的學(xué)習(xí)，讓學(xué)生熟練掌握各表單的屬性，了解表單的含義。重點(diǎn)難點(diǎn)：各表單的屬性 教學(xué)內(nèi)容：
（一）創(chuàng)建一個(gè)反饋表單
（二）測(cè)試表單頁(yè)
（三）表單及表單域的各項(xiàng)屬性
第九章 插入其他對(duì)象（4學(xué)時(shí)）教學(xué)目的與要求：
通過(guò)本章的學(xué)習(xí)，讓學(xué)生熟練掌握水平線、6種文件頭標(biāo)簽、插入字符的使用，熟練在網(wǎng)頁(yè)中插入多種格式的視頻。
重點(diǎn)難點(diǎn)：水平線、6種文件頭標(biāo)簽、插入字符的使用，熟練在網(wǎng)頁(yè)中插入多種格式的視頻 教學(xué)內(nèi)容：
（一）插入水平線
（二）插入文件頭標(biāo)簽
（三）插入字符
（四）插入多媒體
1、插入Flash動(dòng)畫(huà)
2、插入插件
3、播放“*.rm”格式影片 第十章 HTML樣式和CSS樣式（4學(xué)時(shí)）教學(xué)目的與要求：
通過(guò)本章的學(xué)習(xí)，讓學(xué)生熟練掌握HTML樣式的用法、CSS樣式的創(chuàng)建、3種放置CSS代碼的方式，了解CSS樣式的定義。
重點(diǎn)難點(diǎn)：HTML樣式的用法、CSS樣式的創(chuàng)建、3種放置CSS代碼的方式 教學(xué)內(nèi)容：
（一）HTML樣式
1、新建樣式
2、應(yīng)用HTML樣式
3、清除HTML樣式
4、在面板中處理樣式
（二）什么是CSS樣式
（三）[CSS樣式]面板
（四）CSS的屬性
（五）使用Dreamweaver MX中的CSS樣式編輯器
1、創(chuàng)建自定義樣式
2、重定義HTML標(biāo)簽
3、使用CSS選擇器
4、附加樣式表 第十一章 Flash MX（4學(xué)時(shí)）教學(xué)目的與要求：
通過(guò)本章的學(xué)習(xí)，讓學(xué)生熟練掌握用工具箱中的工具創(chuàng)建和編輯圖形、視頻、音頻的導(dǎo)入、運(yùn)動(dòng)動(dòng)畫(huà)、變形動(dòng)畫(huà)的創(chuàng)建、運(yùn)動(dòng)引導(dǎo)動(dòng)畫(huà)、遮罩動(dòng)畫(huà)的創(chuàng)建，了解矢量動(dòng)畫(huà)、位圖圖像的定義。
重點(diǎn)難點(diǎn)： 用工具箱中的工具創(chuàng)建和編輯圖形、視頻、音頻的導(dǎo)入、運(yùn)動(dòng)動(dòng)畫(huà)、變形動(dòng)畫(huà)的創(chuàng)建、運(yùn)動(dòng)引導(dǎo)動(dòng)畫(huà)、遮罩動(dòng)畫(huà)的創(chuàng)建 教學(xué)內(nèi)容:
（一）基礎(chǔ)知識(shí)
1、電腦動(dòng)畫(huà)
2、矢量圖形
3、位圖圖像
4、Flash動(dòng)畫(huà)的特點(diǎn)
（二）Flash MX
（三）創(chuàng)建圖形
（四）編輯圖形
（五）素材和元件
1、視頻的導(dǎo)入
2、音頻的導(dǎo)入
3、元件
（六）創(chuàng)建基本動(dòng)畫(huà)
1、運(yùn)動(dòng)動(dòng)畫(huà)和變色動(dòng)畫(huà)
2、變形動(dòng)畫(huà)
3、逐幀動(dòng)畫(huà)
（七）創(chuàng)建多層動(dòng)畫(huà)
1、制作運(yùn)動(dòng)引導(dǎo)動(dòng)畫(huà)
2、制作遮罩動(dòng)畫(huà)
（八）作品的測(cè)試和發(fā)布
1、作品的測(cè)試
2、作品的優(yōu)化
3、作品的導(dǎo)出和發(fā)布 第十二章 模板和庫(kù)（4學(xué)時(shí)）教學(xué)目的與要求：
通過(guò)本章的學(xué)習(xí)，讓學(xué)生熟練掌握模板、庫(kù)的創(chuàng)建方法，了解[資源]面板的一般用法。
重點(diǎn)難點(diǎn)： 模板、庫(kù)的創(chuàng)建方法 教學(xué)內(nèi)容:
（一）[資源]面板
（二）Dreamweaver MX中的模板
1、創(chuàng)建模板
2、創(chuàng)建可編輯區(qū)域
3、創(chuàng)建重復(fù)區(qū)域
4、創(chuàng)建重復(fù)表格
5、編輯模板
6、使用模板
（三）Dreamweaver MX中的庫(kù)
1、什么是庫(kù)
2、怎樣使用庫(kù)
第十三章 源代碼相關(guān)功能及行為（4學(xué)時(shí)）教學(xué)目的與要求：
通過(guò)本章的學(xué)習(xí)，讓學(xué)生熟練掌握13種行為的創(chuàng)建過(guò)程、代碼提示、標(biāo)簽選擇器、標(biāo)簽編輯器、標(biāo)簽檢查器的使用，了解標(biāo)簽管理器的一般用法。重點(diǎn)難點(diǎn)：13種行為的創(chuàng)建過(guò)程、代碼提示、標(biāo)簽選擇器、標(biāo)簽編輯器、標(biāo)簽檢查器的使用
教學(xué)內(nèi)容:
（一）查看源代碼
（二）管理標(biāo)簽庫(kù)
（三）Dreamweaver中的編碼
1、使用代碼提示加入背景音樂(lè)
2、使用代碼片斷快速創(chuàng)建網(wǎng)頁(yè)
3、使用標(biāo)簽選擇器插入浮動(dòng)框架
4、使用標(biāo)簽編輯器編輯標(biāo)簽
5、用標(biāo)簽檢查器編輯標(biāo)簽
6、使用快速標(biāo)簽編輯器插入
（四）插入HTML注釋
（五）[行為]面板
（六）事件
（七）動(dòng)作
1、播放聲音
2、打開(kāi)瀏覽器窗口
3、彈出信息
4、調(diào)用JavaScript
5、改變屬性
6、交換圖像
7、檢查瀏覽器
8、檢查表單
9、控制Shockwave或Flash
10、轉(zhuǎn)到URL
11、設(shè)置導(dǎo)航條圖像
12、跳轉(zhuǎn)菜單
13、彈出式菜單 第十四章 網(wǎng)頁(yè)發(fā)布（4學(xué)時(shí)）教學(xué)目的與要求：
通過(guò)本章的學(xué)習(xí)，讓學(xué)生熟練掌握設(shè)置FTP上傳的步驟、發(fā)布網(wǎng)頁(yè)的過(guò)程、檢查、改變站點(diǎn)范圍的鏈接的方法、檢查、改變站點(diǎn)范圍的鏈接的方法、清理文檔的過(guò)程、同步的使用方法，了解報(bào)告的作用。
重點(diǎn)難點(diǎn)：設(shè)置FTP上傳的步驟、發(fā)布網(wǎng)頁(yè)的過(guò)程、檢查、改變站點(diǎn)范圍的鏈接的方法、檢查、改變站點(diǎn)范圍的鏈接的方法、清理文檔的過(guò)程、同步的使用方法 教學(xué)內(nèi)容:
（一）設(shè)置FTP上傳
（二）發(fā)布網(wǎng)頁(yè)
（三）報(bào)告
（四）檢查站點(diǎn)范圍的鏈接
（五）改變站點(diǎn)范圍的鏈接
（六）查找和替換
（七）清理文檔
（八）同步
“網(wǎng)頁(yè)制作”教學(xué)設(shè)計(jì)與思考大全2
教學(xué)總結(jié)
2010年7月5日
本學(xué)期承擔(dān)0,04A0801班的網(wǎng)頁(yè)設(shè)計(jì)與制作課程的教學(xué)任務(wù)。教學(xué)目的：通過(guò)課程的教學(xué),使學(xué)生掌握該軟件的操作方法和操作技巧,學(xué)會(huì)運(yùn)用其創(chuàng)建個(gè)人網(wǎng)站.具備一定的網(wǎng)站設(shè)計(jì)能力,學(xué)會(huì)網(wǎng)站的測(cè)試、維護(hù)、發(fā)布及推廣等。
教學(xué)內(nèi)容：通過(guò)實(shí)例的講解，讓學(xué)生掌握網(wǎng)頁(yè)制作和網(wǎng)站開(kāi)發(fā)的知識(shí)。從如何策劃網(wǎng)站、收集網(wǎng)站資料、準(zhǔn)備素材、各個(gè)頁(yè)面的邏輯關(guān)系和鏈接的建立到網(wǎng)站動(dòng)態(tài)系統(tǒng)的開(kāi)發(fā)，如何申請(qǐng)空間和域名，如何上傳網(wǎng)站以及網(wǎng)站測(cè)試、維護(hù)、發(fā)布及推廣等。
教學(xué)方法：多媒體教學(xué)時(shí)，準(zhǔn)備好教學(xué)課件和教學(xué)素材，采用項(xiàng)目教學(xué)法，圍繞實(shí)例，掌握相關(guān)知識(shí)點(diǎn)和操作方法，增強(qiáng)學(xué)生學(xué)習(xí)興趣，掌握網(wǎng)頁(yè)的制作和處理方法，提高學(xué)生解決和處理問(wèn)題的能力。通過(guò)實(shí)踐課程環(huán)節(jié)，加強(qiáng)技能培訓(xùn)，學(xué)會(huì)舉一反三，融會(huì)貫通，提高綜合運(yùn)用能力。增強(qiáng)學(xué)生探究和創(chuàng)新意識(shí),學(xué)習(xí)科學(xué)探究的方法,發(fā)展綜合運(yùn)用知識(shí)的能力,增進(jìn)學(xué)校與社會(huì)的密切聯(lián)系,培養(yǎng)學(xué)生的社會(huì)責(zé)任感。
教學(xué)課時(shí)：60學(xué)時(shí)。多媒體教學(xué)占三分之一，實(shí)踐教學(xué)占三分之二。教學(xué)評(píng)價(jià)：本課程為考試科目。平時(shí)成績(jī)占40%，期末考試占60%。平時(shí)成績(jī)包括：遲到、早退、曠課，上課紀(jì)律，書(shū)面練習(xí)，平時(shí)上機(jī)實(shí)踐作品完成情況（此項(xiàng)為重點(diǎn)）。
通過(guò)本學(xué)期的教學(xué),順利地完成了教學(xué)目標(biāo)。總之，一學(xué)期的教學(xué)工作，取得了良好的教學(xué)效果。
“網(wǎng)頁(yè)制作”教學(xué)設(shè)計(jì)與思考大全3
[摘要]中小學(xué)信息技術(shù)課已不再是單純的計(jì)算機(jī)技能課，它強(qiáng)調(diào)以培養(yǎng)信息素養(yǎng)為目標(biāo)，以任務(wù)驅(qū)動(dòng)為模式，以應(yīng)用軟件為載體。只有在實(shí)際教學(xué)中突破以往的教學(xué)模式，才能培養(yǎng)出適應(yīng)信息社會(huì)發(fā)展的有用人才。本文以“網(wǎng)頁(yè)制作”單元為例，闡述了信息技術(shù)課教學(xué)設(shè)計(jì)的新思路，并就現(xiàn)行教材的編排組織提出了幾點(diǎn)建設(shè)性意見(jiàn)。
[關(guān)鍵詞]信息技術(shù)/網(wǎng)頁(yè)制作/任務(wù)驅(qū)動(dòng)
中學(xué)信息技術(shù)課程的任務(wù)是培養(yǎng)學(xué)生的信息素養(yǎng)，具體包括快速獲取信息的能力，正確地評(píng)價(jià)信息，有效地利用信息和準(zhǔn)確地表達(dá)信息。因此，信息技術(shù)課也應(yīng)以信息處理為主線來(lái)展開(kāi)，而不該成為單純的計(jì)算機(jī)應(yīng)用軟件操作課。以“網(wǎng)頁(yè)制作”為例，整個(gè)制作過(guò)程對(duì)學(xué)生獲取、評(píng)價(jià)、表達(dá)和利用信息的各項(xiàng)能力都是一種培養(yǎng)和鍛煉。下面，筆者就這一單元的教學(xué)設(shè)計(jì)做具體闡述。
一、教材分析
我校目前使用的教材是江蘇省中小學(xué)教學(xué)研究室編寫(xiě)的高一《信息技術(shù)》。網(wǎng)頁(yè)制作是其中第五章的教學(xué)內(nèi)容。在這之前，學(xué)生已初步掌握了網(wǎng)絡(luò)通信的基礎(chǔ)知識(shí)，因特網(wǎng)的信息服務(wù)，網(wǎng)絡(luò)信息的搜索、瀏覽和下載，以及電子郵件的使用等內(nèi)容。因此，學(xué)生已經(jīng)具備了獲取信息的能力，網(wǎng)頁(yè)制作單元就可側(cè)重培養(yǎng)信息表達(dá)的能力，這對(duì)于加強(qiáng)學(xué)生的信息意識(shí)，提高信息處理的能力有著重要的作用；網(wǎng)頁(yè)的設(shè)計(jì)也給學(xué)生提供了展示個(gè)性、自主創(chuàng)新的機(jī)會(huì)，促使他們主動(dòng)地學(xué)、創(chuàng)造性地學(xué)；網(wǎng)頁(yè)的評(píng)價(jià)則能使學(xué)生了解內(nèi)容編排的原則，頁(yè)面布局的種類(lèi)，色彩搭配的風(fēng)格等，提高他們的藝術(shù)修養(yǎng)和審美情趣。
教材中采用的網(wǎng)頁(yè)制作軟件是FrontPage2000。由于FrontPage2000采用了與Word等其他Office軟件相類(lèi)似的圖形操作界面，可以自動(dòng)生成Html代碼，輕松實(shí)現(xiàn)網(wǎng)頁(yè)發(fā)布。在第三章，學(xué)生已經(jīng)學(xué)過(guò)了Word字處理軟件。因此，對(duì)FrontPage2000的啟動(dòng)、關(guān)閉、文件操作、文字編輯和圖片處理都會(huì)有一種似曾相識(shí)的感覺(jué)，這種知識(shí)遷移對(duì)后續(xù)的學(xué)習(xí)非常有利。
二、設(shè)計(jì)思想
1、任務(wù)驅(qū)動(dòng)
本單元的學(xué)習(xí)通過(guò)完成網(wǎng)頁(yè)作品來(lái)實(shí)現(xiàn)。班級(jí)網(wǎng)頁(yè)的信息來(lái)自學(xué)生生活的班集體，每個(gè)熱愛(ài)班級(jí)、關(guān)心班級(jí)的同學(xué)都能產(chǎn)生一種急切地完成任務(wù)的動(dòng)機(jī)，而完成任務(wù)又能給他們帶來(lái)成就感和滿(mǎn)足感。這種心理上的內(nèi)在動(dòng)力驅(qū)使學(xué)生自覺(jué)地把計(jì)算機(jī)作為一種信息處理的工具來(lái)使用，由“要我學(xué)”變成“我要學(xué)”。在教學(xué)中，教師通過(guò)創(chuàng)設(shè)情境，激發(fā)學(xué)生的創(chuàng)作欲望，把總?cè)蝿?wù)劃分到每節(jié)課，按照學(xué)生的制作進(jìn)度來(lái)布置子任務(wù)，使學(xué)生在教師的引導(dǎo)下逐步達(dá)成教學(xué)目標(biāo)。
2、小組協(xié)作
制作班級(jí)網(wǎng)頁(yè)是個(gè)大任務(wù)，具有一定的開(kāi)放性和綜合性。因此采取小組協(xié)作學(xué)習(xí)的方式是非常必要的。小組成員的知識(shí)程度、學(xué)習(xí)能力和思維方式都有差異，可以通過(guò)討論、交流與合作，取長(zhǎng)補(bǔ)短、拓展思路。每個(gè)學(xué)習(xí)小組由6-8人組成，每人負(fù)責(zé)制作1-2個(gè)頁(yè)面，組合成一份班級(jí)網(wǎng)頁(yè)。最后，各小組作品集中評(píng)比，選出優(yōu)秀作品，上（轉(zhuǎn)載自本網(wǎng) 訪問(wèn)推薦網(wǎng)頁(yè)
評(píng)價(jià)網(wǎng)頁(yè)，確定標(biāo)準(zhǔn)
形成小組、討論欄目，明確分工
推薦優(yōu)秀網(wǎng)站
組織學(xué)生討論網(wǎng)頁(yè)內(nèi)容和風(fēng)格，分析網(wǎng)頁(yè)框架和布局。
小結(jié)網(wǎng)頁(yè)評(píng)價(jià)的標(biāo)準(zhǔn)
提出學(xué)習(xí)任務(wù)(班級(jí)網(wǎng)頁(yè)制作)和原則(小組協(xié)作，網(wǎng)上討論與學(xué)習(xí))
提供網(wǎng)頁(yè)欄目劃分建議
（轉(zhuǎn)載自本網(wǎng) 學(xué)會(huì)使用教學(xué)網(wǎng)站
熟悉Frontpage2000的操作界面，掌握網(wǎng)頁(yè)文件的創(chuàng)建、打開(kāi)、保存和關(guān)閉操作
輸入文字信息并修飾
公布教學(xué)網(wǎng)站地址和訪問(wèn)方法，介紹網(wǎng)站欄目及功能，特別是個(gè)人空間的上傳、下載方法
參與學(xué)生的網(wǎng)上討論，回答學(xué)生提問(wèn)，必要時(shí)進(jìn)行集體講解和演示
登陸教學(xué)網(wǎng)站，了解欄目功能，練習(xí)使用
創(chuàng)建網(wǎng)頁(yè)文件，輸入網(wǎng)頁(yè)文字信息并保存
設(shè)置文本字體字號(hào)顏色，調(diào)整段落對(duì)齊方式和縮進(jìn)格式
引用資料注明出處
在網(wǎng)頁(yè)下方署名 學(xué)會(huì)插入圖片、動(dòng)畫(huà)、水平線
設(shè)置背景和音樂(lè)
學(xué)習(xí)插入表格，并用表格實(shí)現(xiàn)頁(yè)面布局
介紹素材庫(kù)中各類(lèi)素材
參與網(wǎng)上討論、答疑
提醒學(xué)生網(wǎng)頁(yè)上的圖片和動(dòng)畫(huà)應(yīng)少而精，以免影響瀏覽速度
介紹表格的嵌套
分析學(xué)生網(wǎng)頁(yè)，用表格演示頁(yè)面布局
選擇合適的素材插入網(wǎng)頁(yè)合適位置，設(shè)置圖片和動(dòng)畫(huà)的大小、對(duì)齊方式和邊框
設(shè)置網(wǎng)頁(yè)背景和音樂(lè)
在需要插入表格的網(wǎng)頁(yè)中，設(shè)置表格、行、列及單元格的屬性并進(jìn)行編輯
用表格規(guī)劃頁(yè)面內(nèi)容 學(xué)習(xí)框架網(wǎng)頁(yè)的創(chuàng)建及保存，學(xué)會(huì)拆分和刪除框架
小組合作，建立主頁(yè)
建立頁(yè)間鏈接，并學(xué)會(huì)通過(guò)預(yù)覽功能測(cè)試鏈接
介紹框架網(wǎng)頁(yè)的各種格式和創(chuàng)建、保存的方法
演示拆分、刪除框架
參與網(wǎng)上討論、答疑
分析學(xué)生操作錯(cuò)誤原因，頁(yè)間鏈接應(yīng)使用相對(duì)路徑
演示超級(jí)鏈接的建立、使用預(yù)覽功能測(cè)試鏈接
小組討論選擇一種框架頁(yè)面作為主頁(yè)
設(shè)置框架屬性，如框架名稱(chēng)、初始網(wǎng)頁(yè)等
創(chuàng)建主頁(yè)與其他頁(yè)面間的超級(jí)鏈接，并用預(yù)覽功能測(cè)試鏈接是否正確
學(xué)會(huì)使用相對(duì)路徑 學(xué)會(huì)創(chuàng)建書(shū)簽鏈接、郵件鏈接和圖片鏈接
建立URL鏈接
初步學(xué)會(huì)創(chuàng)建圖象的熱區(qū)鏈接
對(duì)每個(gè)鏈接進(jìn)行測(cè)試
分析一個(gè)主頁(yè)，讓學(xué)生找出不同的超級(jí)鏈接
討論各種鏈接的應(yīng)用場(chǎng)合，如頁(yè)面內(nèi)容較多則使用什么鏈接？酷站鏈接和站長(zhǎng)信箱分別使用什么鏈接？學(xué)生回答
錯(cuò)誤原因分析，URL鏈接使用絕對(duì)路徑
選擇內(nèi)容較多的頁(yè)面建立書(shū)簽鏈接
在圖片上練習(xí)圖片鏈接和熱區(qū)鏈接
為酷站鏈接和站長(zhǎng)信箱建立正確的鏈接
加深URL地址的認(rèn)識(shí)
對(duì)每個(gè)鏈接進(jìn)行測(cè)試 學(xué)會(huì)插入滾動(dòng)字幕
學(xué)會(huì)使用懸停按鈕
學(xué)會(huì)插入站點(diǎn)計(jì)數(shù)器和橫幅廣告管理器
小組網(wǎng)頁(yè)初步組合，上傳到教學(xué)網(wǎng)站
逐個(gè)檢查各小組網(wǎng)頁(yè)的制作進(jìn)展，并給出評(píng)估意見(jiàn)
參與網(wǎng)上討論、答疑
講解小組網(wǎng)頁(yè)的組合方式，每個(gè)欄目一個(gè)文件夾，圖片放一個(gè)文件夾，提示學(xué)生使用文件夾視圖管理文件
在主頁(yè)上插入滾動(dòng)字幕，并設(shè)置其方向、速度、表現(xiàn)和對(duì)齊方式
在主頁(yè)上插入計(jì)數(shù)器和橫幅廣告管理器
選擇一個(gè)頁(yè)面插入懸停按鈕，并設(shè)置其顏色、效果和鏈接對(duì)象
設(shè)置網(wǎng)頁(yè)的動(dòng)態(tài)效果
小組網(wǎng)頁(yè)組合上傳 了解表單的交互性，學(xué)習(xí)表單的創(chuàng)建和設(shè)置
在表單中插入各種組件
設(shè)置表單的Email提交方法
各組網(wǎng)頁(yè)定稿上傳
介紹簡(jiǎn)單的留言板，論壇和聊天室，供學(xué)生選擇
引導(dǎo)學(xué)有余力的學(xué)生學(xué)習(xí)ASP和數(shù)據(jù)庫(kù)技術(shù)
參與網(wǎng)上討論、答疑
創(chuàng)建留言板或其他形式的表單，如學(xué)習(xí)調(diào)查表等
在表單中插入文本框、按鈕、單選按鈕、復(fù)選框、列表框等組件
設(shè)置Email提交方法
小組網(wǎng)頁(yè)定稿上傳 各組網(wǎng)頁(yè)演示、互評(píng)
網(wǎng)上投票推選優(yōu)秀網(wǎng)頁(yè)和網(wǎng)頁(yè)制作高手
每位同學(xué)自評(píng)
由班內(nèi)網(wǎng)頁(yè)高手做班級(jí)網(wǎng)頁(yè)管理員，負(fù)責(zé)提交、維護(hù)班級(jí)網(wǎng)頁(yè)
組織小組網(wǎng)頁(yè)互評(píng)
設(shè)計(jì)網(wǎng)上投票網(wǎng)頁(yè)
設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)評(píng)估表
為每個(gè)學(xué)生的作品打分
積極參加小組互評(píng)
投票推選優(yōu)秀網(wǎng)頁(yè)和網(wǎng)頁(yè)制作高手
認(rèn)真小結(jié)本人學(xué)習(xí)情況，并如實(shí)打分自評(píng)
六、教學(xué)評(píng)價(jià)
本單元的教學(xué)評(píng)價(jià)主要根據(jù)下面的網(wǎng)頁(yè)作品評(píng)價(jià)量化表來(lái)進(jìn)行，由學(xué)生自評(píng)和教師打分反映學(xué)生的學(xué)習(xí)狀況。
評(píng)價(jià)指標(biāo)
(分值)具體指標(biāo)
量化等級(jí)分值
自評(píng)
教師
優(yōu)
良
中
差
網(wǎng)頁(yè)內(nèi)容
(40)獲得的信息準(zhǔn)確且完整 4 3 2
信息的收集方法效率高 8 6 4
網(wǎng)頁(yè)文字沒(méi)有語(yǔ)法和拼寫(xiě)錯(cuò)誤 8
4
能找到合適的網(wǎng)頁(yè)素材并合理應(yīng)用 8 6 4
引用他人作品，是否注明出處 4 3 2
技術(shù)處理
(35)網(wǎng)頁(yè)布局整齊、合理 8 6 4
網(wǎng)頁(yè)色彩協(xié)調(diào)、風(fēng)格鮮明 8 6 4
網(wǎng)頁(yè)鏈接正確、快捷 8 6
具有較強(qiáng)的動(dòng)態(tài)交互功能 4 3 2
【2011年七夕情人節(jié)祝福網(wǎng)頁(yè)——帶有你名字的個(gè)性祝福】
【推薦】下載本網(wǎng)的快捷方式到桌面，以便下次使用。
下載本文
內(nèi)容搜索范文推薦【工作總結(jié)】 班主任 教師 辦公室 財(cái)務(wù) 銷(xiāo)售 【工作計(jì)劃】 班主任 學(xué)校 教學(xué) 德育 班級(jí)
【工作報(bào)告】述職 述廉 社會(huì)實(shí)踐 實(shí)習(xí)辭職 調(diào)查 【黨團(tuán)范文】入黨申請(qǐng)書(shū) 入團(tuán) 思想?yún)R報(bào) 轉(zhuǎn)正
【演 講 稿】 技巧 競(jìng)聘 英語(yǔ) 節(jié)日 教師 愛(ài)崗敬業(yè) 上一篇：FOR/NEXT循環(huán)語(yǔ)句教學(xué)設(shè)計(jì) 下一篇：“做中學(xué)”科學(xué)教育理論在自然教學(xué)中的運(yùn)用您可以將本頁(yè)一鍵：
關(guān)于我們 | 收藏本站 | 友情連接 | 【歡迎投稿】 Copyright ? 本網(wǎng) All Rights Reserved.粵ICP備0號(hào) | 貴賓統(tǒng)計(jì)
您可以訪問(wèn)本網(wǎng)（www..com）查看更多與本文《“網(wǎng)頁(yè)制作”教學(xué)設(shè)計(jì)與思考》相關(guān)的文章。
“網(wǎng)頁(yè)制作”教學(xué)設(shè)計(jì)與思考大全3篇(網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)反思)相關(guān)文章：
★ 教師讀書(shū)分享活動(dòng)方案實(shí)施計(jì)劃3篇(讀書(shū)分享活動(dòng)教學(xué)設(shè)計(jì))
★ 網(wǎng)頁(yè)設(shè)計(jì)師的年終總結(jié)4篇(個(gè)人網(wǎng)頁(yè)設(shè)計(jì)總結(jié))
★ 五年級(jí)《尋隱者不遇》教學(xué)設(shè)計(jì)3篇 尋隱者不遇教學(xué)課件
★ 1.色彩的純度漸變?nèi)旅佬g(shù)教案3篇(美術(shù)色彩的漸變教學(xué)設(shè)計(jì))
★ 米和厘米的認(rèn)識(shí)教學(xué)設(shè)計(jì)3篇 認(rèn)識(shí)米、米和厘米教學(xué)設(shè)計(jì)
★ “精彩極了”和“糟糕透了”教學(xué)反思12篇 精彩極了和糟糕透了教學(xué)設(shè)計(jì)普學(xué)網(wǎng)
★ 人教版一年級(jí)語(yǔ)文下冊(cè)第四單元四教學(xué)設(shè)計(jì)3篇 部編版一年級(jí)下冊(cè)第四單元語(yǔ)文教案
★ 人教三上《一幅名揚(yáng)中外的畫(huà)》教學(xué)設(shè)計(jì)附板書(shū)2篇(一幅名揚(yáng)中外的畫(huà)教學(xué)課件)
★ 雪花教學(xué)設(shè)計(jì)11篇(《雪花》教學(xué)設(shè)計(jì))
★ 教學(xué)設(shè)計(jì)方案模板錦集17篇 教學(xué)設(shè)計(jì)方案模板怎么寫(xiě)