【導(dǎo)讀】3．掌握保存網(wǎng)頁(yè)及預(yù)覽網(wǎng)頁(yè)的方法。過(guò)的保存方法卻有點(diǎn)不同，大家想知道有什么不同嗎？單擊“文件”→“在瀏覽器中預(yù)覽”，打開(kāi)“在瀏。．在FrontPage窗口中單擊“預(yù)覽”按鈕，進(jìn)行預(yù)覽。．觀察使用兩種預(yù)覽方法所顯示的預(yù)覽效果。建立一個(gè)新站點(diǎn)，并輸入文字，保存后預(yù)覽。2．收集整理資料。我們可以制作班級(jí)網(wǎng)站，發(fā)布到因特網(wǎng)上，讓更多的人了解我們班。主題確定后，為了使網(wǎng)站有一個(gè)整體的風(fēng)格。和特色，還需要設(shè)計(jì)網(wǎng)站的結(jié)構(gòu)。同時(shí)要注意使頁(yè)面布局主題突出、美觀大方、有自己。并適當(dāng)調(diào)整對(duì)齊方式和大小。學(xué)生保存文件時(shí)，教師提示學(xué)生看教材第42頁(yè)的“提示”部分。們最好采用表格來(lái)安排版面。這節(jié)課只是對(duì)主頁(yè)進(jìn)行了簡(jiǎn)單的設(shè)計(jì)，在后面的課

　　

【正文】 會(huì)自動(dòng)進(jìn)入寫新郵件的窗口。 制作了許多類似的個(gè)人小檔案網(wǎng)頁(yè)，為了使這些相似的網(wǎng)頁(yè)的顯示效果產(chǎn)生一定的變化，我們可以為每位同學(xué)的個(gè)人檔案網(wǎng)頁(yè)設(shè)置網(wǎng)頁(yè)過(guò)渡效果。 四 .為個(gè)人小檔案網(wǎng)頁(yè)設(shè)置網(wǎng)頁(yè)過(guò)渡效果 1. 在設(shè)置網(wǎng)頁(yè)過(guò)渡效果的網(wǎng)頁(yè)中單擊 “格式 ”→“ 網(wǎng)頁(yè)過(guò)渡 ”，彈出 “網(wǎng)頁(yè)過(guò)渡 ”對(duì)話框； 38 2. 設(shè)置過(guò)渡時(shí)間； 3. 設(shè)置過(guò)渡效果； 4. 單擊 “確定 ”按鈕。 五 .思考與練習(xí) 1. 制作自己小組同學(xué)的個(gè)人小檔案，并設(shè)置好電子郵件的超鏈接 2. 在 制作的網(wǎng)頁(yè)中，設(shè)置網(wǎng)頁(yè)過(guò)渡效果 第十二課 創(chuàng)建書簽 ——頁(yè)面內(nèi)的超級(jí)鏈接 教學(xué)目的與要求： 1. 掌握插入水平線的方法； 2. 掌握插入書簽，建立網(wǎng)頁(yè)內(nèi)超級(jí)鏈接的方法。 教學(xué)重難點(diǎn)： 1. 創(chuàng)建書簽 教學(xué)過(guò)程： 一 .復(fù)習(xí)鞏固 二 .引入新課 同學(xué)們有許多特長(zhǎng)，我們可以通過(guò) “風(fēng)采展示 ”網(wǎng)頁(yè)進(jìn)行展示。 “風(fēng)采展示 ”網(wǎng)頁(yè)下面含有 “習(xí)作園地 ”、 “小小畫廊 ”、 “動(dòng)物世界 ”等頁(yè)面， “習(xí)作園地 ”頁(yè)面下又含有同學(xué)們的許多篇文章。 三 .制作 “風(fēng)采展示 ”網(wǎng)頁(yè) 39 1. 制作 “風(fēng)采展示 ”網(wǎng)頁(yè)，將網(wǎng)頁(yè) 命名為 “”，標(biāo)題為 “風(fēng)采展示 ”。 (1)單擊 “插入 ”→“ 水平線 ”選項(xiàng)，在頁(yè)面插入一水平線； (2)插入一個(gè) 3 行 2 列的表格，邊框粗細(xì)為 1，亮邊框?yàn)樘m色，暗邊框?yàn)榘咨?，并在相?yīng)單元格內(nèi)插入圖片并輸入文字；。 2. 制作 “習(xí)作園地 ”頁(yè)面，將該頁(yè)命名為 “”，標(biāo)題為 “習(xí)作園地 ”。 (1)插入一個(gè)表格，并設(shè)置表格背景； (2)再在這一表格內(nèi)插入一個(gè) 8 行 2 列的表格，設(shè)置為水平居中，在相應(yīng)單元格內(nèi)輸入文章標(biāo)題及序號(hào)。 3. 制作 “習(xí)作園地 ”下的文章。 首先插入 4 行 1 列的表格，分別 在相應(yīng)位置輸入標(biāo)題、作者、文章內(nèi)容，最后一行插入一圖片并建立返回 “習(xí)作園地 ”的超級(jí)鏈接。用相同的方法制作其他文章的頁(yè)面，分別命名為 ， …… 網(wǎng)頁(yè)標(biāo)題為習(xí)作一，習(xí)作二 …… 4. 完成這三級(jí)頁(yè)面的超級(jí)鏈接。 四 .在習(xí)作一創(chuàng)建書簽 {習(xí)作一的文章 “悟空、八戒油城見(jiàn)聞 ”，文章這么長(zhǎng)，分為 “孫悟空三考李西歌 ”、 “豬八戒逛油城 ”兩部分。拖動(dòng)滾動(dòng)條查看很不方便，怎樣才能快速查看任意一部分內(nèi)容呢？ 當(dāng)網(wǎng)頁(yè)中的內(nèi)容較長(zhǎng)時(shí)，我們同樣可以在網(wǎng)頁(yè)內(nèi)部建立超級(jí)鏈接，稱做書簽。它是將網(wǎng)頁(yè)中的一些關(guān)鍵字與網(wǎng) 頁(yè)中的某部分內(nèi)容鏈接起來(lái)，單擊關(guān)鍵字，就會(huì)跳轉(zhuǎn)到相應(yīng)的內(nèi)容。 } 1. 插入書簽。將光標(biāo)定位在超級(jí)鏈接的目標(biāo)位置，即文章第一部分 “孫悟空三考李西歌 ”的前面。 (1)單擊 “插入 ”→“ 書簽 ”選項(xiàng)，彈出 “書簽 ”對(duì)話框； (2)輸入書簽名稱 “孫悟空三考李西歌 ”； (3)單擊 “確定 ”按鈕。 40 這時(shí)，就在指定位置插入了一個(gè)標(biāo)記，這就是我們插入的書簽。 2. 創(chuàng)建超級(jí)鏈接。選中需要建立超級(jí)鏈接的文字，即文章頂端的小標(biāo)題 “孫悟空三考李西歌 ”。 (1)選中文章頂端的小標(biāo)題； (2)單擊 “插入 ”→“ 超鏈接 ”，彈出 “創(chuàng)建 超鏈接 ”對(duì)話框； (3)選中我們已經(jīng)插入的書簽 “孫悟空三考李西歌 ”； (4)單擊 “確定 ”按鈕。 保存網(wǎng)頁(yè)，瀏覽器中預(yù)覽該網(wǎng)頁(yè)，單擊 “孫悟空三考李西歌 ”，這一部分的內(nèi)容就跑到屏幕的頂端了。 五 .思考與練習(xí) 1. 在什么情況時(shí)使用書簽比較方便？ 2. 對(duì)其他幾篇比較長(zhǎng)的文章建立書簽 第十三課 導(dǎo)入文件 教學(xué)目的與要求： 1. 學(xué)會(huì)制作 “小小畫廊 ”網(wǎng)頁(yè)； 2. 掌握導(dǎo)入圖片文件到網(wǎng)站的方法。 教學(xué)重難點(diǎn)： 1. 制作 “小小畫廊 ”網(wǎng)頁(yè) 教學(xué)過(guò)程： 一 .復(fù)習(xí)鞏固 41 二 .引入新 課 “風(fēng)采展示 ”下的 “小小畫廊 ”頁(yè)面可以充分展示同學(xué)們的繪畫作品，今天我門就來(lái)學(xué)習(xí)如何制作 “小小畫廊 ”。 三 .制作 “小小畫廊 ”頁(yè)面 1. 復(fù)制 “模板一 .htm”，粘貼并命名為 “”，網(wǎng)頁(yè)標(biāo)題 “小小畫廊 ”； 2. 插入 5 行 3 列的表格，中間一列單元格設(shè)置白色背景，并調(diào)整列寬； 3. 制作第一幅繪畫作品 (1)在第一行第二列的單元格內(nèi)插入一個(gè) 3 行 3 列的表格； (2)在第一行第三列的單元格內(nèi)插入一個(gè) 2 行 1 列的表格，并調(diào)整好行高與列寬； (3)在單元格內(nèi)設(shè)置背景顏色，輸入文字或插入圖片 ，調(diào)整大??； (4)在單元格內(nèi)輸入文字，插入圖片，調(diào)整大小。 4. 復(fù)制制作好的第一行的表格到后面各行，再將圖片和文字更換一下即可。 四 .導(dǎo)入圖片文件到 images 文件夾中 {在上面的制作中，需要不斷地刪除、插入、調(diào)整大小，太麻煩了。有什么更方便的辦法更換單元格中的圖片呢？ 由于要更換的圖片在網(wǎng)站外，我們可以將它們導(dǎo)入到網(wǎng)站的 images 文件夾內(nèi)，之后在調(diào)用更方便多了。 } 1. 單擊 “文件 ”→“ 導(dǎo)入 ”選項(xiàng)，彈出 “導(dǎo)入 ”對(duì)話框； 2. 單擊 “添加文件 ”添加要導(dǎo)入的文件； 3. 單擊 “修 改 ”，修改文件位置和名字； 4. 單擊 “確定 ”按鈕。 五 .通過(guò) images 文件夾，更換成其他繪畫作品和作者照片。 42 1. 選中第二行的繪畫作品，打開(kāi) “圖片屬性 ”對(duì)話框； 2. 單擊 “瀏覽 ”，更改 “圖片源 ”為 images 文件夾中的 文件； 3. 單擊 “確定 ”按鈕。 六 .思考與練習(xí) 1. 導(dǎo)入圖片有什么好處？ 2. 將自己的計(jì)算機(jī)繪畫作品制作成一個(gè)網(wǎng)頁(yè) 第十四課 動(dòng)畫世界 ——Flash動(dòng)畫的插入 教學(xué)目的與要求： 1. 掌握在網(wǎng)站內(nèi)建立新文件夾的方法； 2. 掌握插入 Flash動(dòng)畫的方法； 3. 制作 “動(dòng)畫世界 ”網(wǎng)頁(yè)。 教學(xué)重難點(diǎn)： 1. 制作 “動(dòng)畫世界 ”網(wǎng)頁(yè) 教學(xué)過(guò)程； 一 .復(fù)習(xí)鞏固 二 .引入新課 網(wǎng)頁(yè)上的 Flash動(dòng)畫能使網(wǎng)頁(yè)有聲有色，吸引更多的朋友。今天，我們就來(lái)學(xué)習(xí)在網(wǎng)頁(yè)中插入 Flash動(dòng)畫作品的方法。 三 .在網(wǎng)站中建立新的文件夾 43 {網(wǎng)站中可以插入多個(gè)動(dòng)畫文件，為了方便地使用和管理這些動(dòng)畫文件，我們可以在網(wǎng)站中建立新的文件夾，然后把所有用到的動(dòng)畫文件導(dǎo)入這個(gè)文件夾中。 } 1. 打開(kāi)網(wǎng)站及文件夾列表，選中要建立新文件夾的站點(diǎn) 文件夾 E:\wxjy； 2. 單擊 “文件 ”→“ 新建 ”→“ 文件夾 ”，在文件夾列表中就會(huì)出現(xiàn)一個(gè)新的文件夾。將這個(gè)新的文件夾改名為 “dhzp”即可。 四 .制作 “風(fēng)采展示 ”下的 “動(dòng)畫世界 ”網(wǎng)頁(yè) 1. 利用模板一新建一個(gè)網(wǎng)頁(yè)，插入 3 行 2 列的表格，調(diào)整好列寬，在第一行輸入動(dòng)畫標(biāo)題，在第三行輸入 “下一個(gè) ”等文字，并進(jìn)行相應(yīng)文字修飾； 2. 插入 Flash動(dòng)畫。將光標(biāo)定位在第二行第二列的單元格 (1)單擊 “插入 ”→“ 高級(jí) ”→“ 插件 ”，彈出 “插件屬性 ”對(duì)話框； (2)單擊 “瀏覽 ”在站點(diǎn)中的 “dhzp”文件 夾內(nèi)選擇文件 “”； (3)單擊 “確定 ”按鈕； (4)在網(wǎng)頁(yè)中會(huì)插入一個(gè)插件的圖標(biāo)，調(diào)整它的大小。 3. 復(fù)制已經(jīng)作好的動(dòng)畫網(wǎng)頁(yè)，粘貼后，更改動(dòng)畫標(biāo)題及插件數(shù)據(jù)源，使其成為新的動(dòng)畫網(wǎng)頁(yè)，并保存； 4. 所有的動(dòng)畫網(wǎng)頁(yè)都制作完成后，完成 “上一個(gè) ”、 “下一個(gè) ”的超級(jí)鏈接即可。 五 .思考與練習(xí) 1. 從網(wǎng)絡(luò)收集一些自己喜歡的 Flash動(dòng)畫 2. 將收集的 Flash動(dòng)畫插入到自己的網(wǎng)站內(nèi) 44 第十五課 找個(gè)地方安家 ——發(fā)布站點(diǎn) 教學(xué)目的與要求： 1. 掌握通 過(guò) HTTP 發(fā)布網(wǎng)站的方法； 2. 掌握通過(guò) FTP 發(fā)布 Web 網(wǎng)站的方法。 教學(xué)重難點(diǎn)： 1. 通過(guò) HTTP 發(fā)布網(wǎng)站； 2. 通過(guò) FTP 發(fā)布 Web 網(wǎng)站。 教學(xué)過(guò)程： 一 .復(fù)習(xí)鞏固 二 .引入新課 網(wǎng)站做好了，要讓更多的人欣賞到我們的網(wǎng)站，需要把網(wǎng)站發(fā)布出去。 完成網(wǎng)站內(nèi)所有網(wǎng)頁(yè)的編輯后，經(jīng)過(guò)檢查無(wú)誤，就可以發(fā)布站點(diǎn)了。網(wǎng)站既可以發(fā)布到 Inter 網(wǎng)上的 “個(gè)人主頁(yè)空間 ”，也可以發(fā)布到學(xué)校的服務(wù)器上，還可以發(fā)布到自己的本地計(jì)算機(jī)上。 三 .在 FrontPage 中將站點(diǎn)發(fā)布到本地計(jì)算機(jī)上 1. 單擊 “文件 ”→“ 發(fā)布站點(diǎn) ”，彈出 “發(fā)布站點(diǎn) ”對(duì)話框； 2. 單擊 “瀏覽 ”，設(shè)置本地的發(fā)布位置為 e:\wxjy站點(diǎn)； 3. 單擊 “確定 ”按鈕； 4. FrontPage 自動(dòng)完成發(fā)布過(guò)程，并顯示發(fā)布進(jìn)度； 5. 發(fā)布完成后單擊 “完成 ”按鈕。 四 .用 FTP 工具軟件 FlashFxp 將我們制作的網(wǎng)站上傳到主頁(yè)空間。 45 {所謂發(fā)布站點(diǎn)，就是將網(wǎng)站內(nèi)容復(fù)制到遠(yuǎn)程服務(wù)器上的過(guò)程。發(fā)布站點(diǎn)也叫 “上傳站點(diǎn) ”。發(fā)布站點(diǎn)時(shí)可以使用專門的文件上傳工具 FTP。 FTP 是什么呢？簡(jiǎn)單的說(shuō)，它是一種網(wǎng)絡(luò)上傳送文 件的方法，可以把我們自己做好的網(wǎng)頁(yè)傳到網(wǎng)絡(luò)上去。 FTP 軟件有很多種，比如 CuteFtp、 FlashFxp、 LeapFtp 等。 除了將做好的網(wǎng)站發(fā)布到本地計(jì)算機(jī)上外，我們還可以通過(guò) FTP 將網(wǎng)站發(fā)布到因特網(wǎng)上。在因特網(wǎng)上，友誼寫網(wǎng)站為我們提供了免費(fèi)的個(gè)人主頁(yè)空間，可以在搜索引擎中以 “免費(fèi)個(gè)人主頁(yè)空間 ”為關(guān)鍵字進(jìn)行搜索，得到結(jié)果，從中選擇一個(gè)來(lái)用。 } 1. 安裝 FTP 工具軟件 FlashFxp； 2. 運(yùn)行 FlashFxp 軟件； 3. 在 FlashFxp 窗口中，單擊 “會(huì)話 ”→“ 快速連接 ”，彈出 “快 速連接 ”對(duì)話框； 4. 輸入用戶名、密碼、服務(wù)器的 IP 地址和端口號(hào)，單擊 “連接 ”按鈕。信息驗(yàn)證無(wú)誤后，返回工作窗口，窗口中顯示連接成功信息； 5. 在窗口右上區(qū)域的本地文件夾中選擇要發(fā)布的網(wǎng)站，在本地文件夾下顯示網(wǎng)站文件和文件夾列表，選取所有網(wǎng)站文件和文件夾，用鼠標(biāo)拖動(dòng)到左邊的FTP 站點(diǎn)。系統(tǒng)開(kāi)始上傳文件。完成后系統(tǒng)顯示上傳成功信息。 五 .思考與練習(xí) 檢查網(wǎng)站的所有鏈接。確認(rèn)無(wú)誤后，把制作的網(wǎng)站發(fā)布到本地或者 Internt上，然后測(cè)試發(fā)布結(jié)果。