網頁製作教案

2021-03-04 09:23:39 字數 2573 閱讀 1753

第一節製作簡單的網頁

(一)教學物件分析

學生在學習本內容前,已經學習了利用word製作簡單的網頁,並且初步掌握了製作網頁的一般流程及基本操作,具有進一步學習的能力。

(二)教學目標

1、 掌握啟動與退出frontpage的方法

2、 了解frontpage的視窗介面組成及基本功能。

3、 掌握在frontpage中編輯文字、插入影象、設定電子郵件超連結的方法。

4、 掌握利用frontpage軟體新增網頁元素修飾網頁的方法

5、 培養學生在獲取資訊的能力,使學生學會利用計算機和網路蒐集與準備網頁素材。

6、 培養學生的知識遷移能力,培養學生的創新能力。

(三)教學重點

利用frontpage製作簡單的網頁

(四)教學方法和手段

教學方法:演示法、自主學習法。

教學手段:多**網路教學。

(五)教學過程

1、 創設情境,匯入新課:

展示幾幅優秀的網頁作品,激發學生學習專業網頁製作軟體的願望。frontpager 功能主要體現在:1、網頁編輯功能。2、**管理功能。

一、 啟動frontpage

i. 啟動frontpage

ii. frontpage視窗組成

二、 用frontpage製作網頁

1、 輸入文字

2、 設定字型、字型大小

3、 插入剪貼畫

4、 建立電子郵件超連結

三、 儲存網頁

四、 預覽網頁

反饋操作情況情況

第二節插入**

(一) 教學目標

了解frontpage中使用**的作用。

掌握在frontpage中插入**的方法。

能熟練在**中輸入文字、插入**。

(二) 教學重點

在frontpage 中利用**組織網頁結構。

(三) 教學過程

匯入新課,**是網頁中經常使用的一種形式,**裡不僅可以存放文字、影象等資料,還可以作為組織網頁內容的框架,使網頁整齊、美觀。

新課講授:

1、 插入空**

2、 在**中插入**

3、 設定**屬性

4、 輸入文字

5、 設定**屬性

6、 插入**標題

7、 儲存網頁、預覽網頁

本課總結

第三節建立表單

(一) 教學目標

了解表單的功能。

掌握在frontpage中建立表單的方法。

掌握在frontpage中插入表單域的方法。

(二) 教學重點

表單網頁的結果處理。

(三) 教學過程

複習1、如何製作**並茂的網頁?

2、 **在網頁中的主要作用?

3、 在網頁中插入**有幾種方法?

匯入新課、創設情境

展示幾幅含有表單域的網頁作品,例如調查表、申請表、提問:表單與**的異同點?

講授新課

一、 利用表單網頁嚮導建立表單

1、 建立表單

2、 修改表單

3、 處理表單結果

4、 利用表單確認模板製作表單確認頁面

二、 製作網頁背景

反饋操作情況

本課總結

課後任務:利用選單欄中的命令在網頁中插入表單域。

第四節利用框架製作首頁

(一) 教學目標

了解框架的功能

掌握在frontpage中使用框架的方法。

掌握在frontpage中建立超連結的方法。

(二) 教學重點

利用框架製作首頁

(三) 教學過程

複習:1、如何製作表單頁?2、表單的主要作用?

匯入新課、創設情境:展示模範的網頁作品,激發學生學習的興趣。

講授新課:

一、利用框架製作首頁

1、新建框架網頁

2、設定右框中的初始網頁

3、儲存網頁

4、建立左框中的網頁

二、建立超連結

二、製作網頁背景

儲存網頁、遊覽網頁

反饋操作情況

本課總結

課後任務:練習其他幾種超連結方式。宛善網頁。

第五節站點管理

(一) 教學目標

了解站點的基本知識。

掌握利用frontpage建立站點的方法。

掌握向站點中匯入網頁的方法。

(二) 教學重點

匯入超連結

(三) 教學過程

複習:匯入新課、創設情境:frontpage不僅具有強大的網頁編輯功能,而且具有強大的管理站點的功能。

講授新課:

一、 建立站點

二、 匯入網頁

三、 匯入超連結

本課總結

第六節發布站點

(一) 教學目標

了解發布站點的一般流程

(二) 教學重點

把站點發布到網際網路上是本節的重點。

(三) 教學過程

複習:匯入新課、創設情境:展示網際網路上的優秀個人**。

講授新課:

一、把站點發布到本機

二、測試**的表單功能

三、把**發布到網際網路上(介紹)

本課總結

網頁製作教案

9 教師演示插入 操作,詳見教材第52頁 學生完成相同操作,教師巡邏指導。操作要點及注意事項如下 先將要插入的 檔案複製到jianjie.html網頁檔案所在的資料夾中,再進行插入影象操作。10 請學生上台完成插入flash動畫的操作,提示 方法和注意點與插入影象相似 教師在一旁提示指導。11 教師...

網頁製作教案

6 請一位學生上台操作,其他學生完成相同操作。可以參考 快速建站技術 模板的應用.wmv。教師巡視指導。7 教師總結評價學生完成情況。8 課堂比一比 將學生分組,根據已學知識,美化已完成的 學習使用模板快速更新 的技術。可以參考 快速建站技術 模板的應用 快速更新 wmv。將作品提交後由學生評比。增...

網頁製作教案

在 標記之間是html的指令碼內容,一般情況下它分為兩部分 頭部 和 主體 頭部是由標記組成的,其中包含了該html指令碼的標題和說明資訊 如編碼方式 關鍵字 編輯軟體 作者資訊等 主體部分是由作為起始標記,作為結束標記,其中所包含的就是在瀏覽器中所看到的內容,包括文字 動畫等。做乙個簡單的例子開啟...