【正文】 所謂上傳，就是把本地計(jì)算機(jī)上的文件復(fù)制到站點(diǎn)服務(wù)器上。由于課堂時(shí)間有限，只讓學(xué)生將網(wǎng)站發(fā)布到本機(jī)上，然后通過局域網(wǎng)相互瀏覽別人的網(wǎng)站，對(duì)別人的成果進(jìn)行評(píng)價(jià)。當(dāng)框架網(wǎng)頁訪問的目標(biāo)是與它同一級(jí)別的網(wǎng)頁或它上級(jí)的網(wǎng)頁時(shí)，在設(shè)置超鏈接時(shí)可選擇目標(biāo)框架為新建窗口，這樣在訪問目標(biāo)網(wǎng)頁時(shí)會(huì)打開一個(gè)新的窗口，而不受原有框架的影響。④保存整體框架:文件名為sk，網(wǎng)頁標(biāo)題同上。(二)教學(xué)設(shè)計(jì)與教學(xué)建議：課堂引入分析：框架網(wǎng)頁是一種獨(dú)特的頁面組織方式，學(xué)生從來沒見過這種網(wǎng)頁。教師將解決問題的方法寫在學(xué)習(xí)資料中，讓學(xué)生參考教材和學(xué)習(xí)資料通過自主學(xué)習(xí)或小組合作學(xué)習(xí)的方式來進(jìn)行本節(jié)課的學(xué)習(xí)，在學(xué)生自學(xué)的過程中，讓學(xué)生及時(shí)反饋學(xué)習(xí)成果，學(xué)生遇到的共性問題，可以讓已經(jīng)解決問題的學(xué)生通過多媒體演示操作過程(提倡)，也可以是教師演示操作過程。給網(wǎng)頁重命名時(shí)，注意不要更改文件名的后綴。學(xué)會(huì)利用文件夾列表更改新建網(wǎng)頁的文件名和保存的位置。(6)在網(wǎng)頁正文的每一篇文章末尾，輸入關(guān)鍵字返回頂部，并選取這個(gè)關(guān)鍵字，設(shè)置指向top的超鏈接。學(xué)會(huì)在網(wǎng)頁中插入書簽。打開導(dǎo)航視圖，通過文件夾列表將網(wǎng)頁文件直接拖動(dòng)到導(dǎo)航視圖中合適的位置，待虛線相接，釋放鼠標(biāo)即可。規(guī)定的時(shí)間結(jié)束，檢驗(yàn)學(xué)生完成情況，結(jié)果沒有一個(gè)學(xué)生按時(shí)完成任務(wù)。打開導(dǎo)航視圖，通過文件夾列表將網(wǎng)頁文件直接拖動(dòng)到導(dǎo)航視圖中合適的位置，待虛線相接，釋放鼠標(biāo)即可。htm網(wǎng)頁，單擊懸停按鈕訪問其他網(wǎng)頁，你發(fā)現(xiàn)了什么 為什么會(huì)這樣學(xué)生討論之后，教師小結(jié)共享邊框的作用。裁剪的過程如word中相同。③最多可以插入9張圖片。第6課 幻影移形 創(chuàng)建橫幅廣告(一)本課教學(xué)目標(biāo):學(xué)會(huì)利用組件橫幅廣告管理器在網(wǎng)頁中插入橫幅廣告。最后通過預(yù)覽驗(yàn)證兩個(gè)網(wǎng)頁能否相互訪問。本課圍繞卡通世界欄目，學(xué)習(xí)在網(wǎng)頁中插入橫幅廣告和水平線，并在網(wǎng)頁之間建立超鏈接關(guān)系。最好是自己能看得懂的，如ktsj是卡通世界漢語拼音的聲母。本節(jié)課將圍繞網(wǎng)站中的卡通世界欄目利用共享邊框制作一組風(fēng)格統(tǒng)一的網(wǎng)頁。當(dāng)學(xué)生理解了什么是滾動(dòng)字幕和懸停按鈕之后，操作起來也就變得容易了。這個(gè)環(huán)節(jié)可以采用小組合作共同探究的學(xué)習(xí)方式，然后讓做得漂亮的小組匯報(bào)探究學(xué)習(xí)的成果。在FrontPage中插入表格與在Word中插入表格，有些不同，如下圖所示。盡管用FrontPage制作網(wǎng)頁對(duì)于學(xué)生來說是全新的知識(shí)，但由于FrontPage與Word同屬于Office家族的成員，在許多功能上有太多的相似之處，我們可以在這實(shí)行拿來主義，把在Word中學(xué)習(xí)到的表格知識(shí)拿到FrontPage中，如插入表格，插入或刪除行或列，合并或拆分單元格，設(shè)置行高或列寬，在單元格中插入文字或圖片，設(shè)置單元格中文字或圖片的對(duì)齊方式，對(duì)單元格中的文字設(shè)置字體，字號(hào)，字的顏色等操作，這體現(xiàn)了知識(shí)的遷移思想。會(huì)保存網(wǎng)頁，并將網(wǎng)頁中的圖片保存到images文件夾中。經(jīng)過以上這些準(zhǔn)備工作，就可以創(chuàng)建網(wǎng)站了。對(duì)于學(xué)生來說，建設(shè)一個(gè)網(wǎng)站，是一件比較浩大的工程，要完成這個(gè)任務(wù)，學(xué)生會(huì)感覺到無從入手，不知道怎么做，因此本節(jié)課的重點(diǎn)之一是規(guī)劃網(wǎng)站。e童網(wǎng)相同:常用工具欄與格式工具欄中的大部分工具都一樣，編輯文字和圖片的方法一樣。 認(rèn)識(shí)frontpage第2課 藍(lán)圖設(shè)計(jì) 個(gè)人網(wǎng)站規(guī)劃第3課 花園之匙 創(chuàng)建個(gè)人網(wǎng)站第4課 美景裝飾 修飾首頁第5課 卡通世界 設(shè)置共享邊框第6課 幻影移形 創(chuàng)建橫幅廣告第6課 幻影移形 創(chuàng)建橫幅廣告第8課 聯(lián)合演出 整合欄目第9課 作文樂園 插入導(dǎo)航欄第10課 美文賞析 在網(wǎng)頁中插入書簽第11課 小小戲迷 建網(wǎng)頁做導(dǎo)航第12課 動(dòng)人影音 在網(wǎng)頁中插入音頻和視頻文件第13課 閃客一族 創(chuàng)建框架網(wǎng)頁第14課 動(dòng)感Flash 在網(wǎng)頁中插入flash第15課 成果分享 檢測(cè)與發(fā)布網(wǎng)站第1課 登堂入室教師可以給出制作網(wǎng)頁的素材，讓學(xué)生嘗試在FrontPage 中輸入文字，插入圖片。(三)教學(xué)補(bǔ)充：到下面幾個(gè)網(wǎng)站去欣賞一些精彩的網(wǎng)頁。組內(nèi)的同學(xué)共同商討確定網(wǎng)站名稱，結(jié)構(gòu)，然后分工收集相關(guān)資料，并進(jìn)行分類匯總。由于需要收集的資料很多，為了便于管理這些資料，我們可以把它進(jìn)行分類整理，放在不同的文件夾中。第3課 花園之匙 創(chuàng)建個(gè)人網(wǎng)站(一)本課教學(xué)目標(biāo)：理解網(wǎng)站站點(diǎn)的概念，掌握創(chuàng)建站點(diǎn)的操作。因此本節(jié)課的難點(diǎn)放在如何規(guī)劃網(wǎng)頁的版面上。通過文件夾列表框，我們可以清楚了解網(wǎng)站的建設(shè)情況。(二)教學(xué)設(shè)計(jì)與教學(xué)建議：課堂引入分析：制作好的網(wǎng)頁看起來整齊多了，但白色的背景使得網(wǎng)頁看起來不太美觀，靜止的頁面讓網(wǎng)頁的視覺效果不夠吸引人。本節(jié)課的難點(diǎn)放在插入滾動(dòng)字幕和懸停按鈕上。利用文件夾列表為站點(diǎn)添加新的網(wǎng)頁，并將網(wǎng)頁保存到站點(diǎn)中指定的文件夾里，會(huì)更改網(wǎng)頁標(biāo)題。共享邊框?qū)嶋H是多個(gè)網(wǎng)頁共享的區(qū)域，或者說是公共部分，可以放置任何對(duì)象，如文本，懸停按鈕或圖片等。學(xué)會(huì)利用設(shè)置表格或單元格背景色的方法為網(wǎng)頁添加背景。(2)利用懸停按鈕制作超鏈接：利用超鏈接，可以實(shí)現(xiàn)在網(wǎng)頁間進(jìn)行跳躍式的訪問，這是網(wǎng)頁的一大特點(diǎn)。設(shè)置橫幅廣告超鏈接：設(shè)置超鏈接的方法有多種，除了可以對(duì)懸停按鈕設(shè)置超鏈接外，還可以對(duì)網(wǎng)頁中的文字，圖片，滾動(dòng)字幕和橫幅廣告設(shè)置超鏈接。在網(wǎng)頁中插入橫幅廣告，實(shí)際上就是利用橫幅廣告管理器這個(gè)組件在網(wǎng)頁上開辟一個(gè)區(qū)域，不斷地循環(huán)播放一些圖片，目的有兩個(gè)，一個(gè)是增加了網(wǎng)頁信息的容量，一個(gè)是產(chǎn)生動(dòng)態(tài)效果，使網(wǎng)頁更具吸引力。要理清網(wǎng)頁間的鏈接關(guān)系，尤其是懸停按鈕與網(wǎng)頁間的對(duì)應(yīng)關(guān)系。在制作的過程中教師提出要求:(1)將卡通世界kt。歸納提高分析：本節(jié)課涉及到的知識(shí)可以歸納為以下幾點(diǎn)：(1)將幾個(gè)網(wǎng)頁共有的超鏈接放在共享邊框里，可以大大簡(jiǎn)化創(chuàng)建超鏈接的工作。)(1)創(chuàng)建欄目文件夾zwly。在預(yù)覽作文樂園網(wǎng)頁時(shí)，通過導(dǎo)航欄鏈接，能訪問主頁和它下面的所有子層網(wǎng)頁。將垂直對(duì)齊方式由默認(rèn)選項(xiàng)改為頂邊對(duì)齊選項(xiàng)(3)書簽的名稱可以是字母，數(shù)字或中文，最好使用與內(nèi)容相關(guān)的中文，如用文章的標(biāo)題做書簽的名稱，這樣對(duì)設(shè)置超鏈接有好處，不易造成混亂。如制作一個(gè)電子地圖，設(shè)置熱點(diǎn)的過程如下圖所示。需要注意的是:(1)在導(dǎo)航視圖中新建的網(wǎng)頁文件默認(rèn)的保存位置是在站點(diǎn)文件夾下。(二)教學(xué)設(shè)計(jì)與教學(xué)建議：課堂引入分析：在網(wǎng)頁中加入音頻和視頻，這是學(xué)生非常感興趣的內(nèi)容。第13課 閃客一族 創(chuàng)建框架網(wǎng)頁(一)本課教學(xué)目標(biāo)：理解框架網(wǎng)頁的概念。①保存頂端框架:文件名為sk_top，網(wǎng)頁標(biāo)題為閃客一族。因此在課堂的引入部分可以這樣設(shè)計(jì):首先，請(qǐng)學(xué)生欣賞一組帶有Flash動(dòng)畫的網(wǎng)頁，然后教師給學(xué)生提供一些Flash動(dòng)畫文件讓學(xué)生嘗試插入網(wǎng)頁中。htm網(wǎng)頁指向主頁的超鏈接時(shí)，由于主頁不是框架網(wǎng)頁，如果按默認(rèn)值設(shè)置超鏈接時(shí)，主頁就會(huì)出現(xiàn)在目標(biāo)框架中，造成站點(diǎn)結(jié)構(gòu)的混亂，為避免出現(xiàn)這種現(xiàn)象，在設(shè)置超鏈接時(shí)可選擇目標(biāo)框架為新建窗口，這樣在訪問主頁時(shí)會(huì)打開一個(gè)新的窗口，而不受原有框架的影響。(3)超鏈接是否準(zhǔn)確。只要打開局域網(wǎng)中的任意一臺(tái)計(jì)算機(jī)，啟動(dòng)IE瀏覽器，并在地址欄中輸入該機(jī)的IP地址或者虛擬域名，即可瀏覽已發(fā)布的網(wǎng)站。文 章來源蓮山 課件 w w Y k m在發(fā)布站點(diǎn)前，要對(duì)網(wǎng)站進(jìn)行反復(fù)分析，檢查和測(cè)試，以保證網(wǎng)站是完整和正確的。利用這種方法可以積累很多圖片素材(2)FrontPage提供了10種框架布局模板。其次，讓學(xué)生任意點(diǎn)擊這兩個(gè)網(wǎng)頁上的超鏈接，觀察它們有什么不同。(2)理解相對(duì)路徑與絕對(duì)路徑：在制作網(wǎng)站過程中，理解相對(duì)路徑和絕對(duì)路徑的概念是重點(diǎn)，也是難點(diǎn)。(2)在導(dǎo)航視圖中新建的網(wǎng)頁文件默認(rèn)的保存位置是在站點(diǎn)文件夾下，雖然網(wǎng)頁標(biāo)題更改了，但網(wǎng)頁文件的文件名沒有改。(二)教學(xué)設(shè)計(jì)與教學(xué)建議：1。在導(dǎo)航欄屬性對(duì)話框中，要選擇恰當(dāng)?shù)某溄幽繕?biāo)，如根據(jù)作文樂園欄目的導(dǎo)航結(jié)構(gòu)，在人物寫真網(wǎng)頁中插入導(dǎo)航欄，在導(dǎo)航欄屬性對(duì)話框中，選擇要鏈接的網(wǎng)頁為主頁，父頁和同一層，在預(yù)覽人物寫真網(wǎng)頁時(shí)，通過導(dǎo)航欄鏈接，能訪問主頁，作文樂園和它同一層的所有網(wǎng)頁。因此在課堂引入部分可以這樣設(shè)計(jì):首先，請(qǐng)學(xué)生欣賞兩個(gè)網(wǎng)頁(每個(gè)網(wǎng)頁中都有6個(gè)成語故事)，并按要求完成以下任務(wù):(1)請(qǐng)學(xué)生用最快的速度找到老師說到的成語故事。只有在導(dǎo)航視圖的導(dǎo)航結(jié)構(gòu)中包含的網(wǎng)頁，才能插入導(dǎo)航欄。最后總結(jié)利用導(dǎo)航欄建立超鏈接的方法與其他方法相比有什么優(yōu)勢(shì)。在文件夾列表中，通過網(wǎng)頁文件的圖標(biāo)，就能知道有多少網(wǎng)頁文件處于打開狀態(tài)，如。(2)比方法，看誰采用了與別人不同的方法。下圖所示的是對(duì)橫幅廣告設(shè)置超鏈接的過程。在網(wǎng)頁中建立鏈接關(guān)系需要提示學(xué)生注意以下幾點(diǎn):①兩個(gè)網(wǎng)頁間是可以相互訪問的，有去有回。學(xué)會(huì)為懸停按鈕設(shè)置超級(jí)鏈接。歸納提高分析：本節(jié)課涉及到的知識(shí)可以歸納為以下幾點(diǎn):(1)使用組件橫幅廣告管理器在網(wǎng)頁中插入一組能夠不斷循環(huán)播放的圖片，并且可以設(shè)置圖片出現(xiàn)的時(shí)間，切換效果。然后請(qǐng)學(xué)生欣賞幾個(gè)帶有橫幅廣告效果和水平分割線的網(wǎng)頁，在欣賞的過程中教師提出要求：(1)在網(wǎng)頁上你看到了什么效果，你認(rèn)為這樣制作出來的網(wǎng)頁效果如何 。(3)運(yùn)用共享邊框可以制作一組風(fēng)格統(tǒng)一的網(wǎng)頁。教師小結(jié)網(wǎng)頁標(biāo)題和共享邊框知識(shí)點(diǎn)。(3)為網(wǎng)頁添加背景顏色，背景圖片或背景聲音，可以增加網(wǎng)頁的視覺和聽覺效果。學(xué)習(xí)在網(wǎng)頁中插入滾動(dòng)字幕和懸停按鈕，學(xué)生可參考教材或教師提供的學(xué)習(xí)資料進(jìn)行自主學(xué)習(xí)，如果自學(xué)有困難也可采用小組合作的方式進(jìn)行學(xué)習(xí)。(2)通常在指定寬度時(shí)，選用百分比，并將值設(shè)置為100，表示表格與頁面同寬。(3)用表格來規(guī)劃網(wǎng)頁的版面。因此在課堂引入部分，可以這樣設(shè)計(jì)：首先教師可以準(zhǔn)備兩個(gè)內(nèi)容一樣的網(wǎng)頁，一個(gè)是沒有用表格規(guī)劃版面的，一個(gè)是用表格規(guī)劃版面的，讓學(xué)生觀察預(yù)覽效果，比較哪一個(gè)更好。(3)為了便于管理收集到的素材，我們可以把它進(jìn)行分類整理，放在不同的文件夾中。網(wǎng)站的名稱相當(dāng)于網(wǎng)站的主題，網(wǎng)站中的所有內(nèi)容都要圍繞這個(gè)主題來設(shè)計(jì)，所以確定了名稱，也就確定了網(wǎng)站的大方向。在Word軟件中，利用文件菜單中的另存為Web頁…命令也可以把文檔直接保存成網(wǎng)頁。保存網(wǎng)頁文件時(shí)，圖片是采用嵌入式保存的，即同一個(gè)網(wǎng)頁中的圖片和文字被分開保存。(一)教學(xué)目標(biāo)：理解網(wǎng)站，網(wǎng)頁，首頁(主頁)，導(dǎo)航，超級(jí)鏈接等術(shù)語。由于FrontPage 與Word軟件在界面的風(fēng)格上和功能上有很多相似之處，因此學(xué)生很快能在這個(gè)窗口中找到熟悉的面孔。在普通模式下可以編輯網(wǎng)頁，在預(yù)覽模式下可以預(yù)覽網(wǎng)頁效果，在HTML模式下可以看到網(wǎng)頁的HTML代碼。由此引出要規(guī)劃個(gè)人網(wǎng)站，需要從哪幾方面入手。(2)收集素材并進(jìn)行分類保存。獲取的圖片資料可以用Windows操作系統(tǒng)自帶的畫圖軟件進(jìn)行修改，也可以用Photoshop等專業(yè)繪圖軟件進(jìn)行修改，加工。需要注意的是，在指定新站點(diǎn)的位置框中，需要輸入站點(diǎn)的位置和名稱，如輸入d:\web，d:表示位置在D盤上，web表示站點(diǎn)的名稱，位置和名稱之間用\隔開，不要錯(cuò)輸入成/。打個(gè)形象的比喻，站點(diǎn)就象一本書，而網(wǎng)頁就象書中的一篇一篇的文章。能夠?yàn)榫W(wǎng)頁設(shè)置背景顏色或背景圖片，并為網(wǎng)頁添加背景音樂。(4)設(shè)置表格的邊框和底紋。在網(wǎng)頁中除了把文字做成懸停按鈕外，還可以用圖片制作懸停按鈕，效果是鼠標(biāo)懸停之前為一張圖片，鼠標(biāo)懸停之后換成另外一張圖片。如下圖所示。①單擊改變文件夾②選擇保存的位置③ 單擊確定②每幅圖的顯示時(shí)間以2~3秒最為合適。如果需要的素材圖片尺寸不一致時(shí)，可以通過FrontPage的圖片工具欄中的裁剪工具對(duì)圖片進(jìn)行裁減。教師小結(jié)橫幅廣告，水平線，超鏈接知識(shí)點(diǎn)。網(wǎng)站結(jié)構(gòu)規(guī)劃圖：(2)在網(wǎng)頁中插入水