利用FrontPage創(chuàng)建教師個人網(wǎng)站課件

專題七利用FrontPage創(chuàng)建教師個人網(wǎng)站學習目標1.能夠設(shè)計個人網(wǎng)站的基本結(jié)構(gòu)。2.能夠利用FrontPage制作個人網(wǎng)站。主要內(nèi)容一、設(shè)計網(wǎng)站的結(jié)構(gòu)二、收集與加工網(wǎng)站所需素材三、開發(fā)網(wǎng)站四、發(fā)布網(wǎng)站

結(jié)束一、設(shè)計網(wǎng)站的結(jié)構(gòu)（一）確定教師個人網(wǎng)站的名稱與欄目（二）規(guī)劃網(wǎng)站結(jié)構(gòu)返回初識網(wǎng)站（一）確定教師個人網(wǎng)站的名稱與欄目1.網(wǎng)站名稱就是一個網(wǎng)站的名字命名原則：（1）內(nèi)容性；（2）藝術(shù)性2.網(wǎng)站欄目是網(wǎng)站內(nèi)容的目錄欄目的設(shè)計應以教學需要為主要目的活動1活動2返回活動1欣賞“配套光盤：\專題7\《數(shù)海泛舟》教師個人網(wǎng)站”中的欄目。《數(shù)海泛舟》網(wǎng)站欄目網(wǎng)站名稱數(shù)海泛舟欄目

教學雜感

教學資料

人生感悟

子欄目

教育敘事

管理心得

生活體味

溫馨家庭

表7-2《數(shù)海泛舟》網(wǎng)站的名稱與欄目返回（二）規(guī)劃網(wǎng)站結(jié)構(gòu)網(wǎng)站的結(jié)構(gòu)是指網(wǎng)站中各個網(wǎng)頁之間的關(guān)系。《數(shù)海泛舟》網(wǎng)站結(jié)構(gòu)圖活動3活動4返回《數(shù)海泛舟》網(wǎng)站結(jié)構(gòu)圖示例首頁教學雜感教學資料人生感悟教育敘事管理心得生活體味溫馨家庭圖7—3網(wǎng)站結(jié)構(gòu)圖示例返回二級網(wǎng)頁三級網(wǎng)頁活動3參照圖7-3的格式，畫出《數(shù)海泛舟》網(wǎng)站的結(jié)構(gòu)圖?；顒?繪制自己個人網(wǎng)站的結(jié)構(gòu)圖。返回二、收集與加工網(wǎng)站所需素材網(wǎng)站素材包括文本、圖片（圖形與圖像）、動畫、音頻和視頻等。1.網(wǎng)站所需素材表7-32.《數(shù)海泛舟》網(wǎng)站首頁所需素材收集加工示例活動5返回1.表7-3網(wǎng)站所需素材表

網(wǎng)頁編號網(wǎng)頁內(nèi)容所需的素材形式與內(nèi)容1文本；圖片；動畫；音頻；…23………………返回網(wǎng)頁編號

網(wǎng)頁內(nèi)容

所需的素材形式與內(nèi)容

1有關(guān)個人情況的介紹文本：個人簡歷的文字描述圖片：①個人工作照片;②網(wǎng)頁背景圖片;③網(wǎng)站名稱音頻：網(wǎng)頁背景音樂

………………2.《數(shù)海泛舟》網(wǎng)站素材收集示例表7-4《數(shù)海泛舟》網(wǎng)站所需的素材返回活動5利用表7-3，規(guī)劃自己網(wǎng)站的素材。返回三、使用FrontPage開發(fā)網(wǎng)站（一）創(chuàng)建網(wǎng)站（二）編輯網(wǎng)頁（三）瀏覽網(wǎng)頁返回（一）創(chuàng)建教師個人網(wǎng)站1.創(chuàng)建站點2.新建子文件夾3.新建網(wǎng)頁返回1.創(chuàng)建站點活動61）創(chuàng)建步驟：（1）新建站點（2）選擇保存位置，給網(wǎng)站文件夾命名。2）文件夾列表返回創(chuàng)建自己的站點。2.新建子文件夾活動7步驟：1.右鍵單擊“站點文件夾”；2選擇“新建文件夾”命令；3.命名為“audio”。返回根據(jù)自己網(wǎng)站內(nèi)容與素材管理的需要，建立相應的子文件夾。3.新建網(wǎng)頁活動8步驟：1．建立空白網(wǎng)頁2．保存新建的網(wǎng)頁返回根據(jù)自己網(wǎng)站的需要，建立并保存相應的網(wǎng)頁。（二）編輯網(wǎng)頁1.利用表格布局網(wǎng)頁2.輸入與編輯文字3.插入與設(shè)置圖片4.編輯網(wǎng)頁鏈接5.設(shè)置網(wǎng)頁背景音樂返回1.利用表格布局網(wǎng)頁1）插入并設(shè)置表格活動9活動102）調(diào)整表格返回根據(jù)自己網(wǎng)站布局的需要，插入并設(shè)置表格。根據(jù)自己網(wǎng)站布局的需要，設(shè)置單元格的屬性。2.輸入與編輯文字2．編輯文字活動11活動12返回1．輸入文字根據(jù)自己網(wǎng)站的網(wǎng)頁內(nèi)容的需要，輸入或插入文字。根據(jù)自己網(wǎng)站網(wǎng)頁內(nèi)容和風格的需要，編輯文字，調(diào)整段落。3.插入與設(shè)置圖片1．插入圖片

根據(jù)自己網(wǎng)站網(wǎng)頁布局的需要，在相應的單元格內(nèi)插入圖片。2．設(shè)置背景圖片3．保存圖片根據(jù)自己網(wǎng)站的需要，設(shè)置背景圖片并保存圖片。返回活動14活動134.編輯網(wǎng)頁鏈接選擇鏈接對象建立超鏈接

返回活動12將自己網(wǎng)站中的網(wǎng)頁之間建立鏈接。5.設(shè)置網(wǎng)頁背景音樂為首頁設(shè)定背景音樂（1）設(shè)置背景音樂（2）保存音樂文件

返回活動16根據(jù)自己網(wǎng)站的需要，設(shè)置背景音樂并保存音樂文件。（三）瀏覽網(wǎng)頁步驟：1.保存編輯過的網(wǎng)頁2.在瀏覽器中預覽

3.圖7－23網(wǎng)頁預覽效果圖返回圖7－23網(wǎng)頁預覽效果圖四、發(fā)布網(wǎng)站（一）測試網(wǎng)站（二）發(fā)布網(wǎng)站返回（一）測試網(wǎng)站

在發(fā)布站點之前，應該檢查各個頁面之間的鏈接、網(wǎng)站的外觀和文件的路徑等，測試無誤后，可以發(fā)布網(wǎng)站了。返回（二）發(fā)布網(wǎng)站

網(wǎng)頁的發(fā)布，就是將制作好的網(wǎng)頁發(fā)布到WWW中的某臺web服務器上的過程。也就是將用戶創(chuàng)建在本地計算機上的一個站點復制到服務器上指定URL的過程。

返回上傳自己制作的個人教學網(wǎng)站1.首頁制作要求