第5課卡通世界設(shè)置共享邊框

1、第5課 卡通世界 設(shè)置共享邊框教學(xué)目標(biāo)：1、利用"文件夾列表"為站點(diǎn)創(chuàng)建新的文件夾。2、利用"文件夾列表"為站點(diǎn)添加新的網(wǎng)頁(yè)，并將網(wǎng)頁(yè)保存到站點(diǎn)中指定的文件夾里，會(huì)更改網(wǎng)頁(yè)標(biāo)題。3、運(yùn)用"共享邊框"制作一組風(fēng)格統(tǒng)一的網(wǎng)頁(yè)。教學(xué)設(shè)計(jì)與教學(xué)建議：1、課堂引入分析：通過(guò)第1單元的學(xué)習(xí)，學(xué)生已經(jīng)掌握了一般網(wǎng)頁(yè)的制作過(guò)程，會(huì)用表格規(guī)劃網(wǎng)頁(yè)的版面，由于只制作了主頁(yè)，所以還體會(huì)不到網(wǎng)頁(yè)之間可以跳躍訪問(wèn)的神奇。本節(jié)課將圍繞網(wǎng)站中的"卡通世界"欄目利用"共享邊框"制作一組風(fēng)格統(tǒng)一的網(wǎng)頁(yè)。為了讓學(xué)生理解什么是&qu

2、ot;共享邊框"，什么是"網(wǎng)頁(yè)標(biāo)題"，在課堂的引入部分，教師可以這樣設(shè)計(jì):首先，出示一組利用"共享邊框"制作的風(fēng)格統(tǒng)一的網(wǎng)頁(yè)，讓學(xué)生通過(guò)IE瀏覽器欣賞，在欣賞的過(guò)程中教師提出要求:(1)在IE瀏覽器的窗口中，網(wǎng)頁(yè)的文件名是什么 在什么位置可以看到 在標(biāo)題欄上顯示了什么 通過(guò)顯示的內(nèi)容你能知道什么。(2)觀察這組網(wǎng)頁(yè)的內(nèi)容，說(shuō)一說(shuō)它們有什么特點(diǎn)：其次，教師更改其中一個(gè)網(wǎng)頁(yè)的"共享邊框"部分，讓學(xué)生觀察其他幾個(gè)網(wǎng)頁(yè)有什么變化 讓學(xué)生通過(guò)討論歸納出"共享邊框"的特點(diǎn)。教師小結(jié)"網(wǎng)頁(yè)標(biāo)題"和&

3、quot;共享邊框"知識(shí)點(diǎn)。理解了什么是"網(wǎng)頁(yè)標(biāo)題"和"共享邊框"，操作也就變得容易了。教師可以準(zhǔn)備一些學(xué)習(xí)資料和素材，讓學(xué)生通過(guò)自主學(xué)習(xí)或小組合作學(xué)習(xí)的方式來(lái)進(jìn)行本節(jié)課的學(xué)習(xí)，在學(xué)生自學(xué)的過(guò)程中，讓學(xué)生及時(shí)反饋學(xué)習(xí)成果，學(xué)生遇到的共性問(wèn)題，可以讓已經(jīng)解決問(wèn)題的學(xué)生通過(guò)多媒體演示操作過(guò)程(提倡)，也可以是教師演示操作過(guò)程。2、重點(diǎn)內(nèi)容分析：本節(jié)課的重點(diǎn)可以歸納為兩點(diǎn)：(1)更改網(wǎng)頁(yè)標(biāo)題：對(duì)于新建的網(wǎng)頁(yè)，默認(rèn)的文件名為new_page_1。htm，在進(jìn)行保存的時(shí)候，與Word軟件有所不同的是多了一項(xiàng)"網(wǎng)頁(yè)標(biāo)題"，這是一個(gè)非常重

4、要的知識(shí)點(diǎn)，如果學(xué)生弄不清楚什么是"網(wǎng)頁(yè)標(biāo)題"，那么在后面制作網(wǎng)站的過(guò)程中就會(huì)出現(xiàn)站點(diǎn)結(jié)構(gòu)混亂的現(xiàn)象。由于站點(diǎn)中的網(wǎng)頁(yè)一般都是用英文字母或數(shù)字命名的，因此通過(guò)網(wǎng)頁(yè)文件名不能直觀看出網(wǎng)頁(yè)的內(nèi)容，如果將"網(wǎng)頁(yè)標(biāo)題"改成中文，則能夠更清晰地反映網(wǎng)頁(yè)的內(nèi)容。在瀏覽網(wǎng)頁(yè)時(shí)，瀏覽器的地址欄顯示的是網(wǎng)頁(yè)的文件名，而在標(biāo)題欄中則會(huì)直接顯示出網(wǎng)頁(yè)的中文名，這使得站點(diǎn)結(jié)構(gòu)變得更為清晰，為今后網(wǎng)站的建設(shè)帶來(lái)極大的便利。如下圖所示。網(wǎng)頁(yè)標(biāo)題網(wǎng)頁(yè)文件名(2)設(shè)置"共享邊框"：本節(jié)課圍繞網(wǎng)站中的"卡通世界"欄目，學(xué)習(xí)了利用"共享邊框

5、"制作一組風(fēng)格統(tǒng)一的網(wǎng)頁(yè)。對(duì)于學(xué)生來(lái)說(shuō)，理解"共享邊框"的概念是重點(diǎn)，也是難點(diǎn)，解決了這個(gè)問(wèn)題，設(shè)置"共享邊框"也就變得容易了。"共享邊框"實(shí)際是多個(gè)網(wǎng)頁(yè)共享的區(qū)域，或者說(shuō)是公共部分，可以放置任何對(duì)象，如文本，懸停按鈕或圖片等。使用"共享邊框"的好處是，當(dāng)站點(diǎn)中的網(wǎng)頁(yè)非常多時(shí)，其中一個(gè)網(wǎng)頁(yè)的"共享邊框"部分被修改了，其他與之共享的網(wǎng)頁(yè)會(huì)同時(shí)改變，這會(huì)大大減少修改網(wǎng)頁(yè)的工作量。3、歸納提高分析：本節(jié)課涉及到的知識(shí)可以歸納為以下幾點(diǎn)：(1)利用"文件夾列表"為站點(diǎn)創(chuàng)建新

6、的文件夾，文件夾的名稱用字母來(lái)表示。最好是自己能看得懂的，如ktsj是"卡通世界"漢語(yǔ)拼音的聲母。(2)利用"文件夾列表"為站點(diǎn)添加新的網(wǎng)頁(yè)，將網(wǎng)頁(yè)保存到站點(diǎn)中指定的文件夾里，文件名用字母表示，網(wǎng)頁(yè)標(biāo)題用中文表示。這樣在今后瀏覽網(wǎng)頁(yè)時(shí)，瀏覽器的標(biāo)題欄會(huì)直接顯示出中文名，便于識(shí)別網(wǎng)頁(yè)的內(nèi)容，也便于以后進(jìn)行網(wǎng)頁(yè)間的鏈接。(3)運(yùn)用"共享邊框"可以制作一組風(fēng)格統(tǒng)一的網(wǎng)頁(yè)。"共享邊框"是站點(diǎn)上由多個(gè)網(wǎng)頁(yè)共享的區(qū)域，可以放置任何對(duì)象，如文本，懸停按鈕或圖片等。當(dāng)"共享邊框"被修改了，所有共享這個(gè)區(qū)域的網(wǎng)頁(yè)

7、就會(huì)同時(shí)改變。(三)教學(xué)補(bǔ)充：1、關(guān)于網(wǎng)頁(yè)標(biāo)題：由于站點(diǎn)中的網(wǎng)頁(yè)一般都是用英文字母或數(shù)字命名的，因此通過(guò)網(wǎng)頁(yè)文件名不能直觀看出網(wǎng)頁(yè)的內(nèi)容，如果將"網(wǎng)頁(yè)標(biāo)題"改成中文，則能夠更清晰地反映網(wǎng)頁(yè)的內(nèi)容，如下圖中，在"文件夾"視圖中，我們可以清晰地看到，在ktsj文件夾中有5個(gè)網(wǎng)頁(yè)，通過(guò)標(biāo)題，就能知道每個(gè)網(wǎng)頁(yè)的內(nèi)容了。"文件夾"視圖網(wǎng)頁(yè)標(biāo)題：如果在保存網(wǎng)頁(yè)時(shí)，忘了更改網(wǎng)頁(yè)標(biāo)題了，可以通過(guò)網(wǎng)頁(yè)屬性再更改網(wǎng)頁(yè)標(biāo)題，操作過(guò)程如下圖所示。選取網(wǎng)頁(yè)文件右擊單擊"屬性"輸入網(wǎng)頁(yè)標(biāo)題單擊"確定"2、將網(wǎng)頁(yè)中的圖片保存到指定的文件夾中：網(wǎng)頁(yè)中的圖片默認(rèn)的保存位置是站點(diǎn)文件夾下，如果要改變圖片保存的位置，操作過(guò)程如下圖所示。3、