1.知識目標:了解利用表格對網(wǎng)頁進行簡單的排版,使網(wǎng)頁整潔有序。
2.能力目標:學會在網(wǎng)頁中插入字幕。熟悉在網(wǎng)頁中插入表格的屬性,學會調(diào)整表格(如調(diào)整表格的大小、合并單元格等)。
3.情感目標:通過用表格排版,解決了網(wǎng)頁版面布局的難題,培養(yǎng)學生在遇到困難時靈活運用各種方法解決問題的能力,增強自我保護的意識。
教學重點:
1、在網(wǎng)頁中插入字幕;
2、表格的調(diào)整。
教學難點:
1、利用表格排版;
2、表格的調(diào)整。
教學過程:
一、創(chuàng)設(shè)教學情景,激發(fā)學生學習興趣
師:同學們你們知道每年在我們身邊有多少意外事故發(fā)生嗎?
有資料顯示,在全球范圍內(nèi),每年約有350萬人死于意外傷害事故,約占人類死亡總數(shù)的6%,是除自然死亡以外人類生命與健康的第一殺手。在很多經(jīng)濟發(fā)達國家,生活意外傷害事故已經(jīng)成為人類非正常死亡的第一死因。
今天我們將制作一個有關(guān)“正確報警”的網(wǎng)頁,相信大家在制作完后能提高自我保護的意識。
二、講授新課
。ㄒ唬┎迦氡砀
師:這是老師做好的作品,大家觀察一下我們應(yīng)該插入幾行幾列的表格?如何調(diào)整表格的屬性呢?
教師演示操作
步驟1:運行FrontPage 2003,以“zqbj.Htm” (正確報警)為文件名,
將網(wǎng)頁文件保存到“D:\施蕾\作品\網(wǎng)頁\自我保護快成長”文件夾中。
步驟2:單擊“常用”工具欄上的“插入表格”按鈕,插入一個3行3列的表格。
步驟3:右擊表格,在彈出的“表格屬性”對話筐中,根據(jù)背景圖片的大小,設(shè)置表格屬性。
步驟4:分別移動光標至表格第2行第2列單元格的各邊線上,調(diào)整該單元格的行高和列高。
。ǘ┨峁C會,學生實踐探究。
1.請同學們?yōu)榫W(wǎng)頁插入表格和背景。
2.設(shè)置表格屬性。
3.調(diào)整單元格的行高和列寬。教師展示學生作品。
。ㄈ┨砑幼帜
師:在網(wǎng)頁中,我們還可以使用滾動字幕能夠讓網(wǎng)頁顯得更活潑。步驟1:選中表格第一行,選擇“表格”→“合并單元格”命令,合并第1行單元格,設(shè)置單元格屬性。
步驟2:插入“web組件”在文本框中輸入字幕文本,設(shè)定滾動方向、速度等參數(shù)。
步驟3:我們在“普通”模式下只能編輯網(wǎng)頁,看不到滾動字幕的效果,切換到“預(yù)覽”模式,字幕動起來了;但是在預(yù)覽模式下,不能進行網(wǎng)頁的編輯。
(四)插入標題
師:制作網(wǎng)頁和寫作文一樣要有個好的標題,但我們網(wǎng)頁可以把標題制作的更漂亮。
步驟1:選擇“表格” →“表格屬性” →“單元格”命令完成單元格屬性設(shè)置。
步驟2:插入藝術(shù)字“正確報警”,調(diào)整藝術(shù)字的形狀。
步驟3:完善網(wǎng)頁,輸入作者信息并進行設(shè)置。
。ㄎ澹┨峁C會,學生實踐探究。
1.添加字幕。
2.插入標題。
展示優(yōu)秀作品。
師:同學們,在這節(jié)課中我們學習了在網(wǎng)頁中設(shè)置背景,為我們今后的網(wǎng)頁制作打下了堅實的基礎(chǔ)。今后,你們肯定會制作出更加漂亮的個人網(wǎng)站。
三、授課完畢,課程總結(jié)
本節(jié)課主要講了以下幾個知識點
1.熟悉在網(wǎng)頁中插入表格的屬性;
2.調(diào)整表格的大小、合并單元格等;
3.學會在瀏覽器中瀏覽網(wǎng)頁;
4.學會插入滾動圖片字幕。
四、課堂作業(yè)