學做網(wǎng)頁教案

第4章學做網(wǎng)頁

4.1.1認識FrontPage2000

『教學目的卜

1、了解什么是網(wǎng)頁，認識FrontPage2000的界面；

2、讓學生制定出自己要制作主頁的主題；

3、利用以前學習的文字排版知識制作一個簡單的圖文混排的頁面;

4、認識HTML語言。

『教學重點」:

1、認識FrontPage2000的界面:

2、了解FrontPage2000的制作技巧;

3、認識HTML語言。

『教學難點」

FrontPage2000的三種瀏覽方式

『教學方法』

演示法、講授法與學生實際操作相結(jié)合

『教學時間」：1課時

『教學步驟」

一、引入

同學們經(jīng)常上網(wǎng)，一定去了不少站點吧！這些站點的頁面都設計得非常精美,

讓你在瀏覽信息的同時，還可以得到美的享受。這么吸引人的頁面，是怎么制作

出來的呢？你想不想也做一個精美的個人主頁呢？如果你的回答是肯定的，那我

們就--起學一下FrontPage的使用。FrontPage是優(yōu)秀的專業(yè)化網(wǎng)頁設計軟件之

一，使用FrontPage你只要幾分鐘就可以建立一個自己的網(wǎng)頁，這可是一件令人

激動的事喲！

FrontPage是微軟公司的Office辦公軟件中的網(wǎng)頁制作工具，我們可以比

較一下它和Word有著相似的界面。

二、FrontPage的界面：

1、啟動FrontPage

回憶啟動Word,可以用同樣的方法啟動FrontPageo

方法1、開始f程序fFrontPage

方法2、雙擊桌面FrontPage的快捷圖標

2、FrontPage窗口

(1)、標題欄：

(2)、菜單欄：

(3)、工具欄：

(4)、編輯區(qū)域：

(5)、視圖欄：

（6）、視圖標簽：在這里可以看到，F(xiàn)rontpage有三種瀏覽方式

A、普通：編輯狀態(tài)；

B、HTML：超文本標記語言，是編網(wǎng)頁的語言。

C、預覽：作品在瀏覽器中的效果，不可編輯狀態(tài)。

三、小要點

1、制作網(wǎng)頁時，最好把所有素材放在一個文件夾中（images）；

2、做好的網(wǎng)頁或已經(jīng)使用的圖片一，素材及包含素材的文件夾，不要重命名。

『課堂練習上

1、啟動FrontPage

2、在普通狀態(tài)下輸入文字，并插入圖片

『課后小結(jié)」：

4.1.2建立站點

「教學目的」：

1、掌握建立站點的方法

2、了解制作簡單網(wǎng)頁的方法

『教學重點」：

建立站點的方法

『教學難點』

建立站點的方法

『教學方法」

演示法、講授法與學生實際操作相結(jié)合

『教學時間」：1課時

『教學步驟」

一、引入

當我們做了幾張網(wǎng)頁后，需要對它們進行組織規(guī)劃，讓網(wǎng)頁彼此相連，這樣

的完整結(jié)構(gòu)就是站點，也叫網(wǎng)站。

二、網(wǎng)頁和網(wǎng)站

1、網(wǎng)頁：用HTML編寫，并被瀏覽器認識和翻譯成頁面顯示出來的文件。

2、網(wǎng)站：由多個相關聯(lián)的網(wǎng)頁構(gòu)成的。

3、主頁：其實是指這個網(wǎng)站的第一頁。

三、建立站點

1、啟動FrontPage

2、文件f新建一站點

（1）、在彈出的對話框中選擇“空站點”或者“個人站點”；

（2）、在“指定新站點的位置”處，填上指定的位置，如"d:\ranli”

（3）、按“確定”

四、制作一個簡單的網(wǎng)頁148頁

五、保存網(wǎng)頁

1、文件一保存文件/另存為

2、在彈出的對話框中，選擇“保存位置”（一般選擇默認位置），“文件名”

改為“index”，“保存類型”為“web頁”

［課堂練習J：

1、練習在D盤上建立以自己名字命名的站點。

2、看書147頁，完成個人網(wǎng)站首頁的制作。

r課后小結(jié)」:

4.1.3用給定的模板制作網(wǎng)頁

『教學目的」：

1、掌握用模板制作網(wǎng)頁的方法

2、掌握文字的刪除方法，圖片的刪除，插入方法。

|■教學重點］：

用模/制作網(wǎng)頁的方法

『教學難點」

用模向制作網(wǎng)頁的方法

『教學方法」

演示法、講授法與學生實際操作相結(jié)合

『教學時間」：1課時

『教學步驟」

一、引入

復習建立站點

二、用給定的模板制作網(wǎng)頁

1、文件一新建一網(wǎng)頁；

2、在窗口中任意選擇一個網(wǎng)頁模板，如：“帶有兩個邊欄的一欄正文”；

3、按“確定”按鈕；

插入圖片

我們可以把模板上的圖片一，換成我們喜歡的圖片一，首先需要刪除圖片、然后

再插入圖片，步驟如下：

1、插入一圖片一來自文件/（剪貼畫）；

2、在“選擇文件中”確定圖片的位置，并按“確定”按鈕。

保存網(wǎng)頁

在保存網(wǎng)頁時，由于插入了圖片、所以要連同圖片文件一起保存。FrontPage

會自動詢問圖片文件的保存位置，默認的方式是同網(wǎng)頁文件保存在同一文件夾

中。但為了規(guī)范起見，一般另建立一個文件夾專門存放圖片文件。

『課堂練習

在一個站點下，用模板制作網(wǎng)頁。要求

1、與個人站點有關主題，如：我的相冊/學校/班級/愛好等

2、圖文并茂

『課后小結(jié)」：

4.2.1繪制表格

『教學目的卜能熟練繪制表格

『教學重點」：繪制表格并利用表格排版

『教學難點J繪制表格并利用表格排版

『教學方法」

演示法、講授法與學生實際操作相結(jié)合

『教學時間」：1課時

『教學步驟』

一、引入

展示兩張網(wǎng)頁，一張沒有用利用表格排版，圖片與文字的排列效果不好。我

們怎樣才能自由靈活的排列圖片和文字呢？今天，讓我們看看表格的優(yōu)點。

二、表格與單元格

1、表格的作用

可以形成更好的圖文混排效果。

2、表格與單元格

單元格是表格的最小單位，若干個單元格組成表格。在設置時，既可以設置

單元格的屬性，又可以設置整個表格的屬性。

三、繪制表格

繪制表格的方法有兩種，一是自動生成；二是手工繪制。

1、自動生成表格

單擊菜單欄上的“表格”f“插入”一“表格”，在彈出的對話框中根據(jù)需

要，填入“行列數(shù)”，“對齊方式”，“邊框粗細"和''單元格間距”,并按“確定”

按鈕。

2、手工繪制表格

單擊菜單欄上的“表格”一“手繪表格”，則會出現(xiàn)一個表格工具欄，用工

具欄中的按鈕繪制表格。

按鈕說明見書154

四、在表格中填寫信息

保存網(wǎng)頁

『課堂練習」：

用表格修改前兩張網(wǎng)頁：首頁和我的XX。作到排版工整

『課后小結(jié)上

4.2.2表格的美化

『教學目的」：

1、學會利用表格排版的技巧；

2、能熟練修改表格的各種屬性。

『教學重點J：表格的屬性

『教學難點」利用表格排版

「教學方法」

演示法、講授法與學生實際操作相結(jié)合

『教學時間」：1課時

『教學步驟」

一、引入

我們以上一課做好的圖文混排的網(wǎng)頁為基礎，對網(wǎng)頁進行美化。

二、給表格加上背景

1、單擊菜單欄上“表格”一“屬性”一“表格”命令；

2、在彈出的對話框中，在“背景”選項中選擇顏色或使用圖片背景。

注意：使用的圖片需要事先保存在站點的images文件夾中。

如果只想對幾個單元格加上背景顏色或背景圖片、需要先選中這幾個單元

格，然后單擊菜單欄上“表格”一“屬性”一“單元格”命令。

三、修改邊框?qū)傩裕伾?，粗細等?/p>

單擊菜單欄上“表格”~“屬性”一“表格”命令；

四、給網(wǎng)頁加上背景

1、單擊菜單欄上“格式”->“背景”命令，

2、在彈出的對話框中，選擇背景的顏色或背景圖片一。

五、保存網(wǎng)頁

『課堂練習

為網(wǎng)頁加上背景，美化網(wǎng)頁。

『課后小結(jié)』：

4.2.3圖片的處理

『教學目的卜掌握基本的圖片處理技巧

『教學重點」：基本的圖片處理技巧

『教學難點」基本的圖片處理技巧

『教學方法」

演示法、講授法與學生實際操作相結(jié)合

［教學時間」：1課時

『教學步驟」

一、引入

先展示一個有圖片的網(wǎng)頁，提問：如果我們需要在這張圖片上寫文字，我們

怎么做？先在畫圖中，給圖片加上文字，然后再插入修改后的圖片？不用這樣復

雜,FrontPage提供了一組圖片處理工具。

單擊“查看”一“工具欄”一“圖片”，選中要處理的圖片后，單擊工具

欄上的按鈕，就可以對圖片進行處理。

1、“文本”按鈕：可以在圖片中填寫文字；

2、“裁剪”按鈕：剪裁圖形，取出所需要的部分；

操作方法：單擊按鈕，按住鼠標左鍵并拖動出一個矩形框，并可以拖動矩形

框周圍的操作點改變區(qū)域的大小。選定剪取的區(qū)域后，再單擊按鈕。

3、自動縮略圖

4、圖形上/下移一層

5、圖形旋轉(zhuǎn)

6、圖形對比度/亮度

7、使圖形中某種色彩透明

8、讓圖片以黑白方式顯示

9、熱點

10、還原圖片

I■課堂練習h

在網(wǎng)頁中插入一個圖片，練習使用圖片工具欄。

［課后小結(jié)」：

4.3.1建立框架頁面

『教學目的卜

1、認識什么是框架頁面；

2、掌握框架頁面的制作方式；

3、能正確保存框架頁面；

『教學重點」：

如何設計框架；

I1教學難點』

框架頁面的保存。

『教學方法」

演示法、講授法與學生實際操作相結(jié)合

『教學時間」：1課時

『教學步驟』

一、引入

教師展示幾個框架網(wǎng)頁，引入新概念——框架頁面

二、什么是框架頁面？

在一個頁面中，可以用專門的邊框線把頁面分成幾個區(qū)域，每個區(qū)獨立成

頁，這樣的頁面就是框架頁面。也可以這樣理解：框架把首頁分成了兒個部分，

但是每個部分都是一個獨立的網(wǎng)頁類型的文件。因此，制作框架頁面實際上是把

首頁分割好之后，再在每個被分割成的小塊內(nèi)填好內(nèi)容就行了。

優(yōu)點：進入某個網(wǎng)站之后，無論打開了多少子頁面，首頁的導航條仍然看

得見?？梢员ＷC不會“迷失方向二但它的優(yōu)點也成為了它的缺點：首頁的導航

條一直在屏幕上占據(jù)一定的空間，使可以瀏覽的頁面區(qū)域變窄了。所以建議在選

擇框架類型時，最好盡量選擇簡單型。

三、建立框架網(wǎng)頁

以教師教師作品為例，舉例說明如何制作框架網(wǎng)頁。

1、“文件”一“新建”一“網(wǎng)頁”，在對話框中，選擇“框架網(wǎng)頁”標簽，

選擇一種框架樣式。

2、設置每個框架的初始網(wǎng)頁

(1)“新建網(wǎng)頁”：

給框架填充一個新網(wǎng)頁，可單擊“新建網(wǎng)頁”按鈕，一個新的空白網(wǎng)頁就會

出現(xiàn)在框架中。然后用制作簡單網(wǎng)頁的方法制作網(wǎng)頁。

(2)”設置初始網(wǎng)頁”：

如果想把現(xiàn)成的網(wǎng)頁設置為框架的初始頁面，則單擊該框架中的“設置初始

網(wǎng)頁”按鈕，在彈出的對話框中選擇要鏈接的網(wǎng)頁文件，最后單擊“確定”。

3、保存框架頁面

創(chuàng)建一個框架頁面后，因為其中的每一個框架中顯示的都是一個獨立的網(wǎng)

頁，且都有一個初始頁面。所以每個框架中的初始頁面都要保存為一個.htm文

件。除此之外，還需要一個.htm文件來記錄各框架在網(wǎng)頁中的排列方式等總體

結(jié)構(gòu)信息。

因此，一個框架頁面如果有N個框架，則需要保存N+1個網(wǎng)頁文件。

步驟如下：

(1)、文件一保存

在彈出的對話框右邊有一個框架網(wǎng)頁結(jié)構(gòu)圖，圖中用深色顯示的部分，表

示當前正在保存的框架網(wǎng)頁。

(2)、填寫“文件名”，按“保存”按鈕。

(3)、在彈出的“另存為”對話框中重復步驟1、20

1課堂練習」：

建立一個框架頁面，并保存它。

結(jié)構(gòu)如下圖，框架內(nèi)容可自己編寫。

XX的個人網(wǎng)頁

友情連接：姓名：

新浪年齡：

網(wǎng)易

雅虎

I1課后小結(jié)入

4.3.2修改框架的布局、屬性

『教學目的」：

1、掌握調(diào)節(jié)框架大小的方法；

2、掌握拆分、刪除框架的方法；

3、能夠修改框架屬性，

『教學重點」：

拆分、刪除框架

『教學難點」

拆分、刪除框架

［教學方法』

演示法、講授法與學生實際操作相結(jié)合

『教學時間」：1課時

『教學步驟J

一、引入

建立框架后，可能對所建立的網(wǎng)頁結(jié)構(gòu)不太滿意，需要修改框架結(jié)構(gòu)，這就

需要拆分或刪除框架，或者需要對某個框架的大小做修改。所有的這些都要求對

已建立的框架網(wǎng)頁進行修改編輯。

一、調(diào)節(jié)框架大小

方法一、用鼠標操作

方法二、利用框架屬性對話框改變框架的大小

二、拆分、刪除框架

1、拆分框架

用鼠標左鍵單擊要拆分的框架內(nèi)任意一點，“框架”一“拆分框架”。

在彈出的對話框中，根據(jù)需要選擇。

2、刪除框架

選中要刪除的框架，單擊菜單欄上的“框架”一“刪除框架”

三、修改框架屬性

在框架內(nèi)單擊鼠標右鍵，選擇“框架屬性”。

『課堂練習J：

在做好的框架頁面上，拆分框架，并修改框架的屬性。

r課后小結(jié)」:

4.3.3插入聲音文件、Flash動畫

『教學目的」：

1、掌握插入聲音文件的方法；

2、掌握插入Flash動畫的方法。

『教學重點」：插入Flash動畫的方法

『教學難點』插入Flash動畫的方法

『教學方法』

演示法、講授法與學生實際操作相結(jié)合

『教學時間」：1課時

『教學步驟」

一、引入

展示一張插入了Flash動畫的網(wǎng)頁。我們可以看到，在網(wǎng)頁中，添Flash動

畫，可以讓網(wǎng)頁更加生動，那么，我們怎樣在網(wǎng)頁中插入動畫呢？

二、插入Flash動畫

在FrontPage中插入動畫，需先把動畫存放到電腦中，同時動畫是.swf格

式。

1、點擊“插入”一“高級”一“插件”

2、在“插件屬性”對話框中，“數(shù)據(jù)源”選項處瀏覽，并找到電腦中Flash

動畫的路徑。

完成后，在“普通”視圖中看到的不是動畫本身，而是一個方框圖標，只

有在預覽或者發(fā)布網(wǎng)頁后才可以看到效果。

3、保存網(wǎng)頁，同時保存嵌入的Flash文件

三、插入聲音文件

既然我們可以插入動畫，那么，我們可以用同樣的方法插入聲音文件。注意,

在FrongtPage中，聲音文件的類型為：WAV、MID、RAM、RA、AIF、AU.等。

如果需要給網(wǎng)頁添加背景音樂，在網(wǎng)頁空白處點右鍵，選擇''網(wǎng)頁屬性"一

“常規(guī)”一“背景音樂”

［課堂練習」：

1、在個人網(wǎng)頁站點內(nèi)，制作一張新網(wǎng)頁，網(wǎng)頁標題為：我的音樂庫，網(wǎng)頁

內(nèi)插入音樂文件。

2、給首頁添加背景音樂。

『課后小結(jié)」：

4.4.1制作表單

『教學目的」：

1、了解表單的作用；

2、掌握設計各種類型的表單的方法；

3、會收集反饋信息。掌握調(diào)節(jié)框架大小的方法；

『教學重點上如何設計適合自己風格的表單；

『教學難點」：如何收集反饋信息；

『教學方法』

演示法、講授法與學生實際操作相結(jié)合

「教學時間」：1課時

『教學步驟」

一、引入

教師演示制作好的一個表單網(wǎng)頁。書169圖4.31

二、什么是表單

表單可用于特殊數(shù)據(jù)的收集，使網(wǎng)頁的訪問者和制作者可以進行信息交流。

在這個表單中，有以下幾個部分

單行文本框

單選框：只能選擇其中之一。

復選框：可以多選。

下拉菜單：對給定的內(nèi)容進行選擇。

滾動文本框：用于較多文字的瀏覽，單擊滾動條按鈕可以滾動閱讀。

按鈕：用于向上發(fā)送信息或者清除所有的數(shù)據(jù)。

三、制作表單

1、新建頁面，輸入標題“信息反饋（與我聯(lián)系、你的意見等）”

2、單擊菜單欄上“插入”一“表單”一“表單”，則會出現(xiàn)一個帶按鈕的

虛線框。要擴大虛線框的區(qū)域，可以通過在虛線框內(nèi)按回車鍵來實現(xiàn)。

7交I全部重寫I

3、在虛線框內(nèi)輸入“姓名”，單擊菜單欄上“插入”一“表單”一“單行

文本框”。

4、在虛線框內(nèi)輸入“性別”，單擊菜單欄上“插入”一“表單”一“單選

按鈕”。

5、在虛線框內(nèi)輸入“職業(yè)”，單擊菜單欄上“插入”一“表單”一“下拉

菜單”。

雙擊帶下拉按鈕的框，則會出現(xiàn)“下拉菜單屬性”對話框。開始這個對話框

中沒有任何數(shù)據(jù)。單擊“添加”按鈕，在“添加選項”對話框中，輸入各項職業(yè)。

6、”請輸入你的E-mail”方法同步驟3

7、在虛線框內(nèi)輸入“你希望訂閱哪方面的雜志”，單擊菜單欄上“插入”一

“表單”一“復選框”。

8、在虛線框內(nèi)輸入“對本網(wǎng)站的意見”，單擊菜單欄上“插入”一“表單”

一“滾動文本框”

9、存網(wǎng)頁。

四、保存表單反饋信息

表單做好后，怎樣保存和處理訪問者發(fā)送回來的信息呢？

在表單上單擊鼠標右鍵，選中“表單屬性”，在表單屬性對話框中，選擇正

確的保存路徑和保存方式。

『課堂練習」：

『課后小結(jié)J：

4.4.2課堂作業(yè)：制作表單

『教學目的」：

1、了解表單的作用；

2、掌握設計各種類型的表單的方法；

3、會收集反饋信息。掌握調(diào)節(jié)框架大小的方法；

『教學重點」：如何設計適合自己風格的表單；

『教學難點J：如何收集反饋信息；

『教學方法」

學生實際操作

『教學時間」：1課時

『教學步驟」

在個人站點內(nèi)，新建一張網(wǎng)頁，自己設計一個信息反饋表單，可以設計訪問

者留言的留言箱/聯(lián)系我，也可設計成一個個人簡歷表。

聯(lián)系我范例

信息反饋

姓名：

性別：?男女

職業(yè)：學生?

請輸入你的E-mai1

你希望訂閱哪方面的雜志

新聞娛樂游戲旅游

文化生活體育軍事

教育科技汽車財經(jīng)

對本網(wǎng)站的意見

姓全部重寫

簡歷表要求：

包括“姓名”（單行文本框）、“性別”（單選按鈕）、“出生日期”（下拉菜單

或單行文本框）、“愛好（復選框）”、“政治面貌（下拉菜單）”、“經(jīng)歷（滾動文本

框）”等。

『課后小結(jié)」：

4.5.1建立超鏈接

『教學目的J：

1、了解超鏈接的含義；

2、掌握建立超鏈接的方法

『教學重點」：建立超鏈接

『教學難點］：建立超鏈接

『教學方法』

演示法、講授法與學生實際操作相結(jié)合

［教學時間］：1課時

『教學步驟』

一、引入

復習在PowerPoint中，什么是建立超鏈接。

超鏈接可以在任意兩個對象之間建立?種關系，允許從一個對象順著這種關

系到達其他的對象。

二、建立超鏈接

打開做好的站點，以首頁到音樂庫的鏈接為例

1、在Frontpage中打開首頁，把網(wǎng)頁中的要鏈接的文字（“音樂庫”）拉黑

顯示；

2、在拉黑顯示的文字上單擊鼠標右鍵，在彈出的對話框中選擇“超鏈接”

選項，則會彈出對話框。

3、在URL后面的文本框中輸入要鏈接的網(wǎng)頁的文件名和位置，

匕：使用Web瀏覽器來查詢網(wǎng)頁

囚：在本機中查詢網(wǎng)頁文件的位置

乂：發(fā)送到電子郵件

4、按“確定”按鈕。

『課堂練習J：

打開做好的站點，

1、制作從首頁到其他三張網(wǎng)頁的超級鏈接；

2、制作從其他三張網(wǎng)頁返回首頁的超級鏈接。

3、在一張網(wǎng)頁上制作超鏈接到其他網(wǎng)站

網(wǎng)易：www.163.com

新浪：www.sina.com.cn

雅虎：www.yahoo,com.cn

『課后小結(jié)J：

4.5.2進一步完善網(wǎng)頁

『教學目的J：

1、掌握動態(tài)按鈕設置的方法；

2、會制作滾動字幕；

3、會制作動態(tài)HTML效果；

『教學重點入網(wǎng)頁的動態(tài)效果

『教學難點h網(wǎng)頁的動態(tài)效果

『教學方法」

演示法、講授法與學生實際操作相結(jié)合

『教學時間J：1課時

I1教學步驟』

一、引入

教師以兩個網(wǎng)頁做對比，有動態(tài)效果的網(wǎng)頁比較生動，更能吸引訪問者的

興趣。

二、設置動態(tài)按鈕

1、單擊“插入”一“組件”f“懸停按鈕”。則會出現(xiàn)懸停按鈕屬性對話框。

在對話框中的設置好效果后，要先保存文件，才能看到設置的效果。

三、制作字幕

單擊“插入”f“組件”f“字幕”。則會出現(xiàn)字幕屬性對話框。

在對話框中修改文本的內(nèi)容，方向，速度，表現(xiàn)方式等。

如果要修改字幕中，文本的字體，字號和文字顏色，則需要點擊“字幕屬性”

對話框中的樣式按鈕，在彈出的“修改樣式”對話框中，選擇“格式”f"字

體”。設置好后，按“確定”按鈕。

四、用HTML增加動態(tài)效果

1、選擇設置效果的對象，圖片或文字

2、“格式”f"動態(tài)HTML效果:

3、在效果對話框中，設置各種設置項。

|■課堂練習J：

打東個人站點，為其中的某一張網(wǎng)頁設置網(wǎng)頁的動態(tài)效果。

『課后小結(jié)」：

補充內(nèi)容（一）：使用主題

『教學目的卜

1、掌握主題的使用方法；

2、刪除主題；

『教學重點」：主題的使用方法；

『教學難點」：主題的使用方法；

『教學方法』

演示法、講授法與學生實際操作相結(jié)合

『教學時間」：1課時

［教學步驟」

一、引入

主題的作用（與PowerPoint的應用設計模版做對比）③

在PowerPoint中，我們可以使用應用設計模版,讓整個演示文稿有一個統(tǒng)一

的風格。而在Frongtpage中，我們也可以使用“主題”，讓網(wǎng)頁有一個統(tǒng)一的風

格。

二、新建主題

1、打開要使用主題的站點或網(wǎng)頁

2、“格式”一“主題”，

3、在“主題”對話框中選擇要應用的主題

4、單擊“修改”按鈕，修改“顏色”、“圖形”、“樣式”，

5、按“確定”按鈕。

三、刪除主題

1、打開要刪除主題的網(wǎng)頁，

2、“格式”一“主題”

3、在主題列表中選擇“無主題”

4、按“確定”按鈕。

|■課堂練習J：

給&己的個人網(wǎng)站，或站點中的某個網(wǎng)頁設置主題。

1課后小結(jié)」：

補充內(nèi)容（二）：網(wǎng)頁特效之鼠標特效

I1教學目的卜

1、了解HTML語言；

2、制作鼠標特效；

『教學重點卜制作鼠標特效；

『教學難點」：了解HTML語言；

『教學方法」

演示法、講授法與學生實際操作相結(jié)合

『教學時間J：1課時

『教學步驟」

一、引入

教師展示鼠標特效——鼠標環(huán)繞三色光效果

我們?nèi)绾蝸碇谱魇髽颂匦?？它是通過HTML語言編寫的，我們可以在網(wǎng)

絡上找到寫好的程序，然后把它復制粘貼到指定的位置。

二、鼠標環(huán)繞三色光效果

1、我們首先找到程序，網(wǎng)址是,或者可以通過網(wǎng)絡查找

其他的網(wǎng)絡地址；

2、先仔細閱讀，程序要粘貼的位置；

3、復制程序，并粘貼；

4、在視圖標簽的“預覽”中，瀏覽效果。

『課堂練習上

打開空白網(wǎng)頁，練習添加鼠標特效。

『課后小結(jié)J：

補充內(nèi)容（三）：網(wǎng)頁特效

『教學目的」：

1、了解HTML語言；

2、制作網(wǎng)頁特效；

『教學重點上制作網(wǎng)頁特效；

『教學難點］：了解HTML語言；

『教學方法」

演示法、講授法與學生實際操作相結(jié)合

『教學時間」：1課時

I1教學步驟」

一、引入

教師展示網(wǎng)頁特效——時間特效、狀態(tài)欄特效等

我們已經(jīng)制作了鼠標特效，那么還有其他的網(wǎng)頁特效，例如時間特效、文本

特效、狀態(tài)欄特效等，那么它們的制作方法，和鼠標特效的方法一樣，在網(wǎng)絡上

找到寫好的程序，然后把它復制粘貼到指定的位置。

二、網(wǎng)頁特效

1、我們首先找到程序，網(wǎng)址是,或者可以通過網(wǎng)絡查找

其他的網(wǎng)絡地址；

2、先仔細閱讀，程序要粘貼的位置；

3、復制程序，并粘貼；

4、在視圖標簽的“預覽”中，瀏覽效果。

『課堂練習上

打開站點，為其中一張網(wǎng)頁添加一種網(wǎng)頁特效。

『課后小結(jié)上

復習課

『教學目的J:掌握建立一個完整網(wǎng)站的方法;

『教學重點上建立完整網(wǎng)站；

「教學難點」：建立完整網(wǎng)站；

「教學方法」

學生實際操作與教師個別指導相結(jié)合

『教學時間卜2課時

『教學步驟」

『課堂練習」：

完成個人站點，要求如下

1、建立一個有四張網(wǎng)頁的站點，站點以自己名字命名。

2、第一張網(wǎng)頁是首頁，以“某某的個人網(wǎng)站”為主題，要求填寫姓名，班

級，版權所有及其他相關內(nèi)容。

3、第二張網(wǎng)頁內(nèi)容自定，網(wǎng)頁中有與內(nèi)容相關的圖片。

4、第三張網(wǎng)頁制作一個表單網(wǎng)頁，內(nèi)容為“意見反饋表/留言本/聯(lián)系我二

5、第四張網(wǎng)頁中，插入聲音文件或Flash動畫。

6、每張網(wǎng)頁上制作導航欄。

7、可用表格排版，并對網(wǎng)頁設置適當?shù)拿阑蛣討B(tài)效果。

8、在某張網(wǎng)頁上制作網(wǎng)頁特效。

『課后小結(jié)上

期末復習（一）：用Windows管理計算機

『教學目的卜

1、操作系統(tǒng)的概念和發(fā)展及Windows98操作系統(tǒng)的應用；

2、漢字的輸入（智能ABC輸入法）；

3、用戶界面的基本概念和操作；

4、文件、文件夾（目錄）的組織結(jié)構(gòu)及基本操作（查看磁盤中的文件、文件

的復制；文件夾的建立、更改文件名；查找文件、打開文件或文件夾）；

5、操作系統(tǒng)簡單工作原理。

『教學重點」：文件、文件夾(目錄)的組織結(jié)構(gòu)及基本操作

『教學難點」：文件、文件夾(目錄)的組織結(jié)構(gòu)及基本操作

『教學方法』

演示法、講授法與學生實際操作相結(jié)合

『教學時間J：2課時

『教學步驟」

一、初始操作系統(tǒng)

1、操作系統(tǒng)

操作系統(tǒng)是用以控制和管理計算機硬件和軟件資源，合理組織計算機工作

流程，并方便用戶充分有效地使用計算機資源的程序的集合。

2、Windows98界面

(1)、桌面背景

(2)、圖標

(3)、任務欄

3、Windows98窗口

⑴、標題欄

(2)、菜單欄

(3)、工具欄

(4)、地址欄

(5)、狀態(tài)欄

二、文件、文件夾

1、文件和文件夾的知識

文件是相關數(shù)據(jù)的集合。

文件夾用于存放文件。

文件名：主文件名.擴展名

2、新建、重命名、復制、移動、刪除文件(夾)

3、查找文件

三、管理硬件資源

控制面板主要用于硬件的管理

四、漢字輸入(智能ABC輸入法)

打開記事本，單擊輸入法圖標，選擇“智能ABC輸入法”，或使用鍵盤“Ctrl”

+“Shift”切換輸入法。

1、單個漢字的輸入

2、詞語的輸入

(1)、完整拼音輸入法

(2)、只輸入詞語的聲母

（3）、部分字輸入拼音，其余的字只輸入聲母

3、句子的輸入

「課堂練習上

1、新建、重命名、復制、移動、刪除文件（夾）

2、查找文件

3、在記事本中，用智能ABCA輸入法，輸入一段文字，書141第一段，標題

改為黑體，三號，紅色，正文改為楷體，小四號，黑色。

『課后小結(jié)」：

期末復習（二）：用WPS處理文字信息

『教學目的J:

1、文本的編輯、修改；

2、插入圖象、表格；

3、版式的設計（圖文混排版）。

『教學重點」：版式的設計

『教學難點上版式的設計

『教學方法」

演示法、講授法與學生實際操作相結(jié)合

［教學時間卜4課時

『教學步驟」

一、引入

（采用任務驅(qū)動法,通過完成指定的作業(yè),達到教學要求）

任務一、制作賀卡

在制作賀卡前，需要先從網(wǎng)上下載圖片一。

1、首先使用鼠標單擊“插入一圖像”項，然后在“插入對象”窗口中輸入

用來作為賀卡底層樣式的圖像文件名，即可插入一個圖像。隨后選擇該圖像，單

擊鼠標右鍵，在出現(xiàn)的快捷菜單中選擇“對象屬性”項，從而進入到“框?qū)ο蟆?/p>

窗口中設置該圖像的寬度和高度與賀卡的大小相一致，接著單擊“關閉”按鈕而

返回到文檔編輯狀態(tài)；

2、單擊“創(chuàng)建文字框”按鈕，然后按下鼠標左鍵畫一個矩形框，在框內(nèi)輸

入相應的文字。輸入完畢之后，再選擇相應的文字進行字體、字號、文字修飾等。

接著選擇該文字框，單擊鼠標右鍵之后選擇快捷菜單中的“對象屬性”項，然后

在“文字框”窗口中設置其寬度、高度、邊線、填充、陰影等，接著單擊“關閉”

按鈕而返回到文檔編輯狀態(tài)。移動文字框到合適的位置（例如圖例中的“恭賀新

禧”等）。

3、插入其他的圖像和創(chuàng)建其他的文字框，并將這些對象移動到合適的位置。

在移動圖像和文字框的過程中，如果需要調(diào)整對象相互之間的覆蓋方式，可以在

選擇該對象之后單擊鼠標右鍵，然后在快捷菜單中的“對象層次”中選擇相應的

設置即可。

4、如果需要直接輸入祝福語的話，可以通過創(chuàng)建文字框方式來實現(xiàn)。最后

再對賀卡的整體布局進行一些調(diào)整，再通過彩色打印機輸出來就完成了在WPS97

中制作賀卡的工作。

任務二、制作成績統(tǒng)計表

1、“插入”一“表格”一“繪制表格/定制表格”

2、在表格中填寫學生姓名和各科成績

3、選中要計算數(shù)據(jù)的單元格，單擊鼠標右鍵，在彈出的對話框中，選擇“數(shù)據(jù)

處理”一“橫向求和（根據(jù)需要選擇計算公式）”

4、適當美化表格

成績統(tǒng)計表

姓名語文數(shù)學英語總分平均分

周明958977

李偉989673

陳紅926890

『課堂練習上

1、用WPS制作一張賀卡，或制作一個圖文混排的電子小報

2、用WPS制作一個成績統(tǒng)計表。

『課后小結(jié)」：

期末復習（三）：用Excel處理數(shù)據(jù)

『教學目的J：

1.電子表格軟件的功能、特點及應用。