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

1、專題七 利用FrontPage創(chuàng)建教師個人網(wǎng)站主講：孫曉磊專題七 利用FrontPage創(chuàng)建教師個人網(wǎng)站主講：孫曉磊培訓準備： 登陸： 02/，將“培訓資源”文件夾下的“專題七”這個文件夾拷貝到個人機D盤下。培訓準備： 登陸： 02/培訓方法：組織活動任務(wù)驅(qū)動示范模仿培訓方法：組織活動利用FrontPage創(chuàng)建教師個人網(wǎng)站課件利用FrontPage創(chuàng)建教師個人網(wǎng)站課件“憩心林”網(wǎng)站“語文在線”網(wǎng)站“憩心林”網(wǎ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)站

2、結(jié)束主要內(nèi)容一、設(shè)計網(wǎng)站的結(jié)構(gòu)一、設(shè)計網(wǎng)站的結(jié)構(gòu)（一）確定教師個人網(wǎng)站的名稱與欄目（二）規(guī)劃網(wǎng)站結(jié)構(gòu)返回初識網(wǎng)站一、設(shè)計網(wǎng)站的結(jié)構(gòu)（一）確定教師個人網(wǎng)站的名稱與欄目返回初識 那么，網(wǎng)站的基本結(jié)構(gòu)是怎樣的呢？網(wǎng)頁和超鏈接又是怎么回事呢？ 那么，網(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返回（一）確定教師個人網(wǎng)站的名稱與欄目活動1活動2返回活動1欣賞“配套光盤：專題7數(shù)海泛舟教師個人網(wǎng)站”中的欄

3、目?；顒?欣賞“配套光盤：專題7數(shù)海泛舟教師個人網(wǎng)站”中數(shù)海泛舟網(wǎng)站欄目數(shù)海泛舟網(wǎng)站欄目網(wǎng)站名稱數(shù)海泛舟欄目 教學雜感 教學資料 人生感悟 子欄目 教育敘事 管理心得 生活體味 溫馨家庭 表7-2數(shù)海泛舟網(wǎng)站的名稱與欄目返回網(wǎng)站名稱數(shù)海泛舟欄目 教學雜感 教學資料 人生感悟 子欄目 活動2根據(jù)需要，確定個人網(wǎng)站的名稱并設(shè)計欄目，填寫表7-1?；顒?根據(jù)需要，確定個人網(wǎng)站的名稱并設(shè)計欄目，填寫表7-1。表7-1網(wǎng)站的名稱和欄目網(wǎng)站名稱欄目返回表7-1網(wǎng)站的名稱和欄目網(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返回（二）規(guī)劃網(wǎng)站結(jié)構(gòu)網(wǎng)站的

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

5、（圖形與圖像1.表7-3網(wǎng)站所需素材表網(wǎng)頁編號網(wǎng)頁內(nèi)容所需的素材形式與內(nèi)容1文本；圖片；動畫；音頻；23返回1.表7-3網(wǎng)站所需素材表網(wǎng)頁編號網(wǎng)頁內(nèi)容所需的素材形式與網(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)站所需的素材返回網(wǎng)頁編號 網(wǎng)頁內(nèi)容 所需的素材形式與內(nèi)容 1 有關(guān)個人情況的活動5利用表7-3，規(guī)劃自己網(wǎng)站的素材。返回活動5利用表7-3，規(guī)劃自己網(wǎng)站的素材。返回三、使用FrontPage開發(fā)網(wǎng)站（一）創(chuàng)建網(wǎng)站（二）編輯網(wǎng)頁（三

6、）瀏覽網(wǎng)頁返回三、使用FrontPage開發(fā)網(wǎng)站（一）創(chuàng)建網(wǎng)站返回（一）創(chuàng)建教師個人網(wǎng)站1.創(chuàng)建站點2.新建子文件夾3.新建網(wǎng)頁返回（一）創(chuàng)建教師個人網(wǎng)站1.創(chuàng)建站點返回1.創(chuàng)建站點活動61）創(chuàng)建步驟： （1）新建站點 （2）選擇保存位置，給網(wǎng)站文件夾命名。2）文件夾列表返回創(chuàng)建自己的站點。1.創(chuàng)建站點活動61）創(chuàng)建步驟：返回創(chuàng)建自己的站點。2.新建子文件夾活動7步驟：1.右鍵單擊“站點文件夾”；2 選擇“新建文件夾”命令；3.命名為“audio” 。返回根據(jù)自己網(wǎng)站內(nèi)容與素材管理的需要，建立相應的子文件夾。2.新建子文件夾活動7步驟：返回根據(jù)自己網(wǎng)站內(nèi)容與素材管理的3.新建網(wǎng)頁活動8步驟：1

7、建立空白網(wǎng)頁2保存新建的網(wǎng)頁返回根據(jù)自己網(wǎng)站的需要，建立并保存相應的網(wǎng)頁。3.新建網(wǎng)頁活動8步驟：返回根據(jù)自己網(wǎng)站的需要，建立并保存（二）編輯網(wǎng)頁1.利用表格布局網(wǎng)頁2.輸入與編輯文字 3.插入與設(shè)置圖片4.編輯網(wǎng)頁鏈接5.設(shè)置網(wǎng)頁背景音樂返回（二）編輯網(wǎng)頁1.利用表格布局網(wǎng)頁返回1.利用表格布局網(wǎng)頁1）插入并設(shè)置表格活動9活動102）調(diào)整表格返回根據(jù)自己網(wǎng)站布局的需要，插入并設(shè)置表格。根據(jù)自己網(wǎng)站布局的需要，設(shè)置單元格的屬性。1.利用表格布局網(wǎng)頁1）插入并設(shè)置表格活動9活動102）調(diào)整2.輸入與編輯文字2編輯文字活動11活動12返回1輸入文字根據(jù)自己網(wǎng)站的網(wǎng)頁內(nèi)容的需要，輸入或插入文字。根據(jù)

8、自己網(wǎng)站網(wǎng)頁內(nèi)容和風格的需要，編輯文字，調(diào)整段落。2.輸入與編輯文字2編輯文字活動11活動12返回1輸入文3.插入與設(shè)置圖片1插入圖片 根據(jù)自己網(wǎng)站網(wǎng)頁布局的需要，在相應的單元格內(nèi)插入圖片。2設(shè)置背景圖片3保存圖片 根據(jù)自己網(wǎng)站的需要，設(shè)置背景圖片并保存圖片。返回活動14活動133.插入與設(shè)置圖片1插入圖片返回活動14活動134.編輯網(wǎng)頁鏈接選擇鏈接對象建立超鏈接 返回活動12將自己網(wǎng)站中的網(wǎng)頁之間建立鏈接。4.編輯網(wǎng)頁鏈接選擇鏈接對象建立超鏈接返回活動12將自己網(wǎng)站5.設(shè)置網(wǎng)頁背景音樂為首頁設(shè)定背景音樂 （1）設(shè)置背景音樂 （2）保存音樂文件 返回活動16根據(jù)自己網(wǎng)站的需要，設(shè)置背景音樂并保

9、存音樂文件。5.設(shè)置網(wǎng)頁背景音樂為首頁設(shè)定背景音樂返回活動16根據(jù)自己網(wǎng)（三）瀏覽網(wǎng)頁步驟：1.保存編輯過的網(wǎng)頁2.在瀏覽器中預覽 3.圖723網(wǎng)頁預覽效果圖返回（三）瀏覽網(wǎng)頁步驟：返回圖723網(wǎng)頁預覽效果圖圖723網(wǎng)頁預覽效果圖四、發(fā)布網(wǎng)站（一）測試網(wǎng)站（二）發(fā)布網(wǎng)站返回四、發(fā)布網(wǎng)站（一）測試網(wǎng)站返回（一）測試網(wǎng)站在發(fā)布站點之前，應該檢查各個頁面之間的鏈接、網(wǎng)站的外觀和文件的路徑等，測試無誤后，可以發(fā)布網(wǎng)站了。返回（一）測試網(wǎng)站在發(fā)布站點之前，應該檢查各個頁面之間的鏈接、（二）發(fā)布網(wǎng)站網(wǎng)頁的發(fā)布，就是將制作好的網(wǎng)頁發(fā)布到WWW中的某臺web服務(wù)器上的過程。也就是將用戶創(chuàng)建在本地計算機上的一個站點復制到服務(wù)器上指定URL的過程。 返回（二）發(fā)布網(wǎng)站網(wǎng)頁的發(fā)布，就是將制作好的網(wǎng)頁發(fā)