第 周 第 課時 _月_日(星期_) 累計_個教案課題課型新授課教 學(xué) 目 標(biāo)教學(xué)重點教學(xué)難點教學(xué)方法與手段板 書 設(shè) 計3-4網(wǎng)頁文本的基本制作學(xué)習(xí)文字的輸入和設(shè)置，掌握網(wǎng)頁的新建和保存文字的輸入和設(shè)置, 網(wǎng)頁的新建和保存講演輔結(jié)合1、新建網(wǎng)頁 方法：2、網(wǎng)頁屬性3、文本輸入4、字體設(shè)置 5、保存網(wǎng)頁6、關(guān)閉網(wǎng)頁7、打開網(wǎng)頁8、預(yù)覽網(wǎng)頁教 學(xué) 過 程 上節(jié)課已經(jīng)介紹了如何創(chuàng)建一個Web站點，接下來我們將著重學(xué)習(xí)如何使用FrontPage 2003來制作網(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 2003中單擊“ ”新建網(wǎng)頁工具按鈕，在主編輯窗口將出現(xiàn)一個空白網(wǎng)頁。 使用菜單命令。（1）我們也可以從【文件】菜單中選擇【新建】菜單項，在子菜單中選擇【網(wǎng)頁】菜單項，出現(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:windowsMedia”目錄下的“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)頁屬性】進入對話框并單擊【背景】選項卡。（2）然后單擊在【格式】區(qū)域內(nèi)的“背景圖片”選擇框，選中后下面的“水印”選擇項、文本框都不再變灰。（3）這時再單擊【瀏教 學(xué) 過 程 覽】按鈕進入網(wǎng)頁背景圖片選擇對話框。（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ù)：班長”，按回車鍵。 提示：我們在輸入文本的時候使用了兩種按回車鍵的方式：直接按回車鍵，按Shift鍵加回車鍵。大家可以在實際操作中自己體會一下這兩種方式的區(qū)別。 從【字體樣式】下拉菜單選擇“標(biāo)題2”，輸入“聯(lián)系信息”，然后按回車鍵。接著輸入“地 址：廣東省珠海市xx大街”，按Shift鍵加回車鍵；輸入“郵政編碼：519090”，按Shift鍵加回車鍵；輸入“電話：（0756）xxxxxxxx”，按Shift鍵加回車鍵；輸入“電子郵箱：”，按回車鍵。輸入“很高興能認識您，希望能和您交朋友！”，按回車鍵；輸入“謝謝您參觀我的網(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磅）”，顏色為“紅色”，效果為默認。單擊【確定】按鈕即可完成文字修飾。例中其他字體修飾的操作也類似進行。教 學(xué) 過 程 5、保存網(wǎng)頁單擊常規(guī)工具欄上的“ ”，或單擊【文件】菜單再選擇【保存文件】，就可以把正在編輯的網(wǎng)頁保存起來?；蛑苯影碈trl+S鍵也可以保存網(wǎng)頁。如果你是在修改已經(jīng)保存過的網(wǎng)頁，修改過的網(wǎng)頁將被重新保存。但如果是新建的網(wǎng)頁，單擊“ ”后會出現(xiàn)對話框。在對話框中的【文件名】欄內(nèi)輸入網(wǎng)頁的文件名（如“First”），單擊【保存】按鈕，該網(wǎng)頁就會保存到當(dāng)前的站點上。FrontPage 2003保存文件的類型主要有網(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 2003主編輯窗口下面的【預(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ā)布后的大致