八年級(jí)下冊(cè)信息技術(shù)教案設(shè)計(jì)(清華版)-資料下載頁
2025-08-05 03:15本頁面
【正文】 五、布置作業(yè)：六、板書設(shè)計(jì)：七、教學(xué)后記：復(fù) 備課 題：第8課 自由穿梭課 題第8課 自由穿梭授課時(shí)間課 型新授課課時(shí)安排一課時(shí)教學(xué)目標(biāo)知識(shí)與技能：1．靈活地使用水平線分隔網(wǎng)頁元素。 2．學(xué)會(huì)插入命名錨記以創(chuàng)建錨點(diǎn)鏈接。 3. 學(xué)習(xí)使用Flash文本作為鏈接對(duì)象。過程與方法：講解、學(xué)生練習(xí)。情感態(tài)度與價(jià)值觀：教學(xué)重點(diǎn)局部連接的插入教學(xué)難點(diǎn)局部連接的設(shè)置于運(yùn)用教具學(xué)具準(zhǔn) 備學(xué)生電腦教學(xué)方法講授法、演示法教 學(xué) 過 程一、導(dǎo)入新課：當(dāng)初步制作“交通出行”網(wǎng)頁后，可以看出本頁包含的內(nèi)容很多，不同主題的文字和圖片羅列在一起，難以區(qū)分，因此我們考慮使用水平線分隔元素，并為頁面添加錨點(diǎn)鏈接，實(shí)現(xiàn)網(wǎng)頁的局部跳轉(zhuǎn)，快速地將訪問者帶到特定主題或者網(wǎng)頁頂部。二、教學(xué)新課（1）插入水平線水平線對(duì)于組織信息很有用。插入水平線，操作比較簡單，執(zhí)行菜單“插入”→HTML →“水平線”命令就可以插入默認(rèn)屬性的水平線，其寬度為100%，高為2個(gè)像素，帶有陰影。另外，還可以打開“插入”工具欄中的HTML工具欄，單擊“水平線”按鈕插入水平線，在水平線的“屬性檢查器”面板中，可以設(shè)置水平線的寬度、高度、對(duì)齊方式、是否帶有陰影，應(yīng)用的CSS樣等，如要設(shè)置水平線的顏色可使用“快速標(biāo)簽編輯器”按鈕 或在“拆分”視圖中通過添加代碼操作。寬和高：以像素為單位或以頁面尺寸百分比的形式指定水平線的寬度和高度。對(duì)齊：指定水平線的對(duì)齊方式（“默認(rèn)”、“左對(duì)齊”、“居中對(duì)齊”或“右對(duì)齊”）。僅當(dāng)水平線的寬度小于瀏覽器窗口的寬度時(shí)，該設(shè)置才適用。 陰影：指定繪制水平線時(shí)是否帶陰影。取消選擇此選項(xiàng)系統(tǒng)將使用純色繪制水平線。 需要注意的是，水平線的有些設(shè)置在編輯窗口無法直接看到效果，需要在IE瀏覽器中預(yù)覽。（2）創(chuàng)建錨點(diǎn)鏈接 在教材中我們將創(chuàng)建錨點(diǎn)鏈接分為兩個(gè)步驟：命名錨記和鏈接錨記。 在進(jìn)行鏈接錨記的時(shí)候，我們采用是在“屬性檢查器”的“鏈接”文本框中輸入錨記名稱的方法，這就要求我們記住各個(gè)錨記對(duì)應(yīng)的主題內(nèi)容才能操作，否則還需要單擊相應(yīng)的錨記名稱，通過該錨記的“屬性檢查器”找到錨記名。其實(shí)，在進(jìn)行鏈接設(shè)置的時(shí)候，錨記也可以像文件一樣，直接被鼠標(biāo)選擇作為鏈接目標(biāo)，其步驟如下： ① 選擇要添加鏈接的主題文本，如“非機(jī)動(dòng)車交通安全”。 ② 單擊“屬性檢查器”中“鏈接”文本框后的“指向文件”按鈕 ，直接拖動(dòng)按鈕到頁面上，此時(shí)將會(huì)出現(xiàn)黑色的箭頭，我們將此箭頭拖動(dòng)到需要鏈接的錨記即可。 用161。176。指向文件161。177。鏈接錨記（3）插入Flash文本 Flash文本與Flash按鈕十分相似，都是在Dreamweaver中制作出的具有Flash效果的網(wǎng)頁元素，都可以設(shè)置超鏈接，當(dāng)給Flash文本設(shè)置好背景色后，其外觀就如同F(xiàn)lash按鈕。 在保存Flash文本的時(shí)候，需要注意的地方是保存路徑，參考Flash按鈕設(shè)置即可，此處不再重復(fù)。三、課堂練習(xí)：在網(wǎng)頁中插入局部連接四、課堂小結(jié)：五、布置作業(yè)：六、板書設(shè)計(jì)：七、教學(xué)后記復(fù) 備課 題：第9課 按圖索驥課 題按圖索驥授課時(shí)間課 型新授課課時(shí)安排一課時(shí)教學(xué)目標(biāo)知識(shí)與技能：1．理解圖像熱點(diǎn)超鏈接的含義2. 學(xué)會(huì)繪制各種形狀的熱區(qū)，并為之設(shè)置鏈接目標(biāo)。過程與方法：情感態(tài)度與價(jià)值觀： 教學(xué)重點(diǎn)圖像熱點(diǎn)超鏈接教學(xué)難點(diǎn)圖像熱點(diǎn)超鏈接教具學(xué)具準(zhǔn) 備學(xué)生電腦教學(xué)方法演示法、講授法教 學(xué) 過 程一、導(dǎo)入新課：在Dreamweaver 8中，允許使用者以多種方式綜合使用圖像，為網(wǎng)站增添生命力，同時(shí)加深瀏覽者對(duì)網(wǎng)站的良好印象。二、教學(xué)新課1）圖像熱點(diǎn)超鏈接 在“家務(wù)勞動(dòng)”頁面中，我們插入了一張尺寸較大的圖像，圖像的不同區(qū)域代表不同的主題內(nèi)容，我們要為此圖像設(shè)置局部圖像鏈接，制作出“一圖多鏈”的效果。在Dreamweaver 中，這種被分為多個(gè)區(qū)域（或稱“熱區(qū)”）的圖像就稱為“圖像地圖”。本圖像地圖包含3個(gè)熱區(qū)，它們鏈接的目標(biāo)既有命名錨記，也有新創(chuàng)建的網(wǎng)頁， 設(shè)置圖像地圖的屬性（2）圖像查看器 在制作圖像查看器之前，先要準(zhǔn)備素材圖片。在Dreamweaver中，對(duì)3種格式圖像的支持是最好的，它們是GIF、JPEG和PNG。但是IE瀏覽器只能部分支持PNG圖像的顯示，所以我們最好選用GIF和JPEG格式的圖像制作圖像檢查器。 我們不僅可以通過執(zhí)行“插入”→“媒體”→“圖像查看器”命令的方法插入圖像檢查器，還可以直接單擊“Flash元素”工具欄中的“圖像查看器”按鈕。 圖像查看器的制作過程也是制作swf格式的Flash動(dòng)畫文件的過程，我們?cè)凇癋lash元素”面板中設(shè)置的參數(shù)直接影響此動(dòng)畫文件的效果。 在“窗口”菜單中，我們會(huì)發(fā)現(xiàn)其實(shí)并沒有“Flash元素”命令，如果打開“標(biāo)簽檢查器”面板，然后在編輯窗口中單擊創(chuàng)建好的圖像查看器的圖標(biāo)，那么“標(biāo)簽檢查器”面板會(huì)自動(dòng)變?yōu)椤癋lash元素”面板，再此設(shè)置圖像查看器的參數(shù)就可以了。 3）網(wǎng)頁與模板分離當(dāng)網(wǎng)頁通過執(zhí)行“修改”→“模板”→“從模板中分離”命令與模板分離之后。三、課堂練習(xí)：完成課本練習(xí)四、課堂小結(jié)：七、教學(xué)后記復(fù) 備窗體頂端Error! Reference source not ! Reference source not ! Reference source not found.窗體底端文案
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號(hào)-1