第一篇：FrontPage全套教案（xiexiebang推薦）

Frontpage網(wǎng)頁制作知識準(zhǔn)備

教學(xué)目標(biāo)：

1、通過對網(wǎng)站的賞析活動，進(jìn)一步認(rèn)識網(wǎng)站、首頁，為網(wǎng)頁制作做知識儲備。

2、培養(yǎng)學(xué)生的合作學(xué)習(xí)能力、探究問題的興趣與能力。

3、培養(yǎng)學(xué)生的鑒賞能力。

4、激發(fā)學(xué)生為祖國信息產(chǎn)業(yè)的發(fā)展作貢獻(xiàn)的愛國情感。

教學(xué)重點：

1、首頁的地位和作用

2、首頁的功能模塊

3、網(wǎng)站的形式、內(nèi)容與主題之間的關(guān)系

教學(xué)難點：

正確理解網(wǎng)站的形式、內(nèi)容與主題之間的關(guān)系

課時：1課時

教學(xué)步驟：

一、導(dǎo)入：

近年來，我國的信息產(chǎn)業(yè)飛速發(fā)展，人們的經(jīng)濟(jì)文化水平日益提高，越來越多的家庭擁有了個人電腦，網(wǎng)絡(luò)也由昔日的謝玉堂前燕，飛入了尋常百姓家。足不出戶，鼠標(biāo)輕輕一點，你就可以瀏覽到世界各地的信息，就可以和世界各地的朋友們聊天，你還可以給世界各地的朋友們發(fā)E-mail。網(wǎng)絡(luò)的確給人們帶來了極大的快捷與方便。

作為一名初中生，你想不想也能在網(wǎng)上擁有自己的一片天空、一個家園呢？

今天我們就開始你網(wǎng)上家園的建設(shè)之路。

二、小組分工、合作學(xué)習(xí)：

（一）介紹基本概念

鑒賞一個網(wǎng)站，我們一般要從以下幾個方面著手，一個是網(wǎng)站的主題，所謂網(wǎng)站的主題是指網(wǎng)站向大眾或特定的人群傳達(dá)的主要內(nèi)容或建立網(wǎng)站的意圖。第二個就是網(wǎng)站的首頁。所謂網(wǎng)站的首頁，就是指你打開一個網(wǎng)站后看到的第一頁。下面

我們小組內(nèi)分工合作，小組內(nèi)討論分析以下三個問題：

1、每個網(wǎng)站的主題是什么？。

2、首頁在網(wǎng)站中有什么地位和作用？

3、首頁有哪些功能模塊？

（二）小組合作學(xué)習(xí)，初步探討鑒賞網(wǎng)站的方法

學(xué)生之間相互討論，探究問題的答案

多數(shù)學(xué)生得出結(jié)論，小組選代表匯報討論成果

教師小結(jié)

一個網(wǎng)站必須有一個明確的主題，就好像我們寫文章也要有明確的中心一樣，否則，瀏覽者就會有不知所云的感覺。

第二個問題的答案顯而易見，不再提問，教師直接小結(jié)提問學(xué)生一起回答。

首頁是瀏覽者打開一個網(wǎng)站后第一眼看到的就是網(wǎng)站的首頁，網(wǎng)站能不能吸引瀏覽者，在很大程度上取決于首頁做得怎么樣。

能不能用一個詞來概括一下首頁的地位與作用？

第三個問題，仍由小組選代表匯報結(jié)論

哪個小組來告訴大家你們討論的結(jié)果？

教師小結(jié)：

首頁一般有四個共有的模塊，（1)徽標(biāo)（logo）和網(wǎng)站的名稱：

一般位于左上角，是一個形象化的標(biāo)志，其作用類似于商品的商標(biāo)。

（2)首頁大標(biāo)題（banner）：

一般放網(wǎng)站主題詞或圖片，商業(yè)性的網(wǎng)站放置廣告條。

（3)導(dǎo)航欄：

就像一本書或雜志的目錄一樣，但比書籍或雜志的目錄更為重要，因為書籍我們可以一頁一頁的從頭向后翻，而我們的網(wǎng)頁卻不可以，只有有了清楚、明晰的導(dǎo)航，才能讓瀏覽者知道自己身處網(wǎng)站的什么位置。

（4)版權(quán)和聯(lián)系方式：一般放在網(wǎng)頁的底部，主要功能是版權(quán)聲明和聽取瀏覽者的意見或建議。

（三）再次小組合作學(xué)習(xí)，深入領(lǐng)會如何鑒賞網(wǎng)站

鑒賞獲獎的學(xué)生網(wǎng)頁作品，激發(fā)學(xué)生的積極性與自信心同時更深入的學(xué)習(xí)如何鑒賞一個網(wǎng)站。

我給大家?guī)砹藥讉€獲全國一等獎的學(xué)生網(wǎng)頁作品，你可以在你的電腦D盤student文件夾下看到她們。

小組合作，討論分析以下三個問題：

1、這些網(wǎng)站的首頁的布局各有什么特點？（教師演示）

2、各網(wǎng)站的主題色和配色有什么特點？

3、網(wǎng)站的形式、內(nèi)容與主題之間有什么關(guān)系呢？

小組討論

匯報分別討論成果

三、延伸：

接下來，同學(xué)們可以自由瀏覽一些其他的網(wǎng)站，把你認(rèn)為較好的網(wǎng)站推薦給大家。

四、總結(jié)

下面我們來一起回顧一下這節(jié)課我們都學(xué)了哪些內(nèi)容。

1、首頁在網(wǎng)站中起著關(guān)鍵的作用，它主要有四個共有的模塊：他們?nèi)藙e是Logo，Banner，導(dǎo)航，還有版權(quán)和聯(lián)系方式；

2、首頁的布局主要有三種樣式，一種是“口”字型，一種是“廠”字型，還有一種是“POP”型；

3、網(wǎng)頁的在色彩的選擇上也要為表現(xiàn)主題服務(wù)；

4、網(wǎng)站的要有一個明確的主題，要以內(nèi)容為核心，以形式為輔助，內(nèi)容和形式共同為表現(xiàn)主題服務(wù)。

好，有了以上的知識作為奠基，你就可以充分發(fā)揮你的想象，好好描繪一下你的網(wǎng)站的藍(lán)圖了。

第二節(jié) 啟動frontpage2003建立站點和圖片收集

教學(xué)目的：

掌握站點的建立，學(xué)會軟件的啟動和素材的收集，了解站點的打開和關(guān)閉。

教學(xué)重點：

創(chuàng)建站點，收集圖片，啟動frontpage2003。

教學(xué)時間：

2課時

教學(xué)步驟：

1、啟動FrontPage 2003 單擊任務(wù)欄上的“開始”按鈕,從“程序” 菜單中選擇“Microsoft FrontPage”單擊。

2、FrontPage 2003的界面說明

FrontPage 2003的界面可以分成菜單欄、工具欄、視圖欄和主編輯窗口4大部分。

①、菜單欄包括【文件】、【編輯】、【查看】、【插入】、【格式】、【工具】、【表格】、【框架】、【窗口】、【幫助】等10個菜單。

工具欄單擊【查看】菜單，選擇【工具欄】，②、在出現(xiàn)的下拉菜單中列出了幾種不同的工具欄，如果菜單項前面有一個對鈞號“√”，表明在界在上已顯示此菜單項。如果再單擊一下，將取消這一項的顯示。

③、視圖欄中擺列著各種管理器的圖標(biāo)，這些管理器包括網(wǎng)頁管理器、文件夾管理器、報表管理器、導(dǎo)航管理器、超鏈接管理器和任務(wù)管理器等。單擊管理器圖標(biāo)以切換到相應(yīng)的管理器。

④、主編輯窗口在編輯網(wǎng)頁時，有3種顯示方式，即普通、HTML和預(yù)覽。普通顯示方式是最常用的顯示方式，一般是在此方式下工作。

HTML顯示方式在需要直接編輯或查看網(wǎng)頁文件的HTML代碼時使用，一般是為了實現(xiàn)某種特殊效果（如在網(wǎng)頁中動態(tài)顯示時間）而經(jīng)常使用。

預(yù)覽顯示方式在需要預(yù)先觀察網(wǎng)頁的顯示效果時使用。當(dāng)使用管理功能時，主編輯窗口相應(yīng)地會顯示各種任務(wù)下的文件或站點信息。

什么是站點？

站點一般簡寫為“Web”，實際上就是把一些信息通過Web網(wǎng)頁的方式相互鏈接起來，存放在一臺被稱為“服務(wù)器”的計算機(jī)中，別人可以通過Web瀏覽器查看網(wǎng)頁信息。站點一般以國際通用的Internet地址來表示，例如：http://www.tmdps.cn或http://www.tmdps.cnposer軟件，修改完圖片后，只要退出該軟件，網(wǎng)頁圖片就會自動更新。【類型】：我們可以選擇圖片的類型，GIF或者是JPEG。在”質(zhì)量”欄內(nèi)一般設(shè)定為70-80就行了。

【替代表示】：如果當(dāng)前圖片較大，分辨率也較高，我們應(yīng)該在【低分辨率】

中選定一個備用的低分辨率圖像，這樣在一些瀏覽網(wǎng)頁的低檔機(jī)顯示器不能顯示高分辨率圖片時，可以顯示這個低分辨率的圖片。此外，在”文本”欄內(nèi)默認(rèn)值為圖片文件名加上文件長度，這是當(dāng)該圖片不能顯示時，這些說明文字會顯示出來，也就常說的圖片的別名。若要修改圖片的別名時，在文本框內(nèi)輸入即可。

2、圖像的外觀

單擊【圖片屬性】對話框中的【外觀】選項卡。在這個對話框中，我們可以設(shè)置圖片與文本之間的對齊方式、圖片的邊框粗細(xì)以及圖片的大小等。

布局欄：

單擊【對齊方式】下拉箭頭，出現(xiàn)一個下拉菜單，有多種對齊方式，在圖文混排時非常有用，大家可以試試看。

利用【邊框粗細(xì)】可以在圖片周圍加上一個指定寬度的邊框。值為0時，邊框不顯示。

設(shè)置【水平間距】和【垂直間距】的值，可以改變圖片與相鄰內(nèi)容（如文字）之間的距離。

默認(rèn)情況下，瀏覽器中顯示的網(wǎng)頁圖片是實際大小的圖片。如果要改變圖片的大小，則在對話框的【大小】欄中調(diào)整”寬度”、”高度”的值（單位為像素或百分比）。選擇”保持縱橫比”選項是防止尺寸修改后的圖片出現(xiàn)太扁或太長的”變形”現(xiàn)象。

圖片的定位，可以單擊圖片工具欄的圖片定位按鈕。圖片可以隨便移動，但在預(yù)覽時常會與實際不一致。

（三）練習(xí)操作：

在網(wǎng)頁中插入合適的圖片。

FrontPage基本使用方法

教學(xué)目的：

1、學(xué)習(xí)了解FrontPage的基本使用方法

2、了解“模板”的使用

3、掌握FrontPage基本使用方法，制作一個簡單的網(wǎng)頁

教學(xué)重點：

文字、圖片、超級鏈接、保存

教學(xué)難點：

超級鏈接

課時分配：

1課時

教學(xué)過程：

一、導(dǎo)入：

HTML語言難記難掌握，使用FrontPage可以遠(yuǎn)離HTML的煩惱，輕輕松松地制作主頁。

二、啟動FrontPage（學(xué)生動手）。

套用模板（老師演示，學(xué)生動手）。

選擇“新建”，在眾多樣式中選擇需要套用的模板。本節(jié)課選“普通網(wǎng)頁”即空白網(wǎng)頁。

三、網(wǎng)頁屬性（老師演示，學(xué)生動手）。

選擇“文件”菜單下的“屬性”，網(wǎng)頁屬性的主要內(nèi)容有：標(biāo)題、背景和文本顏色、超級鏈接設(shè)置。

標(biāo)題任取。但為了區(qū)別超級鏈接是否被訪問過，最好用大家約定俗成的顏色（沒被訪問的鏈接用藍(lán)色，已訪問過的鏈接用紫色，正在點擊的鏈接用紅色）。如果想加背景，可在“背景”中選beijing.jpg。

四、制作方法（老師演示，學(xué)生動手）。

1、標(biāo)題：例如輸入“歡迎瀏覽我班網(wǎng)頁”。

2、文字：與WPS類似自己輸入。

3、圖片：“插入”→“圖片”→合適圖片；圖片往往能起到畫龍點睛的作用。

4、超級鏈接：超級鏈接是網(wǎng)頁中最重要的功能，通過鏈接可訪問其他網(wǎng)站和網(wǎng)頁。

例如：讓別人訪問“我的簡介”這個鏈接，可這樣：選中“我的簡介”→右擊→URL→“鏈接到計算機(jī)上的文件”→個人簡歷.htm。

5、保存（學(xué)生動手）。

文件保存于“我的文檔”中，文件名自定。

五、制作簡易網(wǎng)頁（學(xué)生動手）。

六、教師講評。

小

結(jié)：本節(jié)學(xué)習(xí)網(wǎng)頁制作最基本步驟，要想主頁吸引人，以后將學(xué)習(xí)對文字、圖片的排版布局、美化加工。

第二篇：frontpage全套教案

frontpage全套教案

（一）第一節(jié) 啟動frontpage2000建立站點和圖片收集

一、教學(xué)目的：掌握站點的建立，學(xué)會軟件的啟動和素材的收集，了解站點的打開和關(guān)閉。

二、教學(xué)重點：創(chuàng)建站點，收集圖片，啟動frontpage2000。

三、教學(xué)時間：2課時

四、教學(xué)步驟：

1、啟動FrontPage 2000 單擊任務(wù)欄上的“開始”按鈕,從“程序” 菜單中選擇“Microsoft FrontPage”單擊。

2、FrontPage 2000的界面說明

FrontPage 2000的界面可以分成菜單欄、工具欄、視圖欄和主編輯窗口4大部分。①、菜單欄包括【文件】、【編輯】、【查看】、【插入】、【格式】、【工具】、【表格】、【框架】、【窗口】、【幫助】等10個菜單。工具欄單擊【查看】菜單，選擇【工具欄】，在出現(xiàn)的下拉菜單中列出了幾種不同的②、工具欄，如果菜單項前面有一個對鈞號“√”，表明在界在上已顯示此菜單項。如果再單擊一下，將取消這一項的顯示。

③、視圖欄中擺列著各種管理器的圖標(biāo)，這些管理器包括網(wǎng)頁管理器、文件夾管理器、報表管理器、導(dǎo)航管理器、超鏈接管理器和任務(wù)管理器等。單擊管理器圖標(biāo)以切換到相應(yīng)的管理器。

④、主編輯窗口在編輯網(wǎng)頁時，有3種顯示方式，即普通、HTML和預(yù)覽。普通顯示方式是最常用的顯示方式，一般是在此方式下工作。

HTML顯示方式在需要直接編輯或查看網(wǎng)頁文件的HTML代碼時使用，一般是為了實現(xiàn)某種特殊效果（如在網(wǎng)頁中動態(tài)顯示時間）而經(jīng)常使用。

預(yù)覽顯示方式在需要預(yù)先觀察網(wǎng)頁的顯示效果時使用。當(dāng)使用管理功能時，主編輯窗口相應(yīng)地會顯示各種任務(wù)下的文件或站點信息。什么是站點？

站點一般簡寫為“Web”，實際上就是把一些信息通過Web網(wǎng)頁的方式相互鏈接起來，存放在一臺被稱為“服務(wù)器”的計算機(jī)中，別人可以通過Web瀏覽器查看網(wǎng)頁信息。站點一般以國際通用的Internet地址來表示，例如：http://www.tmdps.cn或http://www.tmdps.cn”，按回車鍵。輸入“很高興能認(rèn)識您，希望能和您交朋友！”，按回車鍵；輸入“謝謝您參觀我的網(wǎng)頁，再見！”，按回車鍵。

4、字體設(shè)置

（1）、選定文字 選定文字的方法有兩種：

①一種方法是將鼠標(biāo)指針移到待選文字段的開頭，按住鼠標(biāo)左鍵，不要松手，然后向右下方拖動，將該段文字涂黑；

②另外一種方法就是用鍵盤上的光標(biāo)箭頭將插入點移到選定文字的開頭，然后左手按著Shift鍵，右邊按光標(biāo)移動鍵（如←、↑、→、↓鍵），也可將所選定文字涂黑。（2）、修飾文字

修飾文字是指文字的字體、字型、大小（字號）、顏色、效果的設(shè)置。例：選定“這是我的第一個主頁”文字后，設(shè)定文字屬性的操作有以下兩種： ①單擊【格式】菜單項，選擇【字體】后出現(xiàn)字體對話框；

②或單擊鼠標(biāo)右鍵，在彈出的對話框中單擊【字體】選項，也將出現(xiàn)字體對話框。③這時在對話框中的字體設(shè)為“隸書”，字型為“加粗”，大小為“6（24磅）”，顏色為“紅色”，效果為默認(rèn)。單擊【確定】按鈕即可完成文字修飾。例中其他字體修飾的操作也類似進(jìn)行。

5、保存網(wǎng)頁

單擊常規(guī)工具欄上的“

”，或單擊【文件】菜單再選擇【保存文件】，就可以把正在編輯的網(wǎng)頁保存起來。或直接按Ctrl＋S鍵也可以保存網(wǎng)頁。

如果你是在修改已經(jīng)保存過的網(wǎng)頁，修改過的網(wǎng)頁將被重新保存。但如果是新建的網(wǎng)頁，單擊“ ”后會出現(xiàn)對話框。

在對話框中的【文件名】欄內(nèi)輸入網(wǎng)頁的文件名（如“First”），單擊【保存】按鈕，該網(wǎng)頁就會保存到當(dāng)前的站點上。FrontPage 2000保存文件的類型主要有網(wǎng)頁文件（.htm）、FrontPage模板（.tem）、文本文件（.txt）、超文本模板文件（.htt）等。

6、關(guān)閉網(wǎng)頁

（1）、單擊【文件】菜單并選擇【關(guān)閉】，或直接按Alt＋F4鍵，如果此時網(wǎng)頁文件未保存，就會出現(xiàn)一個提示對話框。

（2）、當(dāng)單擊對話框中的【是】按鈕時，將出現(xiàn)保存網(wǎng)頁對話框，輸入網(wǎng)頁文件名并單擊【保存】按鈕后，網(wǎng)頁文件將被關(guān)閉；當(dāng)單擊【否】按鈕時，該網(wǎng)頁文件不保存并關(guān)閉；當(dāng)單擊【取消】按鈕時，該網(wǎng)頁文件不關(guān)閉，并返回主編輯窗口。

7、打開網(wǎng)頁

（1）、單擊“ ”工具圖標(biāo)，或單擊【文件】菜單并選擇【打開】，或直接按Alt＋O鍵，出現(xiàn)一個打開文件對話框。

（2）、在對話框中單擊【查找范圍】下拉列表框，選擇文件路徑。在文件列表區(qū)中列出被選中該文件路徑下的所有文件。

（3）、選中一個文件，然后單擊【打開】按鈕，或直接雙擊該文件名即可打開文件。

8、預(yù)覽網(wǎng)頁

網(wǎng)頁編輯完成后，可以用瀏覽器預(yù)覽一下網(wǎng)頁的效果。有兩種預(yù)覽網(wǎng)頁的方式：

（1）、一種是單擊FrontPage 2000主編輯窗口下面的【預(yù)覽】標(biāo)簽，就打開一個FrontPage編輯器自帶的瀏覽器，看完之后，單擊【普通】標(biāo)簽，又切換到編輯狀態(tài)。

（2）、另一種是單擊【常規(guī)】工具欄的“ ”圖標(biāo)按鈕（或直接按Ctrl＋Shift＋B鍵，或單擊【文件】菜單并選擇【在瀏覽器中預(yù)覽】菜單項），將啟動已安裝好的瀏覽器并打開該網(wǎng)頁。如果在預(yù)覽之前沒有把修改后的或新建的網(wǎng)頁保存起來，則將彈出一個對話框提示你應(yīng)該首先保存該網(wǎng)頁。

注意：在預(yù)覽窗口中看到的是網(wǎng)頁在發(fā)布后的大致樣式。要看到網(wǎng)頁在www.tmdps.cnposer軟件，修改完圖片后，只要退出該軟件，網(wǎng)頁圖片就會自動更新。【類型】：我們可以選擇圖片的類型，GIF或者是JPEG。在“質(zhì)量”欄內(nèi)一般設(shè)定為70-80就行了。

【替代表示】：如果當(dāng)前圖片較大，分辨率也較高，我們應(yīng)該在【低分辨率】中選定一個備用的低分辨率圖像，這樣在一些瀏覽網(wǎng)頁的低檔機(jī)顯示器不能顯示高分辨率圖片時，可以顯示這個低分辨率的圖片。此外，在“文本”欄內(nèi)默認(rèn)值為圖片文件名加上文件長度，這是當(dāng)

該圖片不能顯示時，這些說明文字會顯示出來，也就常說的圖片的別名。若要修改圖片的別名時，在文本框內(nèi)輸入即可。

2、圖像的外觀

單擊【圖片屬性】對話框中的【外觀】選項卡。在這個對話框中，我們可以設(shè)置圖片與文本之間的對齊方式、圖片的邊框粗細(xì)以及圖片的大小等。布局欄：

單擊【對齊方式】下拉箭頭，出現(xiàn)一個下拉菜單，有多種對齊方式，在圖文混排時非常有用，大家可以試試看。

利用【邊框粗細(xì)】可以在圖片周圍加上一個指定寬度的邊框。值為0時，邊框不顯示。設(shè)置【水平間距】和【垂直間距】的值，可以改變圖片與相鄰內(nèi)容（如文字）之間的距離。默認(rèn)情況下，瀏覽器中顯示的網(wǎng)頁圖片是實際大小的圖片。如果要改變圖片的大小，則在對話框的【大小】欄中調(diào)整“寬度”、“高度”的值（單位為像素或百分比）。選擇“保持縱橫比”選項是防止尺寸修改后的圖片出現(xiàn)太扁或太長的“變形”現(xiàn)象。

圖片的定位，可以單擊圖片工具欄的圖片定位按鈕。圖片可以隨便移動，但在預(yù)覽時常會與實際不一致。三）上機(jī)操作：

在網(wǎng)頁中插入合適的圖片。第四節(jié) 項目符號與編號列表

一、教學(xué)目的：學(xué)習(xí)使用項目符號，理清條理，理解做事步驟。

二、教學(xué)重點：編號列表，圖片項目符號列表，多級列表。

三、教學(xué)時間：2課時

四、教學(xué)步驟： 一）編號列表

編號列表是在實際應(yīng)用中最為常見的一種列表，編號列表的各列表項以某種形式的順序進(jìn)行排列。下面我們以一個實例說明。其操作步驟如下：

1、新建一個空白網(wǎng)頁，輸入“我的興趣和愛好”標(biāo)題，按回車鍵；

2、單擊“ ”工具圖標(biāo)，在網(wǎng)頁中出現(xiàn)“1.”，在這個編號后面輸入“看書”；

3、按回車鍵后，在“2.”后面輸入 “上網(wǎng)”；

4、重復(fù)上述步驟，直到出現(xiàn)編號“5.”。在其后面輸入“踢足球”，然后按Shift＋回車鍵，再輸入“打網(wǎng)球”，按回車鍵；

5、在編號“6.”行上按回車鍵，該編號就會在屏幕上消失了；

6、將網(wǎng)頁文件保存起來，并在瀏覽器中瀏覽。

另外，在編號列表中，列表符號可以是數(shù)字，也可以是其他符號，這些符號有：（1）大寫羅馬數(shù)字：如Ⅰ.、Ⅱ.、Ⅲ.、Ⅳ.、?；（2）小寫羅馬數(shù)字：如ⅰ.、ⅱ.、ⅲ.、ⅳ.、?；（3）大寫英文字母：如A.、B.、C.、D.、?；（4）小寫英文字母：如a.、b.、c.、d.、?。當(dāng)需要改變列表編號時，其操作過程大致如下：

1、將光標(biāo)定位在一個列表所在行的任意位置。

2、然后單擊鼠標(biāo)右鍵，這時將彈出一個對話框，單擊其中的【列表屬性】選項，出現(xiàn)列表

屬性對話框。（或者單擊【格式】菜單，選擇【項目符號和編號】菜單項亦可。）

3、此時在對話框中打開的是【編號】選項卡。

4、單擊不同的選擇框，然后單擊【確定】按鈕，就可以選擇不同樣式的項目編號。二）項目符號列表

與編號列表不同，在項目符號列表中各列表項都是通過一個特殊符號引出的。下面以一個項目符號列表的實例來說明。其操作步驟如下：

1、新建一個空白網(wǎng)頁，輸入“我喜歡看的文學(xué)名著”，按回車鍵；

2、或單擊“

”工具圖標(biāo)，在網(wǎng)頁中出現(xiàn)一個黑點列表符號，在列表符號后面輸入“《三國演義》（羅貫中）”；

3、按回車鍵后，在下一行又出現(xiàn)一個黑點列表符號，依次輸入“《水滸傳》（施耐庵）”，按回車鍵；

4、重復(fù)上述步驟，直到把“《西游記》（吳承恩）”、“《神曲》（但丁）”全部輸入計算機(jī)中；

5、在最后出現(xiàn)的黑點列表符號行上，再按一次回車鍵，該黑點就會在屏幕上消失了；

6、將網(wǎng)頁文件保存起來，并在瀏覽器中瀏覽。三）圖片項目符號列表

圖片項目符號列表是一種特殊形式的列表，列表符號均由指定的圖片引出列表項。在FrontPage2000中，用于列表的圖片可以是軟件自帶的圖片，也可以是你所指定的圖片。下面我們以一個圖片項目符號列表的實例操作進(jìn)行講述。具體操作過程如下：

1、新建一個空白網(wǎng)頁，輸入“21世紀(jì)的科學(xué)技術(shù)”，按回車鍵。選定這段文字，并設(shè)置為6號字、宋體、加下劃線；

2、單擊【格式】菜單項，然后選擇【項目符號和編號】菜單項，出現(xiàn)項目符號和編號方式對話框，此時打開的是【圖片項目符號】選項卡。

3、選擇【指定圖片】，單擊【瀏覽】按鈕，出現(xiàn)選擇圖片對話框。

4、單擊對話框右下角的【剪貼畫】按鈕，就會彈出【剪貼畫庫】。選擇并單擊【W(wǎng)eb符號】選項，從中選擇一種圖片（例中是“ ”），選中后單擊“ ”插入剪輯按鈕。網(wǎng)頁上就會出現(xiàn)這個圖片符號。

提示：如果要指定磁盤圖片文件作為項目符號，則在【選擇圖片】對話框中單擊“ ”按鈕，出現(xiàn)一個選擇文件對話框后，再選定硬盤目錄上的一個圖片文件，依次單擊【確定】按鈕后即可。

5、在圖片符號后，輸入“信息科學(xué)技術(shù)”，并按回車鍵；

6、重復(fù)上述步驟，直到把“生物科學(xué)技術(shù)”、“材料科學(xué)技術(shù)”等全部輸入計算機(jī)中；

7、在最后的圖片項目符號行上按回車鍵，該符號就會在屏幕上消失了；

8、將網(wǎng)頁文件保存起來，并在瀏覽器中瀏覽。四）多級列表

前面分別介紹了幾種列表方式。但在實際應(yīng)用中，各種列表往往同時混合使用，有時還需要使用多級嵌套列表。

下面創(chuàng)建一個多級列表的實例。其操作過程如下：

1、從【樣式】下拉菜單中選擇“標(biāo)題3”，輸入“我最喜歡的電影”，按回車鍵；

2、單擊“ ”工具圖標(biāo)，在編號“1.”后面輸入“最喜歡的中國電影”，按回車鍵。接著再輸入“最喜歡的外國電影”；

3、以下是“最喜歡的中國電影”嵌套列表的操作：

把插入點移到列表項目“最喜歡的中國電影”的末尾，按回車鍵，新出現(xiàn)編號為“2.”的空列表行；

連續(xù)兩次單擊“ ”工具圖標(biāo)（增加縮進(jìn)），或連續(xù)按Ctrl＋M鍵，新出現(xiàn)的編號“2.”消失，后面的標(biāo)號恢復(fù)正常。光標(biāo)比上一行的位置縮進(jìn)了兩個字符，在光標(biāo)位置出現(xiàn)了新的標(biāo)號“1.”。

單擊鼠標(biāo)右鍵，這時將彈出一個對話框，單擊其中的【列表屬性】選項，出現(xiàn)列表屬性對話框。此時打開的是【編號】選項卡。

在【編號】選項卡中選擇大寫羅馬數(shù)字列表方式，然后單擊【確定】按鈕，列表符號變?yōu)椤阿?”。接著輸入“開國大典”，按回車鍵；輸入“生死抉擇”，按回車鍵；輸入“花季雨季”。

4、以下是“最喜歡的外國電影”嵌套列表的操作：

把插入點移到列表項目“最喜歡的外國電影”的末尾，按回車鍵，新出現(xiàn)編號為“3.”的空列表行；連續(xù)兩次單擊“ ”工具圖標(biāo)（增加縮進(jìn)），或連續(xù)按Ctrl＋M鍵，新出現(xiàn)的編號“3.”消失。在光標(biāo)位置出現(xiàn)了新的標(biāo)號“1.”。

單擊鼠標(biāo)右鍵，這時將彈出一個對話框，單擊其中的【列表屬性】選項，出現(xiàn)列表屬性對話框。此時打開的是【編號】選項卡。

單擊【無格式項目列表】選項卡，并從中選擇方塊符號列表方式。然后單擊【確定】按鈕，列表符號變?yōu)椤?”。接著輸入“魂斷藍(lán)橋”，按回車鍵；輸入“生死時速”，按回車鍵；輸入“飄”。

5、在結(jié)尾的項目符號行上連續(xù)按回車鍵，直到該符號在屏幕上消失為止；

6、將網(wǎng)頁文件保存起來，并在瀏覽器中瀏覽。五）、上機(jī)操作：

在網(wǎng)頁上練習(xí)項目符號與編號列表

第三篇：Frontpage教案

Frontpage教案

第一節(jié)

教學(xué)內(nèi)容：初步了解制作網(wǎng)頁的工具frontpage 教學(xué)目標(biāo)：了解網(wǎng)頁的基本概念

學(xué)會啟動frontpage 了解frontpage的工作環(huán)境

初步了解frontpage的工作原理

教學(xué)過程：

一、讓學(xué)生觀看網(wǎng)頁，提問：什么是網(wǎng)頁？什么是主頁、網(wǎng)站，它們之間是什么關(guān)系？

二、提問：制作網(wǎng)頁使用的工具軟件是什么？學(xué)生看書后回答問題。

三、怎么啟動frontpage呢？教師提示，其啟動方式與word,powerpoint方式一樣，讓學(xué)生試啟動。

四、學(xué)生認(rèn)識frontpage的操作介面，觀察其與word.powerpoint的操作介面有何異同。

五、通過觀察網(wǎng)頁，學(xué)生回答構(gòu)成網(wǎng)頁的基本元素。

六、教師演示frontpage制作網(wǎng)頁的方法，說明它們的許多操作與word.powerpoint一樣，使學(xué)生覺得他們使用很簡單，不陌生，初步熟悉frontpage這個制作網(wǎng)頁的工具軟件。

第二節(jié)

教學(xué)內(nèi)容：初步學(xué)習(xí)制作簡單的網(wǎng)頁

教學(xué)目標(biāo)：

1、學(xué)會創(chuàng)建新網(wǎng)頁

2、學(xué)會在網(wǎng)頁中輸入文字并設(shè)置文字格式。

3、保存網(wǎng)頁與打開網(wǎng)頁

4、預(yù)覽網(wǎng)頁

教學(xué)過程：

一、學(xué)會創(chuàng)建網(wǎng)頁

讓學(xué)生回憶word、powerpoint啟動以后，會自動創(chuàng)建一個新頁面，那frontpage是不是也一樣呢？學(xué)生演示觀察。

怎樣再創(chuàng)建一個新頁面，與word、powerpoint一樣嗎？

二、學(xué)習(xí)在網(wǎng)頁里輸入文字

提示：在網(wǎng)頁里輸入文字，與word完全一樣，學(xué)生試練習(xí)操作。

提問：在網(wǎng)頁里輸入文字原來這么簡單，那么設(shè)置文字格式是不是也很簡單呢？和我們前面學(xué)過的word、powerpoint一樣嗎？學(xué)生試用交流后，感覺很簡單，操作上一樣。

三、怎么保存網(wǎng)頁？

提示：他們的保存與我們前面所學(xué)的軟件操作是一樣的，學(xué)生試操作，互相交流，回答教師提問，并讓一名學(xué)生演示操作過程。

四、打開保存的網(wǎng)頁。

學(xué)生試練習(xí)操作，然后敘述操作的過程和感受。

五、預(yù)覽網(wǎng)頁

想知道自己做好的網(wǎng)頁是什么樣子嗎？讓學(xué)生單擊預(yù)覽，觀察他們與制作好的頁面有什么區(qū)別？

六、總結(jié)。

第三節(jié)

教學(xué)內(nèi)容：初步學(xué)習(xí)網(wǎng)頁的美化

教學(xué)目標(biāo)：

1、學(xué)習(xí)給文字增加邊框和底紋

2、學(xué)習(xí)添加水平線

教學(xué)過程：

一、引言

在前節(jié)課，我們學(xué)習(xí)了通過給文字設(shè)置格式，美化了文字，在這節(jié)課，我們將學(xué)習(xí)另一種美化文字的方法，它將使我們網(wǎng)頁上的文字更加漂亮。

二、給文字添加邊框與陰影

讓學(xué)生看課本，怎樣進(jìn)入設(shè)置對話框？

進(jìn)入設(shè)置邊框與陰影對話框，觀察操作界面，學(xué)生試操作練習(xí)，對于練習(xí)中的問題，教師給予講解。學(xué)生體會到操作上的簡便，只要會進(jìn)入操作界面，操作上就簡單多了。

三、添加水平線

先讓學(xué)生觀察網(wǎng)頁上的水平線，認(rèn)識水平線及其在網(wǎng)頁中的作用。

閱讀課本上的圖示，了解怎樣進(jìn)入設(shè)置水平線的對話框，學(xué)生試操作。提問：怎樣設(shè)置已添加的水平線呢？教師通過操作講解，讓學(xué)生明白，修改水平線的屬性，一般都是在要修改對象上單擊鼠標(biāo)右鍵，在其快捷菜單里就可找到其屬性設(shè)置按鈕。

四、總結(jié)本節(jié)課內(nèi)容。

第四節(jié)

教學(xué)內(nèi)容：插入圖片和背景

教學(xué)目標(biāo)：

1、學(xué)會在網(wǎng)頁中插入圖片。

2、學(xué)會給網(wǎng)頁添加背景。

教學(xué)過程：

一、引言。

上節(jié)課，我們學(xué)習(xí)了在網(wǎng)頁中輸入文字和添加水平線，但網(wǎng)頁中只有文字而沒頁有圖片是不行的，那么怎樣插入圖片呢？

二、在網(wǎng)頁中插入圖片

提示：在網(wǎng)頁中插入圖片的方法和powerpoint是一樣的，讓學(xué)生試操作，分別插入剪貼畫、來自文件。并調(diào)整圖片的大小，觀察其與powerpoint的區(qū)別。

三、設(shè)置圖片的對齊方式

提示：我們在前面學(xué)習(xí)的文字的對齊方式，圖片的對齊方式與其一樣嗎？請同學(xué)們試一試，然后再看看課本。

學(xué)生演示并回答問題，認(rèn)識到他們的對齊方式是一樣的，但在其圖片屬性里的對齊方式有更多種。

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

引言：網(wǎng)頁的背景是白色的，太缺少色彩了，那怎樣給網(wǎng)頁添上背景顏色呢？同學(xué)們看書討論后，嘗試練習(xí)。并認(rèn)識到還可用圖片做背景。

一人上機(jī)演示。

五、總結(jié)本節(jié)課內(nèi)容。

第五節(jié)

教學(xué)內(nèi)容：讓網(wǎng)頁更豐富(一)教學(xué)目標(biāo)：

1、學(xué)會在網(wǎng)頁中插入背景音樂

2、學(xué)會在網(wǎng)頁中插入視頻

教學(xué)過程：

一、引言：

我們上網(wǎng)時，打開一些網(wǎng)頁，會出現(xiàn)動聽的音樂，還能在網(wǎng)上看電影，這節(jié)課，我們就學(xué)習(xí)如何在網(wǎng)頁里插入背景音樂和視頻。

二、在網(wǎng)頁里插入背景音樂

同學(xué)們看書，了解插入背景音樂的對話框打開步驟，嘗試在網(wǎng)頁中插入音樂，然后預(yù)覽網(wǎng)頁。

怎樣設(shè)置背景音樂的播放次數(shù)？學(xué)生觀看背景音樂設(shè)置對話框后讓一個上機(jī)演示。

三、在網(wǎng)頁中插入視頻

學(xué)生閱讀書本后嘗試練習(xí)，預(yù)覽網(wǎng)頁。

觀看課本25頁，了解視頻文件的播放方式，然后嘗試練習(xí)。

四、總結(jié)本節(jié)課內(nèi)容。

第六節(jié)

教學(xué)內(nèi)容：讓網(wǎng)頁更豐富(二)教學(xué)目標(biāo)：

1、學(xué)會在網(wǎng)頁中插入滾動字幕

2、學(xué)會設(shè)置懸停按鈕

教學(xué)過程：

一、在網(wǎng)頁中插入滾動字幕

引言：我們晚上看電視的時候，經(jīng)常看到上面滾動的廣告條，那就是字幕，在網(wǎng)頁中我們也經(jīng)常看到字幕，其實，字幕的制作非常簡單，現(xiàn)在我們一起學(xué)習(xí)字幕的制作。

學(xué)生們看書后，嘗試練習(xí)，很容易便做出了字幕。

提示：同學(xué)們觀察字幕的屬性設(shè)置對話框，我們還可對字幕進(jìn)行怎樣的設(shè)置？

學(xué)生回答后，讓學(xué)生一個個地進(jìn)行嘗試，體會字幕的每一個屬性，然后回答教師的提問：

“延遲”和“數(shù)量”分別對字幕的速度有什么影響？

用自己的話描述字幕的表現(xiàn)方式？

“文本對齊方式”指的是什么？

二、設(shè)置懸停按鈕

引言：當(dāng)我們?yōu)g覽網(wǎng)頁的時候，經(jīng)常會發(fā)現(xiàn)有些按鈕，當(dāng)鼠標(biāo)移過它們上方時，這些按鈕會產(chǎn)生一些變化，這種按鈕，就叫做懸停按鈕。下面，我們就學(xué)習(xí)懸停按鈕的制作。

學(xué)生看書，了解制作懸停按鈕的步驟，然后嘗試練習(xí)。

教師提問：“按鈕文本”指的是按鈕的什么？

什么是“效果顏色“？

教師提示：有“懸停按鈕“的網(wǎng)頁，必須保存后才能看到懸停按鈕。

三、總結(jié)本結(jié)內(nèi)容。

第七節(jié) 用表格來規(guī)劃網(wǎng)頁(一)教學(xué)內(nèi)容：創(chuàng)建表格，表格的編輯，單元格的合并與拆分

教學(xué)目標(biāo)：學(xué)會創(chuàng)建表格，認(rèn)識表格的行與列；

編輯表格，學(xué)會調(diào)整表格的行高與列寬；

學(xué)會合并單元格與拆分單元格

教學(xué)過程：

一、學(xué)習(xí)創(chuàng)建表格

教師讓學(xué)生觀看一個網(wǎng)頁，再刪去網(wǎng)頁上的元素，讓學(xué)生了解表格在網(wǎng)頁制作中的作用。

教師指導(dǎo)學(xué)生認(rèn)識表格中的行與列，行數(shù)與列數(shù)。

教師教給學(xué)生創(chuàng)建表格的方法與步驟，使學(xué)生認(rèn)識到創(chuàng)建表格要知道所要創(chuàng)建表格的行數(shù)與列數(shù)。

二、表格的編輯

在網(wǎng)頁中，我們發(fā)現(xiàn)表格的行高與列寬并不一定是均勻的，在實際制作網(wǎng)頁時，我們必須要調(diào)整行的高度與列的寬度，來滿足我們制作網(wǎng)頁的需要，那么，怎么調(diào)整表格 的行高與列寬呢？

讓學(xué)生看課本，觀看調(diào)整的方法，然后讓一個學(xué)生演示并講解自己的操作方法，再讓幾個學(xué)生在電腦上進(jìn)行演示。

三、單元格的拆分與合并

讓學(xué)生觀看網(wǎng)頁上的表格，學(xué)生會發(fā)現(xiàn)單元格并不一致，引出單元格的合并與拆分。

讓學(xué)生自己查閱課本，找出方法，進(jìn)行演示。

四、練習(xí)

學(xué)生試創(chuàng)建以下表格：

第八節(jié) 用表格來創(chuàng)建網(wǎng)頁(二)教學(xué)內(nèi)容：學(xué)習(xí)表格屬性的設(shè)置，初步學(xué)習(xí)用表格規(guī)劃網(wǎng)頁

教學(xué)目標(biāo)：較熟練的設(shè)置表格的屬性，初步學(xué)會用表格來規(guī)劃網(wǎng)頁。

教學(xué)過程：

一、設(shè)置表格的屬性

(1)讓學(xué)生觀看網(wǎng)頁中的表格，及預(yù)覽后的效果，學(xué)生提出疑問，表格怎么看不見了呢？

(2)有的表格怎么邊框線與別的表格不一樣？

(3)有的表格和單元格還有背景色，這怎么設(shè)置呢？

教師告訴學(xué)生，這與以前我們對水平線、圖片的設(shè)置方法一樣，都是在屬性里面設(shè)置的，同樣，表格的這些效果，也是在表格的屬性里面進(jìn)行設(shè)置的。

教師告訴學(xué)生，進(jìn)入屬性設(shè)置的方法都是一樣的，都是在對象上單擊鼠標(biāo)右鍵，從而進(jìn)入屬性設(shè)置的。

教師引導(dǎo)學(xué)生觀察表格的屬性設(shè)置窗口，了解基本的概念。

二、用同樣的方法學(xué)習(xí)單元格屬性的設(shè)置。

三、初步學(xué)習(xí)用表格規(guī)劃網(wǎng)頁。

教師演示，學(xué)生觀察，了解用表格創(chuàng)建網(wǎng)頁的作用。

第九節(jié) 用表格創(chuàng)建網(wǎng)頁(三)教學(xué)內(nèi)容：學(xué)習(xí)較復(fù)雜的表格

教學(xué)目標(biāo)：利用表格的嵌套來規(guī)劃網(wǎng)頁

教學(xué)過程：

一、教師演示，讓學(xué)生知道表格可以嵌套，再觀察一些網(wǎng)頁，了解嵌套在網(wǎng)頁制作中的重要作用。

二、教師講解網(wǎng)頁的運行內(nèi)涵，學(xué)生了解到網(wǎng)頁打開時的過程，告訴學(xué)生，表格的嵌套最多不要超過三層，否則，網(wǎng)頁的打開會比較慢。

三、學(xué)生練習(xí)。

第十節(jié) 網(wǎng)頁和網(wǎng)站

教學(xué)內(nèi)容：網(wǎng)頁和網(wǎng)站

教學(xué)目標(biāo)：了解網(wǎng)站與網(wǎng)頁的關(guān)系；

學(xué)會網(wǎng)站的創(chuàng)建和管理

教學(xué)過程：

一、認(rèn)識網(wǎng)站與網(wǎng)頁的關(guān)系

指導(dǎo)學(xué)生觀看www.tmdps.cn網(wǎng)站，提問，網(wǎng)站與網(wǎng)頁之間有什么關(guān)系？

學(xué)生查閱課本后回答問題。

二、學(xué)會網(wǎng)站的創(chuàng)建和管理

(1)為什么要創(chuàng)建網(wǎng)站？

小學(xué)生在制作網(wǎng)站時，經(jīng)常出現(xiàn)拷貝到別的計算機(jī)后，出現(xiàn)圖片丟失的現(xiàn)象，什么原因？

(2)教師演示如何創(chuàng)建網(wǎng)站。

(3)教師演示在網(wǎng)站里新增空白網(wǎng)頁，添加圖片后并保存，讓學(xué)生觀看屏幕會的什么提示？

(4)教師在網(wǎng)站里進(jìn)行網(wǎng)頁的切換，讓學(xué)生觀察到網(wǎng)站里的網(wǎng)頁管理非常方便。

三、網(wǎng)頁的屬性

學(xué)生根據(jù)以往的經(jīng)驗，試打開網(wǎng)頁的屬性設(shè)置窗口。并引導(dǎo)學(xué)生修改網(wǎng)頁的標(biāo)題，背景。

四、學(xué)生練習(xí)

幾名學(xué)生在電腦上合作演示制作一個簡單的小網(wǎng)站。

第十一課 把網(wǎng)頁鏈接起來(一)教學(xué)內(nèi)容：網(wǎng)頁、網(wǎng)站的超級鏈接

教學(xué)目標(biāo)：(1)了解超級鏈接的基本概念；

(2)學(xué)會網(wǎng)頁之間的超鏈接；

(3)學(xué)會其他網(wǎng)站的超鏈接。

教學(xué)過程：

一、超級鏈接的概念

學(xué)生都上過網(wǎng)頁，又在四年級幻燈片中接觸過超鏈接，因此 很容易理解什么是超鏈接。教師引導(dǎo)學(xué)生瀏覽網(wǎng)頁，指出什么是超鏈接。

二、用文字和圖片建立超鏈接

讓學(xué)生從書上查閱資料，聯(lián)系幻燈片中的超鏈接，制作網(wǎng)頁之間的超鏈接，再讓一個學(xué)生在電腦上試做演示，大家共同評價。

三、鏈接到其他網(wǎng)站

教師通過上網(wǎng)，給學(xué)生演示，了解網(wǎng)頁到網(wǎng)站的鏈接。讓學(xué)生看課本后，學(xué)生試練。

四、總結(jié)

第十二課 把網(wǎng)頁鏈接起來(二)教學(xué)內(nèi)容：文件與郵件的鏈接

教學(xué)目標(biāo)：網(wǎng)頁與文件、電子郵件的鏈接

教學(xué)過程：

一、復(fù)習(xí)上一節(jié)的內(nèi)容

二、學(xué)習(xí)網(wǎng)頁與文件的超鏈接

(1)建立直觀認(rèn)識，通過瀏覽網(wǎng)頁，讓學(xué)生觀察什么樣的鏈接是與文件的鏈接。

(2)教師演示制作與文件的超鏈接。

(3)幾名學(xué)生分別在電腦上為大家演示制作。

三、學(xué)習(xí)電子郵件的超鏈接

用同樣的方法學(xué)習(xí)電子郵件的超鏈接。

四、總結(jié)。

第四篇：Frontpage教案

作者：橫溪中學(xué) 陳德星

《FrontPage網(wǎng)頁制作》

一、教學(xué)目標(biāo)：

1、知識與技能目標(biāo)： a.掌握網(wǎng)頁的基本操作；

b.掌握表格的使用及設(shè)置；

c.掌握文字的輸入及其設(shè)置；

2、過程與方法目標(biāo)：

通過老師的引導(dǎo)與學(xué)生的自主探索學(xué)習(xí)，掌握FrontPage各功能的使用；

3、情感態(tài)度與價值觀目標(biāo)：

培養(yǎng)學(xué)生自主探究，解決問題的能力；以及在設(shè)計網(wǎng)頁的過程中，培養(yǎng)創(chuàng)新的精神。

二、教學(xué)重點難點：

重點：

1、掌握表格的使用及設(shè)置；

2、掌握文字的輸入及其設(shè)置；

難點：掌握表格的使用及設(shè)置；

三、教學(xué)方法：

講授法、任務(wù)驅(qū)動法

四、教學(xué)過程：

1、創(chuàng)設(shè)情景，導(dǎo)入新課

教師：在上課之前，先做一個調(diào)查，我們班有QQ的同學(xué)請舉手！

作者：橫溪中學(xué) 陳德星

學(xué)生：……

教師：很好，那么已經(jīng)開通QQ空間的同學(xué)請舉手！學(xué)生：……

教師：這樣的形勢，對于開展我們這節(jié)課有很大的幫助。我們這節(jié)課要學(xué)習(xí)的就是把每位同學(xué)的QQ空間在課堂上呈現(xiàn)出來。當(dāng)然，可能有部分同學(xué)沒有QQ，沒有QQ空間的，也沒有關(guān)系，這樣的話更要好好學(xué)習(xí)這節(jié)課了，跟著老師的思路，一起搭建一個展示的平臺。到時候，我們就比一比誰的空間更有創(chuàng)意更有吸引力，同學(xué)們有沒有信心獲勝？

學(xué)生：有……

教師：好的。這節(jié)課呢，我們就是要來學(xué)習(xí)通過FrontPage制作一個精簡版的QQ空間。

2、探究學(xué)習(xí)，實踐創(chuàng)新

教師：Frontpage的基本情況我們已經(jīng)了解過了，他的界面跟我們以前學(xué)過的其他OFFICE組件都很相似，我相信大家待會通過自己的實踐和摸索一定能夠進(jìn)一步的掌握。

接下來，就開始搭建我們的空間。

A、首先，我們的空間肯定必須有個落腳的地方，也就是說，每一個網(wǎng)站都必須有一個站點。

（新建文件夾，保存網(wǎng)頁，網(wǎng)頁標(biāo)題、文件名等設(shè)置）； B、打開我們新建的網(wǎng)頁，我們發(fā)現(xiàn)除了標(biāo)題之外，什

作者：橫溪中學(xué) 陳德星

么東西都沒有，那么我們慢慢把它充實起來。搭建框架（表格、單元格、水平線等的設(shè)置）；

輸入文字（文字的設(shè)置）；

插入圖片（圖片的設(shè)置）；

（示范完成后，學(xué)生根據(jù)提供的素材，根據(jù)自己的空間和創(chuàng)意設(shè)計出網(wǎng)頁。）

3、作品評比，回顧小結(jié)

教師：很多同學(xué)都已經(jīng)完成了自己的設(shè)計，剛才看到好幾位同學(xué)做的非常的不錯，我挑選了三位同學(xué)的作品，大家一起來投投票，看哪位同學(xué)的支持率最高！

（學(xué)生參與，評價……）

教師：當(dāng)然，每一位同學(xué)用心完成的都是最好的。

我們來回顧一下這節(jié)課學(xué)習(xí)的知識點：

A、網(wǎng)頁的新建和保存； B、表格的插入及屬性設(shè)置； C、單元格屬性設(shè)置；

D、文字、圖片的插入及相應(yīng)的設(shè)置； E、網(wǎng)頁基本屬性的設(shè)置；

第五篇：frontpage網(wǎng)頁制作教案

Frontpage網(wǎng)頁制作導(dǎo)學(xué)案

青州一中

劉志韓

文件——新建——網(wǎng)頁 【學(xué)習(xí)目標(biāo)】

1、包括網(wǎng)頁制作基礎(chǔ)知識

2、站點的規(guī)劃和創(chuàng)建

3、網(wǎng)頁文本和圖片的處理、表格和框架的應(yīng)用 【學(xué)習(xí)重難點】

1、建立一個主題網(wǎng)站

2、建設(shè)一個網(wǎng)站的步驟

3、網(wǎng)頁的美化與特效的制作 【課前預(yù)習(xí)】

思考一下多媒體信息集成的方式有哪些？

【自主學(xué)習(xí)】

1、在www中，________是信息的主要組織和表現(xiàn)形式。

2、用________語言編寫的網(wǎng)頁實際上是一種文本文件，以.HTML或者.HTM為擴(kuò)展名，可以使用任何文本處理軟件（如記事本、word等）創(chuàng)作或修改。

3、制作網(wǎng)頁常用的軟件有_________________和_________________。

4、網(wǎng)頁文件的擴(kuò)展名有哪些？

5、網(wǎng)站開發(fā)的基本過程：

網(wǎng)站的規(guī)劃——（）——（）——網(wǎng)站的發(fā)布與管理——網(wǎng)站的評價 【合作探究與指導(dǎo)】

三、網(wǎng)站的制作

1、創(chuàng)建站點

文件——新建——站點（選擇或創(chuàng)建存儲站點的文件夾）

2、網(wǎng)頁的創(chuàng)建與編輯

3、插入對象 水平線 圖片 字幕 懸停按鈕

4、創(chuàng)建超級鏈接

在對象上右擊選擇超級鏈接——選擇鏈接的目標(biāo)。

5、使用表格

表格——插入（在制作網(wǎng)頁的過程中用表格來布局網(wǎng)頁）

6、在站點中查看網(wǎng)頁的編輯及網(wǎng)頁之間的鏈接情況。

分步驟操作練習(xí)題：

1、新建一個站點，只有一個空白網(wǎng)頁的站點。

2、在首頁上插入“我最喜愛的明星”，然后進(jìn)行修飾。

3、再新建一個空白網(wǎng)頁。重新命名為“周杰倫”。

4、插入圖片“周杰倫”，文本“周杰倫”，排版設(shè)置后保存網(wǎng)頁。

5、再建立一張空白的網(wǎng)頁，重新命名為“劉亦菲”。

6、插入圖片“劉亦菲”，文本“劉亦菲”，排版設(shè)置后保存網(wǎng)頁。

7、分別在首頁和“周杰倫”“劉亦菲”網(wǎng)頁建立超級鏈接。操作練習(xí)： 【拓展任務(wù)】

以環(huán)保為主題，利用文件夾“環(huán)保”中的素材，制作一個5頁的網(wǎng)站。

【當(dāng)堂檢測】

1.在網(wǎng)頁制作中，我們經(jīng)常用下列（）辦法進(jìn)行頁面布局。

A.文字

B.表格

C.表單

D.圖片 2.使用瀏覽器訪問網(wǎng)站時，第一個被訪問的網(wǎng)頁稱為（）。

A.網(wǎng)頁

B.網(wǎng)站

C.HTML語言

D.主頁 3.網(wǎng)頁中可使我們進(jìn)行選擇性瀏覽的稱為（）。

A.文字

B.圖片

C.聲音

D.超鏈接

4.在FrontPage2000中，要建立同一個網(wǎng)頁內(nèi)的鏈接點，讓你點選某一鏈接后，迅速跳到同一網(wǎng)頁內(nèi)的另一個特定位置，應(yīng)采用（）鏈接。

A.單元格

B.表單

C.書簽

D.表格 5.FrontPage 2000中，下述關(guān)于圖片與鏈接的關(guān)系表述正確的是（）。

A.圖片不能建立鏈接

B.一張圖片只能建立一個鏈接

C.圖片要建立鏈接需經(jīng)過處理

D.通過設(shè)置熱區(qū)，一張圖片可建立多個鏈接 6.在FrontPage 2000“網(wǎng)頁”視圖模式下，單擊“普通”標(biāo)簽后，在出現(xiàn)的“普通”窗口中，可直接進(jìn)行（）。

A.網(wǎng)頁編排

B.觀察網(wǎng)頁在瀏覽器中的效果

C.編輯HTML代碼

D.下載圖片 7.網(wǎng)頁制作的超文本標(biāo)記語言稱為（）。

A.VB語言

B.HTML語言

C.BASIC語言

D.ASCII 8.在Frontpage2000網(wǎng)頁視圖方式下，單擊（）標(biāo)簽可直接編輯HTML代碼？

A.普通

B.HTML

C.預(yù)覽

D.編輯 9.在FrontPage 2000中，我們想要文字左右交替移動的效果，是下列（）效果。

A.字體

B.DHTML效果

C.字幕

D.懸停按鈕 10.在FrontPage 2000表格單元格中，（）項目不能輸入。

A.表格

B.圖形

C.背景

D.聲音

作業(yè)：以我們寒假生活為主題，從互聯(lián)網(wǎng)上搜索的素材制作一個網(wǎng)站。

【閱讀材料】

網(wǎng)站設(shè)計

建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計出一個滿意的網(wǎng)站。

一、確定網(wǎng)站主題

網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，必須要找準(zhǔn)一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。

二、搜集材料

明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。

三、規(guī)劃網(wǎng)站

網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。

四、選擇合適的制作工具

網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等，五、制作網(wǎng)頁

材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。

六、上傳測試

網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進(jìn)行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。

七、推廣宣傳

網(wǎng)頁做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。

八、維護(hù)更新