帶框架網(wǎng)頁的設(shè)計(jì)

ID:9266488

大?。?5.00 KB

頁數(shù):2頁

時(shí)間:2018-04-25

帶框架網(wǎng)頁的設(shè)計(jì)_第1頁
帶框架網(wǎng)頁的設(shè)計(jì)_第2頁
資源描述:

《帶框架網(wǎng)頁的設(shè)計(jì)》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、第13課帶框架網(wǎng)頁的設(shè)計(jì)一、教學(xué)目標(biāo):1.知識(shí)目標(biāo)(1)認(rèn)識(shí)框架網(wǎng)頁的作用(2)熟悉常見的布局方式(3)理解導(dǎo)航條的作用2.能力目標(biāo)(1)能根據(jù)網(wǎng)頁的內(nèi)容選擇合適的框架類型(2)能制作正確的超級(jí)鏈接(3)能設(shè)置適宜的框架屬性3.情感目標(biāo)(1)培養(yǎng)學(xué)生對(duì)美的鑒賞能力(2)培養(yǎng)學(xué)生自主探究的精神二、學(xué)情分析通過前面課程的學(xué)習(xí),學(xué)生已經(jīng)基本掌握了單個(gè)網(wǎng)頁的制作方法,能制作超級(jí)鏈接,對(duì)導(dǎo)航條有了初步認(rèn)識(shí)。三、教學(xué)方法演示法、講授法、任務(wù)驅(qū)動(dòng)法四、教學(xué)準(zhǔn)備一個(gè)網(wǎng)站范例(非框架網(wǎng)頁)五、教學(xué)過程導(dǎo)入:展示一個(gè)網(wǎng)站,內(nèi)容是帶導(dǎo)航條和橫幅的若干網(wǎng)頁問題:

2、這個(gè)網(wǎng)站的不同網(wǎng)頁有什么相似的地方或是有什么特點(diǎn)?不同的網(wǎng)頁布局類似,有重復(fù)的部分。這些重復(fù)的部分會(huì)造成制造網(wǎng)頁時(shí)重復(fù)的工作量,那怎么解決這個(gè)問題呢?然后告訴學(xué)生可以利用一種特殊的網(wǎng)頁來解決這個(gè)問題。環(huán)節(jié)1:講解框架網(wǎng)頁框架網(wǎng)頁是一種特殊的網(wǎng)頁,它可將瀏覽器窗口分成不同的區(qū)域,這些區(qū)域我們稱之為框架,每個(gè)框架都可以顯示不同的網(wǎng)頁,這樣相似內(nèi)容的網(wǎng)頁只要做一個(gè)就可以了,以剛才這個(gè)網(wǎng)站為例,我們可以將網(wǎng)頁內(nèi)容分成三個(gè)框架橫幅框架主框架目錄框架環(huán)節(jié)2:新建框架網(wǎng)頁演示創(chuàng)建過程,根據(jù)剛才的分析,我們應(yīng)選擇那種類型的框架網(wǎng)頁?“橫幅和目錄”框架建立

3、好以后,有兩種方式來完成各框架網(wǎng)頁的內(nèi)容:(1)“設(shè)置初始網(wǎng)頁”,引入一個(gè)已經(jīng)存在的網(wǎng)頁;(2)“新建網(wǎng)頁”;任務(wù):制作框架網(wǎng)頁環(huán)節(jié)3:保存網(wǎng)頁,并觀察這樣一個(gè)框架網(wǎng)頁實(shí)際上包含有幾個(gè)網(wǎng)頁,各個(gè)網(wǎng)頁的內(nèi)容與框架之間有什么聯(lián)系,可以單獨(dú)打開每個(gè)網(wǎng)頁文件查看其內(nèi)容。<學(xué)生操作、回答>保存時(shí)要注意什么?文件名要取得有意義,這樣就可以通過文件名來了解這個(gè)網(wǎng)頁實(shí)際上是對(duì)應(yīng)的哪個(gè)框架。環(huán)節(jié)4:制作其他內(nèi)容的網(wǎng)頁三個(gè)框架中哪些框架的是重復(fù)的?哪些是不重復(fù)的?重復(fù)的內(nèi)容與不重復(fù)的內(nèi)容在制作網(wǎng)頁時(shí)有什么不同?(重復(fù)的內(nèi)容只需要做一個(gè)網(wǎng)頁就可以了,不重復(fù)的內(nèi)

4、容需要做不同的網(wǎng)頁)環(huán)節(jié)5:制作超級(jí)鏈接網(wǎng)頁已經(jīng)做好了,現(xiàn)在需要將它們鏈接起來,和以前做超級(jí)鏈接有什么不同?請(qǐng)大家自己嘗試一下,制作好后自己測(cè)試一下網(wǎng)頁能否按照你的意圖進(jìn)行鏈接環(huán)節(jié)6:進(jìn)一步完善框架網(wǎng)頁(設(shè)置框架屬性)默認(rèn)的框架有一條邊框,讓人一眼就能看出這是框架網(wǎng)頁,另外看上去也不是很舒服,使網(wǎng)頁支離破碎缺乏整體感。能否讓這個(gè)邊框線消失呢?<學(xué)生操作>小結(jié):利用框架屬性設(shè)置除了可以不顯示邊框線之外還可以對(duì)框架網(wǎng)頁其他屬性進(jìn)行修改,例如框架的大小、是否可以在瀏覽器中調(diào)整頁面的大小、顯示滾動(dòng)條等等。環(huán)節(jié)6:總結(jié):框架在網(wǎng)頁制作中起了什么作用

5、?六、教學(xué)建議

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無此問題,請(qǐng)放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。
关闭