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