8八年級(jí)第八課自由穿梭

1、庫(kù)爾勒市實(shí)驗(yàn)中學(xué)教案庫(kù)爾勒市實(shí)驗(yàn)中學(xué)八年級(jí)信息技術(shù)備課教案課題第二單元 第 6 課 事半功倍制作網(wǎng)頁(yè)模版年級(jí)八年級(jí)課時(shí)數(shù)2課時(shí)主備人鄭麗麗備課時(shí)間2015-10-12教學(xué)目標(biāo)知識(shí)與技能 1靈活地使用水平線分隔網(wǎng)頁(yè)元素。 2學(xué)會(huì)插入命名錨記以創(chuàng)建錨點(diǎn)鏈接。 3. 掌握電子郵件、網(wǎng)頁(yè)內(nèi)指定位置、網(wǎng)站內(nèi)文件、因特網(wǎng)資源等多種超級(jí)鏈接目標(biāo)的設(shè)置方法。過(guò)程與方法（1）學(xué)生自主學(xué)習(xí)（根據(jù)課本）嘗試完成倒計(jì)時(shí)動(dòng)畫(huà)的制作。（2）學(xué)生分為10小組（4-5人一個(gè)小組），小組合作探究（自主學(xué)習(xí)中所遇到問(wèn)題）。（3）學(xué)生展示，評(píng)價(jià)。教師對(duì)學(xué)生制作動(dòng)畫(huà)中所遇到的問(wèn)題進(jìn)行點(diǎn)評(píng)。情感態(tài)度價(jià)值觀1.聯(lián)系生活實(shí)際，學(xué)習(xí)制作網(wǎng)站

2、模版的基本知識(shí)，激發(fā)學(xué)生的學(xué)習(xí)興趣。2.學(xué)生在協(xié)作與交流過(guò)程中，提高自己的操作能力，肯定自己的價(jià)值。重點(diǎn)難點(diǎn)重點(diǎn)：（1）插入水平線（2）創(chuàng)建錨記鏈接難點(diǎn) （4）表格的高級(jí)應(yīng)用教學(xué)環(huán)境網(wǎng)絡(luò)機(jī)房教學(xué)過(guò)程二次備課環(huán)節(jié)反思一、創(chuàng)設(shè)情境 激發(fā)興趣情境創(chuàng)設(shè)： 當(dāng)初步制作“交通出行”網(wǎng)頁(yè)后，可以看出本頁(yè)包含的內(nèi)容很多，不同主題的文字和圖片羅列在一起，頁(yè)面比較長(zhǎng)，瀏覽起來(lái)不是很方便，因此我們考慮使用水平線分隔元素，并為頁(yè)面添加錨點(diǎn)鏈接，實(shí)現(xiàn)網(wǎng)頁(yè)的局部跳轉(zhuǎn)，快速地將訪問(wèn)者帶到特定主題或者網(wǎng)頁(yè)頂部，使用這種方法，還可以指向不同頁(yè)面的指定位置。學(xué)生：網(wǎng)頁(yè)中有圖像、文本、音頻、視頻。大部分學(xué)生對(duì)于新浪、搜狐等國(guó)內(nèi)知名

3、門(mén)戶網(wǎng)站不感興趣，今后可以嘗試使用WOW主題網(wǎng)站，LOL官放網(wǎng)站等，能激發(fā)學(xué)生學(xué)習(xí)興趣的網(wǎng)站進(jìn)行課題引入。二、明確目標(biāo) 1靈活地使用水平線分隔網(wǎng)頁(yè)元素。 2學(xué)會(huì)插入命名錨記以創(chuàng)建錨點(diǎn)鏈接。 3. 掌握電子郵件、網(wǎng)頁(yè)內(nèi)指定位置、網(wǎng)站內(nèi)文件、因特網(wǎng)資源等多種超級(jí)鏈接目標(biāo)的設(shè)置方法。 學(xué)生能清楚明了的認(rèn)識(shí)到本節(jié)課的學(xué)習(xí)目標(biāo)三、自主學(xué)習(xí)明確探究任務(wù)：閱讀課本P56-P60，完成下列任務(wù)：1. 創(chuàng)建模板2. 定義可編輯區(qū)域自主學(xué)習(xí)參照課本進(jìn)行，有據(jù)可依，便于學(xué)生自主學(xué)習(xí)。四、合作探究交流分享：1.小組內(nèi)交流匯報(bào)。2.在交流分享過(guò)程中，教師在各組之間適當(dāng)點(diǎn)評(píng)指導(dǎo)。3.在此基礎(chǔ)上，鼓勵(lì)學(xué)生進(jìn)行嘗試歸納五、實(shí)

4、踐創(chuàng)作 展示評(píng)價(jià)展示：水平線對(duì)于組織信息很有用。插入水平線，操作比較簡(jiǎn)單，執(zhí)行菜單“插入”HTML “水平線”命令就可以插入默認(rèn)屬性的水平線，其寬度為100%，自動(dòng)填滿所在的單元格，高度默認(rèn)為2個(gè)像素，呈現(xiàn)灰色，帶有陰影。另外，還可以打開(kāi)“插入”工具欄中的HTML工具欄，單擊“水平線”按鈕插入水平線，如圖8.1所示。寬和高：以像素為單位或以頁(yè)面尺寸百分比的形式指定水平線的寬度和高度。 對(duì)齊：指定水平線的對(duì)齊方式（“默認(rèn)”、“左對(duì)齊”、“居中對(duì)齊”或“右對(duì)齊”）。僅當(dāng)水平線的寬度小于瀏覽器窗口的寬度時(shí)，該設(shè)置才適用。 陰影：指定繪制水平線時(shí)是否帶陰影。取消選擇此選項(xiàng)系統(tǒng)將使用純色繪制水平線。 A

5、 編輯窗口中的狀態(tài) BIE中的預(yù)覽效果圖8.2 非所見(jiàn)即所得的水平線這2條水平線屬性如下：寬：100像素高：3像素水平線A：居中對(duì)齊，帶陰影水平線B：右對(duì)齊，無(wú)陰影，顏色#ff3300（2）創(chuàng)建錨記鏈接 選擇要添加鏈接的主題文本，如“非機(jī)動(dòng)車(chē)交通安全”。 單擊“屬性檢查器”中的“HTML按鈕”，再單擊“鏈接”文本框后的“指向文件”按鈕 ，直接拖動(dòng)按鈕到頁(yè)面上，此時(shí)將會(huì)出現(xiàn)黑色的箭頭，我們將此箭頭拖動(dòng)到需要鏈接的錨記即可，如圖8.3所示。 圖8.3 用指向文件鏈接錨記評(píng)價(jià):難度大，學(xué)生的自學(xué)效果差，沒(méi)有能夠完成的學(xué)生，可以考慮將內(nèi)容進(jìn)行一定程度的簡(jiǎn)化來(lái)教導(dǎo)學(xué)生。難度很高，因此可以考慮由教師來(lái)講解需要注意的是，水平線的有些設(shè)置在編輯窗口無(wú)法直接看到效果，需要在IE瀏覽器中預(yù)覽，例如圖8.2所示的為2條不同屬性設(shè)置的水平線在編輯窗口中的狀態(tài)和IE瀏覽器中預(yù)覽效果的對(duì)比。要求完全按照?qǐng)D示要求的來(lái)制作網(wǎng)頁(yè)。在水平線的“屬性檢查器”面板中，可以設(shè)置水平線的寬度、高度、對(duì)齊方式、是否帶有陰影，應(yīng)用的CSS樣等，如要設(shè)置水平線的顏色可使用“快速標(biāo)簽編輯器”按鈕 或在“拆分”視圖中通過(guò)添加代碼操作。教 學(xué)反 思