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

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

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

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

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

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

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

教學(xué)重點(diǎn)：

1、首頁的地位和作用

2、首頁的功能模塊

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

教學(xué)難點(diǎn)：

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

課時(shí)：1課時(shí)

教學(xué)步驟：

一、導(dǎo)入：

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

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

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

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

（一）介紹基本概念

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

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

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

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

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

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

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

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

教師小結(jié)

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

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

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

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

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

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

教師小結(jié)：

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

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

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

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

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

就像一本書或雜志的目錄一樣，但比書籍或雜志的目錄更為重要，因?yàn)闀覀兛梢砸豁撘豁摰膹念^向后翻，而我們的網(wǎng)頁卻不可以，只有有了清楚、明晰的導(dǎo)航，才能讓瀏覽者知道自己身處網(wǎng)站的什么位置。

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

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

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

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

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

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

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

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

小組討論

匯報(bào)分別討論成果

三、延伸：

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

四、總結(jié)

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

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

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

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

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

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

第二節(jié) 啟動(dòng)frontpage2003建立站點(diǎn)和圖片收集

教學(xué)目的：

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

教學(xué)重點(diǎn)：

創(chuàng)建站點(diǎn)，收集圖片，啟動(dòng)frontpage2003。

教學(xué)時(shí)間：

2課時(shí)

教學(xué)步驟：

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

2、FrontPage 2003的界面說明

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

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

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

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

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

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

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

什么是站點(diǎn)？

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

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

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

2、圖像的外觀

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

布局欄：

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

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

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

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

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

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

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

FrontPage基本使用方法

教學(xué)目的：

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

2、了解“模板”的使用

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

教學(xué)重點(diǎn)：

文字、圖片、超級(jí)鏈接、保存

教學(xué)難點(diǎn)：

超級(jí)鏈接

課時(shí)分配：

1課時(shí)

教學(xué)過程：

一、導(dǎo)入：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

六、教師講評(píng)。

小

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

第二篇：frontpage全套教案

frontpage全套教案

（一）第一節(jié) 啟動(dòng)frontpage2000建立站點(diǎn)和圖片收集

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

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

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

四、教學(xué)步驟：

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

2、FrontPage 2000的界面說明

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

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

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

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

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

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

4、字體設(shè)置

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

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

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

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

②或單擊鼠標(biāo)右鍵，在彈出的對(duì)話框中單擊【字體】選項(xiàng)，也將出現(xiàn)字體對(duì)話框。③這時(shí)在對(duì)話框中的字體設(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)頁，單擊“ ”后會(huì)出現(xiàn)對(duì)話框。

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

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

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

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

7、打開網(wǎng)頁

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

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

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

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

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

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

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

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

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

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

2、圖像的外觀

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

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

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

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

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

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

二、教學(xué)重點(diǎn)：編號(hào)列表，圖片項(xiàng)目符號(hào)列表，多級(jí)列表。

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

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

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

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

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

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

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

5、在編號(hào)“6.”行上按回車鍵，該編號(hào)就會(huì)在屏幕上消失了；

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

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

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

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

屬性對(duì)話框。（或者單擊【格式】菜單，選擇【項(xiàng)目符號(hào)和編號(hào)】菜單項(xiàng)亦可。）

3、此時(shí)在對(duì)話框中打開的是【編號(hào)】選項(xiàng)卡。

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

與編號(hào)列表不同，在項(xiàng)目符號(hào)列表中各列表項(xiàng)都是通過一個(gè)特殊符號(hào)引出的。下面以一個(gè)項(xiàng)目符號(hào)列表的實(shí)例來說明。其操作步驟如下：

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

2、或單擊“

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

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

4、重復(fù)上述步驟，直到把“《西游記》（吳承恩）”、“《神曲》（但?。比枯斎胗?jì)算機(jī)中；

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

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

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

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

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

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

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

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

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

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

7、在最后的圖片項(xiàng)目符號(hào)行上按回車鍵，該符號(hào)就會(huì)在屏幕上消失了；

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第三篇：Frontpage教案

Frontpage教案

第一節(jié)

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

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

初步了解frontpage的工作原理

教學(xué)過程：

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

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

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

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

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

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

第二節(jié)

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

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

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

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

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

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

教學(xué)過程：

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

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

怎樣再創(chuàng)建一個(gè)新頁面，與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è)置對(duì)話框？

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

三、添加水平線

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

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

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

第四節(jié)

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

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

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

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

教學(xué)過程：

一、引言。

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

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

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

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

提示：我們?cè)谇懊鎸W(xué)習(xí)的文字的對(duì)齊方式，圖片的對(duì)齊方式與其一樣嗎？請(qǐng)同學(xué)們?cè)囈辉?，然后再看看課本。

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

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

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

一人上機(jī)演示。

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

第五節(jié)

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

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

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

教學(xué)過程：

一、引言：

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

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

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

怎樣設(shè)置背景音樂的播放次數(shù)？學(xué)生觀看背景音樂設(shè)置對(duì)話框后讓一個(gè)上機(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é)會(huì)在網(wǎng)頁中插入滾動(dòng)字幕

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

教學(xué)過程：

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

引言：我們晚上看電視的時(shí)候，經(jīng)?？吹缴厦鏉L動(dòng)的廣告條，那就是字幕，在網(wǎng)頁中我們也經(jīng)?？吹阶帜?，其實(shí)，字幕的制作非常簡單，現(xiàn)在我們一起學(xué)習(xí)字幕的制作。

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

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

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

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

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

“文本對(duì)齊方式”指的是什么？

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

引言：當(dāng)我們?yōu)g覽網(wǎng)頁的時(shí)候，經(jīng)常會(huì)發(fā)現(xiàn)有些按鈕，當(dāng)鼠標(biāo)移過它們上方時(shí)，這些按鈕會(huì)產(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é)會(huì)創(chuàng)建表格，認(rèn)識(shí)表格的行與列；

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

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

教學(xué)過程：

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

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

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

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

二、表格的編輯

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

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

三、單元格的拆分與合并

讓學(xué)生觀看網(wǎng)頁上的表格，學(xué)生會(huì)發(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é)會(huì)用表格來規(guī)劃網(wǎng)頁。

教學(xué)過程：

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

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

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

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

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

教師告訴學(xué)生，進(jìn)入屬性設(shè)置的方法都是一樣的，都是在對(duì)象上單擊鼠標(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)頁的運(yùn)行內(nèi)涵，學(xué)生了解到網(wǎng)頁打開時(shí)的過程，告訴學(xué)生，表格的嵌套最多不要超過三層，否則，網(wǎng)頁的打開會(huì)比較慢。

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

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

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

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

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

教學(xué)過程：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

教學(xué)過程：

一、超級(jí)鏈接的概念

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

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

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

三、鏈接到其他網(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)識(shí)，通過瀏覽網(wǎng)頁，讓學(xué)生觀察什么樣的鏈接是與文件的鏈接。

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

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

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

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

四、總結(jié)。

第四篇：Frontpage教案

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

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

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

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

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

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

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

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

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

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

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

重點(diǎn)：

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

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

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

三、教學(xué)方法：

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

四、教學(xué)過程：

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

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

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

學(xué)生：……

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

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

學(xué)生：有……

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

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

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

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

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

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

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

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

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

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

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

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

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

（學(xué)生參與，評(píng)價(jià)……）

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

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

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ǔ)知識(shí)

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

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

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

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

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

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

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

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

2、用________語言編寫的網(wǎng)頁實(shí)際上是一種文本文件，以.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)站的評(píng)價(jià) 【合作探究與指導(dǎo)】

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

1、創(chuàng)建站點(diǎn)

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

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

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

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

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

5、使用表格

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

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

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

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

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

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

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

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

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

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

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

【當(dāng)堂檢測(cè)】

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

A.文字

B.表格

C.表單

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

A.網(wǎng)頁

B.網(wǎng)站

C.HTML語言

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

A.文字

B.圖片

C.聲音

D.超鏈接

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

A.單元格

B.表單

C.書簽

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

A.圖片不能建立鏈接

B.一張圖片只能建立一個(gè)鏈接

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

D.通過設(shè)置熱區(qū)，一張圖片可建立多個(gè)鏈接 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中，我們想要文字左右交替移動(dòng)的效果，是下列（）效果。

A.字體

B.DHTML效果

C.字幕

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

A.表格

B.圖形

C.背景

D.聲音

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

【閱讀材料】

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

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

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

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

二、搜集材料

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

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

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

四、選擇合適的制作工具

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

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

六、上傳測(cè)試

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

七、推廣宣傳

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

八、維護(hù)更新