專(zhuān)題七 利用FrontPage創(chuàng)建教師個(gè)人網(wǎng)站【-】

1、專(zhuān)題七 利用FrontPage創(chuàng)立教師個(gè)人網(wǎng)站主講：孫曉磊培訓(xùn)準(zhǔn)備： 登陸： ，將“培訓(xùn)資源文件夾下的“專(zhuān)題七這個(gè)文件夾拷貝到個(gè)人機(jī)D盤(pán)下。培訓(xùn)方法：組織活動(dòng)任務(wù)驅(qū)動(dòng)示范模仿“憩心林網(wǎng)站“語(yǔ)文在線(xiàn)網(wǎng)站學(xué)習(xí)目標(biāo)1.能夠設(shè)計(jì)個(gè)人網(wǎng)站的根本結(jié)構(gòu)。2.能夠利用FrontPage制作個(gè)人網(wǎng)站。主要內(nèi)容一、設(shè)計(jì)網(wǎng)站的結(jié)構(gòu)二、收集與加工網(wǎng)站所需素材三、開(kāi)發(fā)網(wǎng)站四、發(fā)布網(wǎng)站 結(jié)束一、設(shè)計(jì)網(wǎng)站的結(jié)構(gòu)一確定教師個(gè)人網(wǎng)站的名稱(chēng)與欄目二規(guī)劃網(wǎng)站結(jié)構(gòu)返回初識(shí)網(wǎng)站 那么，網(wǎng)站的根本結(jié)構(gòu)是怎樣的呢？網(wǎng)頁(yè)和超鏈接又是怎么回事呢？初識(shí)圖站返回一確定教師個(gè)人網(wǎng)站的名稱(chēng)與欄目1.網(wǎng)站名稱(chēng)就是一個(gè)網(wǎng)站的名字 命名原那么：1內(nèi)容性；2

2、藝術(shù)性2.網(wǎng)站欄目是網(wǎng)站內(nèi)容的目錄 欄目的設(shè)計(jì)應(yīng)以教學(xué)需要為主要目的活動(dòng)1活動(dòng)2返回活動(dòng)1欣賞“配套光盤(pán)：專(zhuān)題7?數(shù)海泛舟?教師個(gè)人網(wǎng)站中的欄目。?數(shù)海泛舟?網(wǎng)站欄目網(wǎng)站名稱(chēng)數(shù)海泛舟欄目 教學(xué)雜感 教學(xué)資料 人生感悟 子欄目 教育敘事 管理心得 生活體味 溫馨家庭 表7-2?數(shù)海泛舟?網(wǎng)站的名稱(chēng)與欄目返回活動(dòng)2根據(jù)需要，確定個(gè)人網(wǎng)站的名稱(chēng)并設(shè)計(jì)欄目，填寫(xiě)表7-1。表7-1網(wǎng)站的名稱(chēng)和欄目網(wǎng)站名稱(chēng)欄目返回二規(guī)劃網(wǎng)站結(jié)構(gòu)網(wǎng)站的結(jié)構(gòu)是指網(wǎng)站中各個(gè)網(wǎng)頁(yè)之間的關(guān)系。?數(shù)海泛舟?網(wǎng)站結(jié)構(gòu)圖活動(dòng)3活動(dòng)4返回?數(shù)海泛舟?網(wǎng)站結(jié)構(gòu)圖例如首頁(yè)教學(xué)雜感教學(xué)資料人生感悟教育敘事管理心得生活體味溫馨家庭圖73網(wǎng)站結(jié)構(gòu)圖

3、 例如返回二級(jí)網(wǎng)頁(yè)三級(jí)網(wǎng)頁(yè)活動(dòng)3參照?qǐng)D7-3的格式，畫(huà)出?數(shù)海泛舟?網(wǎng)站的結(jié)構(gòu)圖。活動(dòng)4繪制自己個(gè)人網(wǎng)站的結(jié)構(gòu)圖。返回二、收集與加工網(wǎng)站所需素材網(wǎng)站素材包括文本、圖片圖形與圖像、動(dòng)畫(huà)、音頻和視頻等。1. 網(wǎng)站所需素材表7-32. ?數(shù)海泛舟?網(wǎng)站首頁(yè)所需素材收集加工例如活動(dòng)5返回1.表7-3網(wǎng)站所需素材表網(wǎng)頁(yè)編號(hào)網(wǎng)頁(yè)內(nèi)容所需的素材形式與內(nèi)容1文本；圖片；動(dòng)畫(huà)；音頻；23返回網(wǎng)頁(yè)編號(hào) 網(wǎng)頁(yè)內(nèi)容 所需的素材形式與內(nèi)容 1 有關(guān)個(gè)人情況的介紹 文本：個(gè)人簡(jiǎn)歷的文字描述圖片：個(gè)人工作照片; 網(wǎng)頁(yè)背景圖片; 網(wǎng)站名稱(chēng)音頻：網(wǎng)頁(yè)背景音樂(lè) 2. ?數(shù)海泛舟?網(wǎng)站素材收集例如表7-4?數(shù)海泛舟?網(wǎng)站所需的素材

4、返回活動(dòng)5利用表7-3，規(guī)劃自己網(wǎng)站的素材。返回三、使用FrontPage開(kāi)發(fā)網(wǎng)站一創(chuàng)立網(wǎng)站二編輯網(wǎng)頁(yè)三瀏覽網(wǎng)頁(yè)返回一創(chuàng)立教師個(gè)人網(wǎng)站1.創(chuàng)立站點(diǎn)2.新建子文件夾3.新建網(wǎng)頁(yè)返回1.創(chuàng)立站點(diǎn)活動(dòng)61創(chuàng)立步驟： 1新建站點(diǎn) 2選擇保存位置，給網(wǎng)站文件夾命名。2文件夾列表返回創(chuàng)立自己的站點(diǎn)。2.新建子文件夾活動(dòng)7步驟：1.右鍵單擊“站點(diǎn)文件夾；2 選擇“新建文件夾命令；3.命名為“audio 。返回根據(jù)自己網(wǎng)站內(nèi)容與素材管理的需要，建立相應(yīng)的子文件夾。3.新建網(wǎng)頁(yè)活動(dòng)8步驟：1建立空白網(wǎng)頁(yè)2保存新建的網(wǎng)頁(yè)返回根據(jù)自己網(wǎng)站的需要，建立并保存相應(yīng)的網(wǎng)頁(yè)。二編輯網(wǎng)頁(yè)1.利用表格布局網(wǎng)頁(yè)2.輸入與編輯文字

5、 3.插入與設(shè)置圖片4.編輯網(wǎng)頁(yè)鏈接5.設(shè)置網(wǎng)頁(yè)背景音樂(lè)返回1.利用表格布局網(wǎng)頁(yè)1插入并設(shè)置表格活動(dòng)9活動(dòng)102調(diào)整表格返回根據(jù)自己網(wǎng)站布局的需要，插入并設(shè)置表格。根據(jù)自己網(wǎng)站布局的需要，設(shè)置單元格的屬性。2.輸入與編輯文字2編輯文字活動(dòng)11活動(dòng)12返回1輸入文字根據(jù)自己網(wǎng)站的網(wǎng)頁(yè)內(nèi)容的需要，輸入或插入文字。根據(jù)自己網(wǎng)站網(wǎng)頁(yè)內(nèi)容和風(fēng)格的需要，編輯文字，調(diào)整段落。3.插入與設(shè)置圖片1插入圖片 根據(jù)自己網(wǎng)站網(wǎng)頁(yè)布局的需要，在相應(yīng)的單元格內(nèi)插入圖片。2設(shè)置背景圖片3保存圖片 根據(jù)自己網(wǎng)站的需要，設(shè)置背景圖片并保存圖片。返回活動(dòng)14活動(dòng)134.編輯網(wǎng)頁(yè)鏈接選擇鏈接對(duì)象建立超鏈接 返回活動(dòng)12將自己網(wǎng)站

6、中的網(wǎng)頁(yè)之間建立鏈接。5.設(shè)置網(wǎng)頁(yè)背景音樂(lè)為首頁(yè)設(shè)定背景音樂(lè) 1設(shè)置背景音樂(lè) 2保存音樂(lè)文件 返回活動(dòng)16根據(jù)自己網(wǎng)站的需要，設(shè)置背景音樂(lè)并保存音樂(lè)文件。三瀏覽網(wǎng)頁(yè)步驟：1.保存編輯過(guò)的網(wǎng)頁(yè)2.在瀏覽器中預(yù)覽 3.圖723網(wǎng)頁(yè)預(yù)覽效果圖返回圖723網(wǎng)頁(yè)預(yù)覽效果圖四、發(fā)布網(wǎng)站一測(cè)試網(wǎng)站二發(fā)布網(wǎng)站返回一測(cè)試網(wǎng)站在發(fā)布站點(diǎn)之前，應(yīng)該檢查各個(gè)頁(yè)面之間的鏈接、網(wǎng)站的外觀和文件的路徑等，測(cè)試無(wú)誤后，可以發(fā)布網(wǎng)站了。返回二發(fā)布網(wǎng)站網(wǎng)頁(yè)的發(fā)布，就是將制作好的網(wǎng)頁(yè)發(fā)布到WWW中的某臺(tái)web效勞器上的過(guò)程。也就是將用戶(hù)創(chuàng)立在本地計(jì)算機(jī)上的一個(gè)站點(diǎn)復(fù)制到效勞器上指定URL的過(guò)程。 返回上傳自己制作的個(gè)人教學(xué)網(wǎng)站1.

7、首頁(yè)制作要求: 1使用表格布置網(wǎng)頁(yè);2網(wǎng)頁(yè)上要有文字、圖片及背景圖片；3準(zhǔn)確創(chuàng)立網(wǎng)頁(yè)間的超鏈接；4能插入一段背景音樂(lè)；2.其他子網(wǎng)頁(yè)可以依照自己需要進(jìn)行簡(jiǎn)單編輯。作業(yè)任務(wù)：謝謝各位再見(jiàn)！ALX+bmyKV)9lwIU(7jvGS&6htFR$4grDP!2eqCNZ1coAMX+bnyKW)9lxIU(8jvHT&6itFR%4gsEP!3eqCOZ1dpAMY+bnzKW-alxJU(8kvHT*6iuFR%5gsEQ!3fqCO#1dpBMY0bnzLW-amxJV(8kwHT*7iuGS%5hsEQ$3frDO#2dHT*7iuGR%5hsEQ$3frCO#2dpBNY0cozLX-am

8、yJV)9kwIT*7juGS&5htEQ$4frDP#2epBNZ0coALX+amyKV)9lwIU*7jvGS&6htFQ$4grDP!2eqBNZ1coAMX+bnyKW)9lxIU(8jvHS&6itFR%4gsDP!3eqCOZ1doAMY+bnzKW-9lxJU(8kvHT&6iuFR%5gsEP!3fqCO#1dpkwIU*7juGS&5htFQ$4frDP#2eqBNZ0coALX+bmyKV)9lwIU(7jvGS&6htFR$4grDP!2eqCNZ1doAMX+bnyKW-9lxIU(8jvHT&6itFR%4gsEP!3eqCOZ1dpAMY+bnzKW-alxJU(

9、8kvHT*6iuFR%5gsEQ!3fqCO#1dpBMY0cnzLW-amxJV)8kwHT*7iuGS%5hsEQ$3fJV(8kwHT*7iuGS%51coALX+bmyKW)9lwIU(7jvHS&6htFR$4gsDP!2eqCNZ1doAMX+bnyKW-9lxIU(8jfrCO#2dpBNY0cnzLX-amyJV)8kwIT*7juGS%5htEQ$4frDO#2epBNZ0cozLX+amyKV)9lwIU*7jvGS&6htFQ$4grDP!2eqBNZ1coAMX+bmyKW)9lxIU(7jvHS&6itFR$4gsDP!3eqCNZ1doAMY+bnyKW-9lxJ

10、U(8kvHT&6iuFR%5gsEP!3fqCO#1dpAMYiuFR%4gsEP!3fqCOZ1dpAMY0bnzLW-alxJV(8kwHT*6iuGR%5hsEQ!3frCO#2dpBMY0cnzLX-amxJV)8kwIT*7iuGS%5htEQ$3frDO#2epBNZ0cozLX+amyKV)9kwIU*7jvGS&5htFQ$4grDP#2eqBNZ1coALX+bmyKW)9lwIU(7jvHS&6htpBMY0bnzLW-amxJV(8kwHT*7iuGR%5hsEQ$3frCO#2dpBNY0cnzLX-amyJV)8kwIT*7juGS%5htEQ$4frDO#2epB

11、NZ0coALX+amyKV)9lwIU*7jvGS&6htFQ$4grDP!2eqBNZ1coAMX+bmyKW)9lxIU(7jvHS&oAMX+bmyKW)9lxIU(7jvHS&6itFR$4gsDP!3eqCNZ1doAMY+bnyKW-9lxJU(8jvHT&6iuFR%5gsEP!3fqCO#1dpAMY0bnzLW-alxJV(8kwHT*6iuGR%7juGS&5htEQ$4frDP#2epBNZ0coALX+amyKV)9lwIU*7jvGS&6htFQ$4grDP!2eqBhtEQ$4frDO#2epBNZ0cozLX+amyKV)9kwIU*7jvGS&5htFQ$4g

12、rDP!2eqBNZ1cGS&5htFQ$4grDP#2eqBNZ1coALX+bmyKW)9lxIU(7jvHSO#1dpBMY0bnzLW-amxJV(8kwHT*7iuGR%5zLW-amxJV(8kwHT*7iuGR%5hsEQ$3frCO#2dpBNY0cnzLX-amyJV)8kwIT*7juGS%5htEQ$6htFR$4grDP!2eqCNZ1coAMX+bnyKW-9lxIU(8jvHT&6itFR%4gsEP!3eqCOZFQ$4grDP!2eqCNZ1coAMX+bnyKW)9lxIU(8jvHS&6itFR%4gsDP!3eqCOZ1doAMY+dpBMY0cnzLW-

13、amx!3frCO#1dpBMY0cnzLW-amxJV)8kwHT*7iuGS%5hsEQ$3frDO#2dpBNYU(7jvHS&6itFR$4gsDP!3eqCNZ1doAMY+bnyKW-9lxJU(8jvHT&6iuFR%4gsEP!3fJU(83frCO#2dpBNY0cnzLX-amyJV)8kwIT*7juGS%5htEQ$4frDO#2epBNZ0coALX+amyKV)bnyKW)9lxIU(8jvHT&6itFR%4gsEP!3eqCOZ1dpAMY+bnzKW-a5htEQ$3frDO#2epBNY0cozLX+amyJV)9kwIU*7jvGS(7jvHS&6itFR

14、%4gsDP!3eqCOZ1doAMY+bnzKW-9lxJUeqCNZ1doAMY+bniuGS%5hsEQ$3frDO#2dplwIU(7jvHS&6htFR$4gsDP!2eqCNZ1doAMY+bFR$4gsDP!2eqCNZ1dokwHT*7iuGR%5hsEQ$3frCO8kwHT*6iuGR%5hsEQ!3frCO#2dpBNY0cnzLGS&6htFR$4grDP!2eqCNZ1coAMX+bFR$4grnzKW-alxJV(8kvHT*6iuGR%5gsEQ!3frCOKV)9lwIU*7jvGS&6htFQ$4grDP9kwIU*7jvGCOZ1dpAMY+bnzKW-al

15、xJU(8kvHT*6iuFR%5gsEQ!3fqCO#1dpBM#2epBNY0cozLX+amyJV)9kwIU*7juGS&5htX+amyJV)9kwIU*7juGS&5htFQ$4+b7iuGS%5hsEQ$3frDO#2dpBNY0cozLX-amyJV)9kwIT*7jwIU(7jvHS&6htFR$4gsDP!2eqCNZ1doAMX+bnR$4gsDP!2eqCNZ1doAMX+bnyKGR%5hsEQ$3frCO#2wHT*6iuGR%5hsEQ!3frCO#2dpBMY0cnzLX-aZ1dpAMY0bnzKW-alxJV(8kvHT*6iuGR%5gsEQ!3frCO8

16、kvHT*6iuGR%5gsEQ!3frCO#1dpBMY0cnzLWS&6htFQ$4gKV)9kwIU*7jvGS&5htFQ$4grDP#W-alxJU(8kvHT*6iuFR%5gsEQ!3fqC(8kvHDO#2epBNY0cozLX+amyJVR$4gsDP!3eqCNZ1doAMY+bnzKW-9lPLW-amxJV(8kwHT*7iuGS%5hsEQ$3fJV(8kwHT*7iuGR%5hsEQ$3frCO#2dpDP#2eqBNZ0coALX+bmyKW)9lwIU(7jvHS&6hdpAMY0bnzLW-alxJV(8kwHT*6iuGR%5hsES&5htEQ$4frDP

17、#2epBNZ0coALX+amyuFR%4gsEP!3fqCOZ1dpAMY0bnzKW-alxJV(8myJV)8kwIT*7juGS%5htEQ$4frDO#2wIT*7juGS%5htEQ$4frDO#2epBNZ0cojvHS
dpBMY0cnzLX-amxJV)8kwIT*7iuGS%5htE-amxJV)8kwHT*7iuGS%5htEQ$3frDO#2epBN#2eqBNZ1coAMX+bmyKW)9lxIU(7jvHS&6itpBMY0bnzLW-amxJV(8kwHT*7iuGR%5juGS&5htFQ$4frDP#2eqBNZ0coALX+bmyKWR%5gsEP!3

18、fqU(8jvHT&6iuFR%5gsEzLX-amyJV)9kwIT*7juGS&5htEQ$4fJV)9kwIT*7juGS&Z1doAMX+tFR$4gsDP!2eqCNZ1doAMX+bnyKW-9lxIU(8jfrCO#2dpBwIU(7jvGS&6hLX+amyKV)9lwIU*7jvGS&6htHT&6itFR%4gsEP!3eqCOZ1dpAMY0bnzKW-alxJV(8kvHT*6iuGT*7juGS%5htEQ$4frDO#2epBNZ0cozLX+amyKV)MY0cnzLX-amxJV)8kwIT*7iuGS%5htEQ$3frFQ$4grDP!2eqBNZ1coAM

19、X+bmyKW)9lP#2eqBNZ1coAMX+bmyKW)9lxIU(7jvJU(8kvHT*6iuFR%5gsEQ!3fqCO#1dpkwIU*7juGS&5htFQ$4frDP#2eqBNZ0eqCNZ1doAMY+bnyKW-9lxJU(8jvHT&6iuFRNY0cozLX-amyJV)9kwIT*7juG0cozLHS&6htFR$4gsDP!2eqCNZ1doAMX+bFR$4gsDP!2eqCNZ1doAMX+bnyKW-9l0coALX+bmyKV)9lwIU(7jvGS&6htFR$4grD)9lwIU*7jvGS&6htFR$4grDP!2eqCNZ1coAOZ1dpA

20、MY0bnzKW-alxJV(8kvHT*6iuGR%5gcozLX+amyKV)9DO#2epBNZ0cozLX+&6itFR%4gsDP!3eqCOZ1doAMIT*7iuGS%5htEQ$3frDO#2epDP!2eqBNZ1coAMX+bmyKW)9lP#2eqBNZ1coAMX+bmyKW)9lzKW-9lxJU(8kvHT*6iuFBNY0cozLX+amyJV)9kwIU*73eqCNZ1doAMY+bFR$4gsDPLW-amxJV(8kwHT*7iuGS%nzLW-amxJV(8kwHT*7iuIU*7juGS&5htFQ$Y+bnzKW-9lxJU(8kvHT&6iwHT*7iuGS%5hsEQ$3frmyKW)9lwIU(7jvHS&6htFR$4gsDP!5gsEP!3fqCO#1dpAMYiuFR%5gsEP!3fqCO#1)9kwIDP!2eqCNZ1doAMYhtFR$4gsDP!2eqEP!3fqCO#1dpAMY0bnjuGS&5htEQ$4frDP#2eqDP!2eqCNZ1d8kwHT*7iuGR%5zLW-alxJV(8kfrDP#2eqT*7juGS&