1、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大部分。、菜單欄包括【文件】、【編輯】、【查看】、【插入】、【格式】、

2、【工具】、【表格】、【框架】、【窗口】、【幫助】等10個菜單。工具欄單擊【查看】菜單，選擇【工具欄】， 在出現(xiàn)的下拉菜單中列出了幾種不同的、工具欄，如果菜單項前面有一個對鈞號“”，表明在界在上已顯示此菜單項。如果再單擊一下，將取消這一項的顯示。、視圖欄中擺列著各種管理器的圖標(biāo)，這些管理器包括網(wǎng)頁管理器、文件夾管理器、報表管理器、導(dǎo)航管理器、超鏈接管理器和任務(wù)管理器等。單擊管理器圖標(biāo)以切換到相應(yīng)的管理器。、主編輯窗口在編輯網(wǎng)頁時，有3種顯示方式，即普通、HTML和預(yù)覽。普通顯示方式是最常用的顯示方式，一般是在此方式下工作。HTML顯示方式在需要直接編輯或查看網(wǎng)頁文件的HTML代碼時使用，一般是為

3、了實現(xiàn)某種特殊效果（如在網(wǎng)頁中動態(tài)顯示時間）而經(jīng)常使用。預(yù)覽顯示方式在需要預(yù)先觀察網(wǎng)頁的顯示效果時使用。當(dāng)使用管理功能時，主編輯窗口相應(yīng)地會顯示各種任務(wù)下的文件或站點信息。什么是站點？站點一般簡寫為“Web”，實際上就是把一些信息通過Web網(wǎng)頁的方式相互鏈接起來，存放在一臺被稱為“服務(wù)器”的計算機中，別人可以通過Web瀏覽器查看網(wǎng)頁信息。站點一般以國際通用的Internet地址來表示，例如：或等，進(jìn)入某個站點所見到的第一頁一般稱為“HomePage”，中文的意思是“主頁”。什么是主頁？主頁的英文名稱為“HomePage”，一般認(rèn)為某個站點的第一個網(wǎng)頁叫做主頁，文件名通常是“index.htm”

4、（index.html）或“default.htm”（default.html），也就是在Web瀏覽器“地址”欄內(nèi)輸入一個網(wǎng)址后，用戶瀏覽到的第一個網(wǎng)頁。用戶再通過該主頁的鏈接可以瀏覽到其他網(wǎng)頁信息。3、新建站點實例：使用【只有一個網(wǎng)頁的站點】模板創(chuàng)建一個Web站點。操作步驟：（1）打開【文件】菜單，選擇【新建】菜單項，在子菜單中選擇【站點】菜單項，出現(xiàn)一個【新建】對話框，在對話框的【指定新站點的位置】項中輸入新站點的存放位置。提示：新站點的存放位置選擇是磁盤存儲方式，是因為考慮到實踐操作中的方便。而一個站點要讓在Internet上的用戶正常瀏覽的話，應(yīng)該通過FrontPage的站點發(fā)布功能或

5、FT文件傳送方式，把該站點內(nèi)容傳送至能提供存放空間的Web服務(wù)器上去。（3）單擊【確定】按鈕。此時FrontPage會自動以新站點名建立一個站點，并顯示一個正在創(chuàng)建站點的提示對話框，之后該站點很快便創(chuàng)建好了。新建的站點只有一個主頁index.htm文件，該主頁還是空的，需要對它進(jìn)行編輯添加內(nèi)容。同時也可以添加一些網(wǎng)頁到該站點中去。此外，我們發(fā)現(xiàn)該站點中包含有兩個子文件夾。一個是_private文件夾，一般用來存放一些私人的文件，這些文件不會被別人看到。另一個是images文件夾，是FrontPage專門創(chuàng)建用來存放圖像文件的文件夾，因為FrontPage擴展服務(wù)器的圖像文件的默認(rèn)目錄為imag

6、es。4、關(guān)閉站點打開【文件】菜單，選擇【關(guān)閉站點】菜單項，則當(dāng)前站點被關(guān)閉。5、打開站點站點內(nèi)容需要修改或添加時，必須把該站點打開。操作過程如下：打開【文件】菜單，在下拉菜單選擇【打開站點】，出現(xiàn)一個對話框，在對話框的【文件夾】項中輸入該站點的存放位置，然后單擊【打開】按鈕，站點將被重新打開。6、收集圖片拷貝圖片到新建站點的圖片文件夾images中。五、 上機操作創(chuàng)建自己的站點，收集圖片素材。第二節(jié) 網(wǎng)頁文本的基本制作一、 教學(xué)目的：學(xué)習(xí)文字的輸入和設(shè)置，掌握網(wǎng)頁的新建和保存。二、 教學(xué)重點：文字的輸入和設(shè)置, 網(wǎng)頁的新建和保存。三、 教學(xué)時間：2課時四、 教學(xué)步驟：上節(jié)課已經(jīng)介紹了如何創(chuàng)建

7、一個Web站點，接下來我們將著重學(xué)習(xí)如何使用FrontPage 2000來制作網(wǎng)頁了。實例說明：本例是一個簡單的主頁制作，通過這個例子，我們將學(xué)會如何在站點內(nèi)新建一個網(wǎng)頁、設(shè)置頁面格式、文字輸入及字體設(shè)定、網(wǎng)頁的預(yù)覽與保存等基本方法。提示：本例先使用FrontPage建立一個站點。這樣做，是為了網(wǎng)頁文件的規(guī)范管理，所有網(wǎng)頁及圖片等文件都將保存到該站點內(nèi)。本例以第一節(jié)所創(chuàng)建的站點為例。1、新建網(wǎng)頁 方法：使用工具按鈕。在FrontPage 2000中單擊“ ”新建網(wǎng)頁工具按鈕，在主編輯窗口將出現(xiàn)一個空白網(wǎng)頁。使用菜單命令。（1）我們也可以從【文件】菜單中選擇【新建】菜單項，在子菜單中選擇【網(wǎng)頁】

8、菜單項，出現(xiàn)一個對話框。（2）這個對話框中列出了很多事先設(shè)計好的網(wǎng)頁模板。這時選擇【普通網(wǎng)頁】，單擊【確定】按鈕，此時在主編輯窗口中將出現(xiàn)一個空白網(wǎng)頁。2、網(wǎng)頁屬性在空白網(wǎng)頁中單擊鼠標(biāo)右鍵，從彈出的菜單中單擊【網(wǎng)頁屬性】選項，出現(xiàn)網(wǎng)頁屬性對話框。在這個對話框中我們可以修改網(wǎng)頁的多種屬性。（1）、常規(guī)屬性設(shè)置。在這個對話框中共有5個選項卡。其中，在【常規(guī)】選項卡中我們可以修改網(wǎng)頁的標(biāo)題、背景音樂等。修改網(wǎng)頁標(biāo)題。在對話框【標(biāo)題】欄內(nèi)輸入“我的主頁”。修改背景音樂。單擊【背景音樂】區(qū)域的【瀏覽】按鈕，出現(xiàn)對話框，單擊“ ”圖標(biāo)按鈕，在硬盤目錄下選擇一個Wav聲音文件。本例使用“C:windowsM

9、edia”目錄下的“Start.wav”文件，大家也可以自己選擇其他的聲音文件作為背景音樂。缺省狀態(tài)下背景聲音的設(shè)置為始終有聲音。（2）、背景色設(shè)置。單擊網(wǎng)頁屬性對話框的【背景】選項卡，就可以設(shè)置網(wǎng)頁的背景色和圖片等。修改網(wǎng)頁的背景色。單擊對話框中【顏色】區(qū)域內(nèi)的“背景”項下拉選擇箭頭，并從顏色框中選擇一種顏色，然后單擊【確定】按鈕，這時網(wǎng)頁的背景顏色就變成了剛才選擇的顏色。設(shè)置背景圖片。（1）重新單擊鼠標(biāo)右鍵，選擇【網(wǎng)頁屬性】進(jìn)入對話框并單擊【背景】選項卡。（2）然后單擊在【格式】區(qū)域內(nèi)的“背景圖片”選擇框，選中后下面的“水印”選擇項、文本框都不再變灰。（3）這時再單擊【瀏覽】按鈕進(jìn)入網(wǎng)頁背

10、景圖片選擇對話框。（4）單擊對話框右下角的【剪貼畫】按鈕，就會彈出【剪貼畫庫】。單擊【W(wǎng)eb背景】選項從中選擇一種圖案作為背景，選中后單擊“ ”插入剪輯按鈕。（5）然后單擊網(wǎng)頁屬性對話框的【確定】按鈕。這時網(wǎng)頁背景已變成了剛才選擇的圖案。3、文本輸入從工具欄中的【字體樣式】下拉菜單選擇“標(biāo)題1”，然后從鍵盤輸入“這是我的第一個主頁”，按回車鍵。從【字體樣式】下拉菜單選擇“標(biāo)題2”，輸入“個人信息”，然后按回車鍵。接著輸入“姓 名：小明”，按Shift鍵加回車鍵；輸入“年 齡：17”，按Shift鍵加回車鍵；輸入“就讀學(xué)校：珠海新世紀(jì)學(xué)校高一(1)班”，按Shift鍵加回車鍵；輸入“職 務(wù)：班長

11、”，按回車鍵。提示：我們在輸入文本的時候使用了兩種按回車鍵的方式：直接按回車鍵，按Shift鍵加回車鍵。大家可以在實際操作中自己體會一下這兩種方式的區(qū)別。從【字體樣式】下拉菜單選擇“標(biāo)題2”，輸入“聯(lián)系信息”，然后按回車鍵。接著輸入“地 址：廣西桂平市xx街”，按Shift鍵加回車鍵；輸入“郵政編碼：5372000”，按Shift鍵加回車鍵；輸入“電 話：（0775）xxxxxxxx”，按Shift鍵加回車鍵；輸入“電子郵箱：xxxxx”，按回車鍵。輸入“很高興能認(rèn)識您，希望能和您交朋友！”，按回車鍵；輸入“謝謝您參觀我的網(wǎng)頁，再見！”，按回車鍵。4、字體設(shè)置 （1）、選定文字 選定文字的方法

12、有兩種：一種方法是將鼠標(biāo)指針移到待選文字段的開頭，按住鼠標(biāo)左鍵，不要松手，然后向右下方拖動，將該段文字涂黑；另外一種方法就是用鍵盤上的光標(biāo)箭頭將插入點移到選定文字的開頭，然后左手按著Shift鍵，右邊按光標(biāo)移動鍵（如、鍵），也可將所選定文字涂黑。（2）、修飾文字修飾文字是指文字的字體、字型、大?。ㄗ痔枺㈩伾?、效果的設(shè)置。例：選定“這是我的第一個主頁”文字后，設(shè)定文字屬性的操作有以下兩種：單擊【格式】菜單項，選擇【字體】后出現(xiàn)字體對話框；或單擊鼠標(biāo)右鍵，在彈出的對話框中單擊【字體】選項，也將出現(xiàn)字體對話框。這時在對話框中的字體設(shè)為“隸書”，字型為“加粗”，大小為“6 （24磅）”，顏色為“紅色

13、”，效果為默認(rèn)。單擊【確定】按鈕即可完成文字修飾。例中其他字體修飾的操作也類似進(jìn)行。5、保存網(wǎng)頁單擊常規(guī)工具欄上的“ ”，或單擊【文件】菜單再選擇【保存文件】，就可以把正在編輯的網(wǎng)頁保存起來。或直接按CtrlS鍵也可以保存網(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）等

14、。6、關(guān)閉網(wǎng)頁（1）、單擊【文件】菜單并選擇【關(guān)閉】，或直接按AltF4鍵，如果此時網(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)，或單擊【文件】菜單并選擇【打開】，或直接按AltO鍵，出現(xiàn)一個打開文件對話框。（2）、在對話框中單擊【查找范圍】下拉列表框，選擇文件路徑。在文件列表區(qū)中列出被選中該文件路徑下的所有文件。（3）、選中一個文件，然后單擊【

15、打開】按鈕，或直接雙擊該文件名即可打開文件。 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)按鈕（或直接按CtrlShiftB鍵，或單擊【文件】菜單并選擇【在瀏覽器中預(yù)覽】菜單項），將啟動已安裝好的瀏覽器并打開該網(wǎng)頁。如果在預(yù)覽之前沒有把修改后的或新建的網(wǎng)頁保存起來，則將彈出一個對話框提示你應(yīng)該首先保存該網(wǎng)頁。注意：在預(yù)覽窗口中看到的是網(wǎng)頁在發(fā)布

16、后的大致樣式。要看到網(wǎng)頁在WWW瀏覽器中的真實情形，必須使用【在瀏覽器預(yù)覽】菜單項查看。而且，即使是在WWWW瀏覽器中瀏覽通過，不同的瀏覽器產(chǎn)生的效果不一樣。在發(fā)布到Internet上的前后，最好使用不同的瀏覽器多瀏覽幾次。第三節(jié)、圖片的運用一、教學(xué)目的：學(xué)習(xí)圖片的插入和設(shè)置。二、教學(xué)重點：圖片的插入和設(shè)置。三、教學(xué)時間：1課時四、教學(xué)步驟一）插入圖片下面我們以一個實例來說明如何在網(wǎng)頁中加入圖片。其操作步驟如下：（1）新建一個空白網(wǎng)頁，把光標(biāo)定位到要插入圖片的地方。（2）單擊“ ”工具圖標(biāo)，或單擊【插入】菜單，選擇【圖片】菜單項，在子菜單中單擊【來自文件】選項，在出現(xiàn)一個【圖片】對話框的同時，

17、還彈出一個【選擇文件】對話框。（3）在【選擇文件】對話框的“搜尋”欄內(nèi)選定圖片的存放位置，然后從文件列表中雙擊某個圖片文件（或選定圖片文件），單擊【確定】按鈕，則圖片插入到網(wǎng)頁中。二）、設(shè)置圖片的屬性在網(wǎng)頁中插入圖片后，我們還要對圖片的某些屬性進(jìn)行設(shè)置。（1）在某個圖片上單擊鼠標(biāo)右鍵后，彈出一個快捷菜單，選擇圖片屬性。（2）單擊【圖片屬性】菜單項，出現(xiàn)圖片屬性對話框。在圖片屬性對話框中，我們可以設(shè)置圖片的各種屬性：1、常規(guī)屬性【圖片源】：指圖片的存放位置。如果要重新選擇其他一幅圖片時，單擊【瀏覽】按鈕。如果要修改這幅圖片，可以單擊【編輯】按鈕，啟動自帶的Image Composer軟件，修改完

18、圖片后，只要退出該軟件，網(wǎng)頁圖片就會自動更新。【類型】：我們可以選擇圖片的類型，GIF或者是JPEG。 在“質(zhì)量”欄內(nèi)一般設(shè)定為70-80就行了?！咎娲硎尽浚喝绻?dāng)前圖片較大，分辨率也較高，我們應(yīng)該在【低分辨率】中選定一個備用的低分辨率圖像，這樣在一些瀏覽網(wǎng)頁的低檔機顯示器不能顯示高分辨率圖片時，可以顯示這個低分辨率的圖片。此外，在“文本”欄內(nèi)默認(rèn)值為圖片文件名加上文件長度，這是當(dāng)該圖片不能顯示時，這些說明文字會顯示出來，也就常說的圖片的別名。若要修改圖片的別名時，在文本框內(nèi)輸入即可。2、圖像的外觀單擊【圖片屬性】對話框中的【外觀】選項卡。在這個對話框中，我們可以設(shè)置圖片與文本之間的對齊方式

19、、圖片的邊框粗細(xì)以及圖片的大小等。布局欄：單擊【對齊方式】下拉箭頭，出現(xiàn)一個下拉菜單，有多種對齊方式，在圖文混排時非常有用，大家可以試試看。利用【邊框粗細(xì)】可以在圖片周圍加上一個指定寬度的邊框。值為0時，邊框不顯示。設(shè)置【水平間距】和【垂直間距】的值，可以改變圖片與相鄰內(nèi)容（如文字）之間的距離。默認(rèn)情況下，瀏覽器中顯示的網(wǎng)頁圖片是實際大小的圖片。如果要改變圖片的大小，則在對話框的【大小】欄中調(diào)整“寬度”、“高度”的值（單位為像素或百分比）。選擇“保持縱橫比”選項是防止尺寸修改后的圖片出現(xiàn)太扁或太長的“變形”現(xiàn)象。圖片的定位，可以單擊圖片工具欄的圖片定位按鈕。圖片可以隨便移動，但在預(yù)覽時常會與實

20、際不一致。三）上機操作：在網(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.”。在其后面輸入“踢足球”，然

21、后按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)列表屬性對話框。（或者單擊【格式】菜單，選擇

22、【項目符號和編號】菜單項亦可。）3、此時在對話框中打開的是【編號】選項卡。4、單擊不同的選擇框，然后單擊【確定】按鈕，就可以選擇不同樣式的項目編號。二）項目符號列表與編號列表不同，在項目符號列表中各列表項都是通過一個特殊符號引出的。下面以一個項目符號列表的實例來說明。其操作步驟如下：1、新建一個空白網(wǎng)頁，輸入“我喜歡看的文學(xué)名著”，按回車鍵；2、或單擊“ ”工具圖標(biāo)，在網(wǎng)頁中出現(xiàn)一個黑點列表符號，在列表符號后面輸入“三國演義（羅貫中）”；3、按回車鍵后，在下一行又出現(xiàn)一個黑點列表符號，依次輸入“水滸傳（施耐庵）”，按回車鍵；4、重復(fù)上述步驟，直到把“西游記（吳承恩）”、“神曲（但?。比枯斎?/p>

23、計算機中；5、在最后出現(xiàn)的黑點列表符號行上，再按一次回車鍵，該黑點就會在屏幕上消失了；6、將網(wǎng)頁文件保存起來，并在瀏覽器中瀏覽。三）圖片項目符號列表圖片項目符號列表是一種特殊形式的列表，列表符號均由指定的圖片引出列表項。在FrontPage2000中，用于列表的圖片可以是軟件自帶的圖片，也可以是你所指定的圖片。下面我們以一個圖片項目符號列表的實例操作進(jìn)行講述。具體操作過程如下：1、新建一個空白網(wǎng)頁，輸入“21世紀(jì)的科學(xué)技術(shù)”，按回車鍵。選定這段文字，并設(shè)置為6號字、宋體、加下劃線；2、單擊【格式】菜單項，然后選擇【項目符號和編號】菜單項，出現(xiàn)項目符號和編號方式對話框，此時打開的是【圖片項目符號

24、】選項卡。3、選擇【指定圖片】，單擊【瀏覽】按鈕，出現(xiàn)選擇圖片對話框。4、單擊對話框右下角的【剪貼畫】按鈕，就會彈出【剪貼畫庫】。選擇并單擊【W(wǎng)eb符號】選項，從中選擇一種圖片（例中是“ ”），選中后單擊“ ”插入剪輯按鈕。網(wǎng)頁上就會出現(xiàn)這個圖片符號。提示：如果要指定磁盤圖片文件作為項目符號，則在【選擇圖片】對話框中單擊“ ”按鈕，出現(xiàn)一個選擇文件對話框后，再選定硬盤目錄上的一個圖片文件，依次單擊【確定】按鈕后即可。5、在圖片符號后，輸入“信息科學(xué)技術(shù)”，并按回車鍵；6、重復(fù)上述步驟，直到把“生物科學(xué)技術(shù)”、“材料科學(xué)技術(shù)”等全部輸入計算機中；7、在最后的圖片項目符號行上按回車鍵，該符號就會在屏幕上消失了；8、將網(wǎng)頁文件保存起來，并在瀏覽器中瀏覽。四）多級列表前面