【正文】 1 第一課時(shí)：復(fù)習(xí) 第二課時(shí)： 第 一 課 認(rèn)識(shí) Frontpage ——制作第一個(gè)網(wǎng)頁(yè) 教學(xué)目 標(biāo) ： 認(rèn)識(shí) Frontpage 窗口組成。 2．掌握 制作簡(jiǎn)單網(wǎng)頁(yè) 的方法； 3．掌握保存網(wǎng)頁(yè)及預(yù)覽網(wǎng)頁(yè)的方法。 教學(xué)重難點(diǎn)： 1． 制作網(wǎng)頁(yè) ； 2．保存網(wǎng)頁(yè)； 3．預(yù)覽網(wǎng)頁(yè)。 教學(xué)過(guò)程： 一 ． 導(dǎo) 入新課 目前，可以制作網(wǎng)站的工具軟件非常多，我們選用 FrontPage 作為網(wǎng)站制作的工具軟件。 二 ． 新授 1． 認(rèn)識(shí) FrontPage 窗口 制作簡(jiǎn)單的 網(wǎng)頁(yè) 認(rèn)識(shí)了 FrontPage 窗口后，就可以利用 FrontPage 制作網(wǎng)頁(yè)了。 教師演示在 FrontPage 的編輯區(qū)制作一個(gè)簡(jiǎn)單網(wǎng)頁(yè)的方法。 2 保存網(wǎng)頁(yè) 師質(zhì)疑：網(wǎng)頁(yè)做好后，按照我們的老習(xí)慣，應(yīng)該把這個(gè)網(wǎng)頁(yè)怎么處理呢？ 生：保存?? 師：對(duì)，同學(xué)們說(shuō)的好極了。但大家知道嗎？保存網(wǎng)頁(yè)的方法和我們以前學(xué)過(guò)的保存方法卻有點(diǎn)不同，大家想知道有什么不同嗎？ 師演示保存網(wǎng)頁(yè)的方法。 瀏覽網(wǎng)頁(yè) 師：網(wǎng)頁(yè)保存了嗎？保存后的網(wǎng)頁(yè)該怎么打開(kāi)呢？ 生嘗試打開(kāi)網(wǎng)頁(yè) 教師演示打開(kāi)網(wǎng)頁(yè)的兩種方法： （ 1） ．在瀏覽器中預(yù)覽網(wǎng)頁(yè)。單擊 “文件 ”→“ 在瀏覽器中預(yù)覽 ”，打開(kāi) “在瀏覽器中預(yù)覽 ”對(duì)話框，單擊預(yù)覽。 （ 2） ．在 FrontPage 窗口中單擊 “預(yù)覽 ”按鈕，進(jìn)行預(yù)覽。 （ 3） ．觀察使用兩種預(yù)覽方法所顯示的預(yù)覽效果。 5．思考與練習(xí) 建立一個(gè)新站點(diǎn)，并輸入文字，保存后預(yù)覽。 課堂小結(jié) 本節(jié)課所學(xué)知識(shí)點(diǎn)： （ 1）認(rèn)識(shí)了制作網(wǎng)頁(yè)的軟件： FrontPage （ 2）學(xué)習(xí)了用 FrontPage 制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)。 （ 3）學(xué)習(xí)了保存網(wǎng)頁(yè)和瀏覽網(wǎng)頁(yè)的方法 3 第 3 課時(shí)： 第 二 課 規(guī)劃網(wǎng)站與創(chuàng)建站點(diǎn) 教學(xué)目標(biāo)： 1．了解網(wǎng)站建設(shè)規(guī)劃流程； 2．收集整理資料。 掌握打開(kāi)站點(diǎn) 、創(chuàng)建站點(diǎn) 的方法； 掌握在站點(diǎn)中增加文件夾 和創(chuàng)建一個(gè)簡(jiǎn)單網(wǎng)頁(yè)。 學(xué)會(huì)在網(wǎng)頁(yè)中插入圖片和插入水平線。 通過(guò)本課學(xué)習(xí)，進(jìn)一步了解網(wǎng)絡(luò)，揭開(kāi)網(wǎng)絡(luò)在學(xué)生心中的神秘面紗。增強(qiáng)學(xué)生學(xué)習(xí)信息技術(shù)的自信心。 教學(xué)重難點(diǎn)： 1．網(wǎng)站的規(guī)劃。 創(chuàng)建站點(diǎn)。 在站點(diǎn)中創(chuàng)建網(wǎng)頁(yè) 教學(xué)過(guò)程： 一．引入新課 我們的校園生活豐富多彩，班級(jí)活動(dòng)活潑有趣，怎樣讓遠(yuǎn)方的伙伴了解我們的校園生活呢？為了更好地展示我們班級(jí)的風(fēng)采，讓更多的人認(rèn)識(shí)和欣賞我們，我們可以制作班級(jí)網(wǎng)站，發(fā)布到因特網(wǎng)上，讓更多的人了解我們班。 二、新授 設(shè)計(jì)網(wǎng)站結(jié)構(gòu) 要建立網(wǎng)站，首先要確定主題。主題確定 后，為了使網(wǎng)站有一個(gè)整體的風(fēng)格和特色，還需要設(shè)計(jì)網(wǎng)站的結(jié)構(gòu)。 大屏幕出示一個(gè)簡(jiǎn)單的網(wǎng)站的結(jié)構(gòu)讓學(xué)生了解網(wǎng)站的結(jié)構(gòu)。 4 網(wǎng)站是由多個(gè)網(wǎng)頁(yè)鏈接組成的，在開(kāi)始制作網(wǎng)站前最好做好整體規(guī)劃。 （ 1） ．確定網(wǎng)站主題。網(wǎng)站的主題決定制作網(wǎng)站的風(fēng)格，決定網(wǎng)站所包含的網(wǎng)頁(yè)信息。 （ 2） ．搜集素材。通過(guò)多種渠道搜集網(wǎng)站所需要的各種素材。 （ 3） ．篩選、整理素材。對(duì)搜集來(lái)的素材進(jìn)行必要的挑選、修改、編排、整理，篩選出各類網(wǎng)頁(yè)所需要的素材。有時(shí)還需要根據(jù)實(shí)際情況自己動(dòng)手完成一些必要的文字、圖片等素材。 （ 4） ．做好網(wǎng)站建設(shè)規(guī)劃。根據(jù) 我們篩選、整理的素材，按照不同的分類，規(guī)劃整理到不同的網(wǎng)頁(yè)中。同時(shí)要注意使頁(yè)面布局主題突出、美觀大方、有自己的特色。 （ 5） ．選擇網(wǎng)頁(yè)制作軟件，開(kāi)始制作。 創(chuàng)建站點(diǎn) （ 1） ．打開(kāi) FrontPage，單擊 “文件 ”→“ 新建 ”→“ 站點(diǎn) ”，打開(kāi) “新建 ”對(duì)話框。 （ 2） ．選擇 “空站點(diǎn) ”，鍵入站點(diǎn)的保存位置和名稱，單擊 “確定 ”按鈕。 在 FrontPage 中創(chuàng)建站點(diǎn)后，會(huì)自動(dòng)在站點(diǎn)文件夾內(nèi)創(chuàng)建兩個(gè)文件夾，用于制作網(wǎng)頁(yè)時(shí)存放各類資源。 在自建站點(diǎn)中制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè) 站點(diǎn)建好后，就可以在站點(diǎn)中制作網(wǎng)頁(yè)了。 制作網(wǎng)頁(yè) 的一般步驟： （ 1）如果你建好的站點(diǎn)已經(jīng)關(guān)閉，需要先打開(kāi)站點(diǎn)：?jiǎn)螕?—— 文件 —— 打開(kāi)站點(diǎn) —— 選擇建好的站點(diǎn)名 —— 打開(kāi)。 （ 2）在窗口的編輯區(qū)中輸入網(wǎng)頁(yè)的標(biāo)題和正文內(nèi)容。設(shè)置文章的字體、字號(hào)、格式等。設(shè)置方法同 WORD。 （ 3） 如要在網(wǎng)頁(yè)中插入圖片，插入的方法和 WORD 相同 5 （ 4）為了美觀和網(wǎng)頁(yè)中的不同內(nèi)容界限更加分明，也可以在網(wǎng)頁(yè)中插入水平線。方法如下： 單擊 —— 插入菜單 —— 水平線。雙擊插入的水平線，可以設(shè)置水平線的寬度、高度、顏色等屬性。 （ 5）保存網(wǎng)頁(yè)。 鞏固練習(xí)： （ 1）在自己的文件夾里建立一個(gè)名為 “我的網(wǎng)站”的站點(diǎn)。 （ 2）在站點(diǎn)里創(chuàng)建一個(gè)名為“ sound”和“ text”文件夾 （ 3）打開(kāi)“我的網(wǎng)站”，創(chuàng)建一個(gè)介紹四完小校園的網(wǎng)頁(yè) 網(wǎng)頁(yè)內(nèi)容為：標(biāo)題：四完小簡(jiǎn)介 正文內(nèi)容和要插入的圖片都保存在E 盤陳老師文件夾里。 （ 4）在標(biāo)題的上文插入一條水平線。顏色為綠色，寬度和高度自己設(shè)置 （ 5）做完后保存網(wǎng)頁(yè)。 課堂小結(jié) 本課所學(xué)知識(shí)點(diǎn)： 設(shè)計(jì)網(wǎng)站結(jié)構(gòu) 收集加工素材 創(chuàng)建站點(diǎn) 在站點(diǎn)中創(chuàng)建一個(gè)簡(jiǎn)單的網(wǎng)頁(yè) 6 第 5 課時(shí)： 第 三 課 制作網(wǎng)站主頁(yè) 教學(xué)目標(biāo)： 學(xué)習(xí)如何布局 主頁(yè)更能吸引瀏覽者。 學(xué)會(huì)在布局主頁(yè)時(shí)利用插入表格的方法來(lái)安排版面。 學(xué)會(huì)在主頁(yè)中輸入文字、修飾文字、插入圖片。 在本課學(xué)習(xí)過(guò)程中，給學(xué)生自由發(fā)揮的空間，學(xué)生可以充分發(fā)揮其想象力和創(chuàng)造力，同時(shí)培養(yǎng)學(xué)生綜合運(yùn)用知識(shí)的能力。 教學(xué)重難點(diǎn)： 運(yùn)用表格設(shè)計(jì)版面的布局 教學(xué)課時(shí)： 2 課時(shí) 教學(xué)過(guò)程： 一、 新課導(dǎo)入 師：一個(gè)網(wǎng)站的內(nèi)容和特色往往體現(xiàn)在瀏覽者看到的第一個(gè)頁(yè)面 主頁(yè)上，如果我們把主頁(yè)設(shè)計(jì)的新穎、獨(dú)特、美觀，那么肯定會(huì)吸引很多瀏覽者訪問(wèn)我們的網(wǎng)站。今天我們就來(lái)學(xué)習(xí)制作網(wǎng)站的主頁(yè)。 二、新授 師：制作網(wǎng)站主頁(yè)前，首先要設(shè)計(jì)好主頁(yè)的版面布局，確定網(wǎng)站的大標(biāo)題、各欄目的名稱 、文字、圖片等的擺放位置。下面就讓我們一起來(lái)為我們學(xué)校設(shè)計(jì)制作一個(gè)漂亮的主頁(yè)吧。 師演示在主頁(yè)中插入 如下 用 表格布局 的 版面。 7 伊金霍洛旗第四小學(xué) 美麗校園 組織機(jī)構(gòu) 校園明星 師資隊(duì)伍 網(wǎng)上調(diào)查 關(guān)于我們 學(xué)校簡(jiǎn)介 插圖 插圖 電子郵件插圖 版權(quán)信息 三、鞏固練習(xí)， 出示任務(wù)： 學(xué)生仿照 老師設(shè)計(jì)的版面制作學(xué)校主頁(yè)的版面。 制作好版面后，輸入 標(biāo)題和 欄目文字，并將 標(biāo)題文字居中，設(shè)置成黑體、紅色、 7 號(hào)，欄目 文字設(shè)置為 ：藍(lán)色、黑體、 5 號(hào)。 在表格需要插圖的地方插入學(xué)校的全景圖。并適當(dāng)調(diào)整對(duì)齊方式和大小。 將制作好的主頁(yè)保存到自己的網(wǎng)站中。 學(xué)生保存文件時(shí)，教師提示學(xué)生看教材第 42 頁(yè)的“提示”部分。 師提問(wèn)：“提示”告訴我們，對(duì)網(wǎng)站的主頁(yè)文件名有什么要求？ 生答?? 教師強(qiáng)調(diào)：網(wǎng)站的主頁(yè)文件名一般都要命名為： . 四、小結(jié)： 本課重點(diǎn)學(xué)習(xí)了設(shè)計(jì)一個(gè)主頁(yè)的版面，一般為使主頁(yè)的頁(yè)面整齊、有序，我們最好采用表格來(lái)安排版面。這節(jié)課只是對(duì)主頁(yè)進(jìn)行了簡(jiǎn)單的設(shè)計(jì)，在后面的課中我們會(huì)一步步的完善我們學(xué)校的這個(gè)主頁(yè)以 及整個(gè)網(wǎng)站。 8 第 7 課時(shí)： 第 四 課 修飾網(wǎng)站主頁(yè) 教學(xué)目標(biāo)： 掌握 表格背景的設(shè)置方法。 學(xué)會(huì)在主頁(yè)中制作懸停按鈕。 學(xué)會(huì)在主頁(yè)中制作歡迎字幕。 讓學(xué)生通過(guò)一步步修飾網(wǎng)站主頁(yè)，體驗(yàn)成就感，從而培養(yǎng)學(xué)生對(duì)信息技術(shù)的興趣。 教學(xué)重難點(diǎn)：設(shè)置表格背景、制作懸停按鈕和歡迎字幕 教學(xué)課時(shí)： 2 課時(shí) 教學(xué)過(guò)程： 一、 導(dǎo)入新課 師：在網(wǎng)頁(yè)中插入表格、輸入文字、插入圖片，看起來(lái)這個(gè)主頁(yè)已經(jīng)是整齊劃一了，但同學(xué)們有沒(méi)有覺(jué)得還有什么不滿的地方嗎？ 生：觀察?? 二、新授 設(shè)置表格背景 師：讓我們?cè)囍?給主頁(yè)中的表格加一個(gè)背景，看看會(huì)怎么樣？ 教師演示“設(shè)置表格背景”的操作方法： 第一步：打開(kāi)“自己的站點(diǎn)” 第二步：打開(kāi)“自己的站點(diǎn)”中的“ ”主頁(yè)文件。 第三步：在表格中單擊右鍵。選擇“表格屬性”，打開(kāi)“表格屬性”對(duì)話框。 9 第四步： 選擇“使用背景圖片”選項(xiàng)，然后單擊“瀏覽”按鈕，打開(kāi)“選擇背景圖片”對(duì)話框，找到要用來(lái)設(shè)置背景的圖片后雙擊，再單擊“確定”按鈕即可。 師：設(shè)置表格背景的時(shí)候，要注意插入的圖片和表格中的文字搭配，否則會(huì)讓整個(gè)表格顯得凌亂不堪，那要就適得其反了。 任務(wù)： 請(qǐng)給你的主頁(yè) 中的表格設(shè)置一個(gè)漂亮的背景。 學(xué)生完成任務(wù)后保存 二、制作懸停按鈕 師： 下面讓我們來(lái)美化“伊金霍洛旗第四小學(xué)”主頁(yè)中的每一個(gè)欄目按鈕。 師演示操作方法： 第一步：選擇主頁(yè)中的第一個(gè)欄目“校園風(fēng)景” 第二步：選擇“插入” —— WEB 組件 —— 交互式按鈕 —— 完成 第三步：設(shè)置按鈕文字、顏色、背景等。設(shè)置好后確定即可。 任務(wù)：請(qǐng)你把主頁(yè)中的所有欄目按鈕都做成自己喜歡的懸停按鈕。 學(xué)生完成任務(wù) 三、制作滾動(dòng)字幕 師： 我們經(jīng)常會(huì)在網(wǎng)站上看到一行或多行滾動(dòng)的文字，就和電影中移動(dòng)的字幕一樣，非常有趣。今天，我們學(xué)習(xí)制作滾動(dòng)字 幕的方法。 （在制作滾動(dòng)字幕之前，要確定字幕的位置。我們可以將 主題 “伊金霍洛旗第四小學(xué) ”單元格拆分為兩行，下面一行用于放置字幕。） 拆分單元格的方法：將光標(biāo)定位在要拆分的單元格中，然后 “表格 ”→“ 拆分單元格 ”，彈出 “拆分單元格 ”對(duì)話框； ，如：拆分成行； ，如： 2 行； 10 “確定 ”按鈕。 將光標(biāo)定位在要插入字幕的單元格中， 1. 單擊 “插入 ”→“ 組件 ”→“ 字幕 ”，彈出 “字幕屬性 ”對(duì)話框； 2. 輸入文字； 3. 單擊 “確定 ”按鈕。 {在一個(gè)內(nèi)容較復(fù)雜的網(wǎng)頁(yè)中，要較好地定位內(nèi)容，需要對(duì)表格進(jìn)行分割、行列的插入或刪除、單元格的合并、拆分等。這些操作都可以在 “表格 ”菜單中進(jìn)行，操作方法也很相似。 } 任務(wù)：學(xué)生 把 “歡迎來(lái)到伊金霍洛旗第四小學(xué)”做成滾動(dòng)字幕。 四、課堂小結(jié)： 11 第 9 課時(shí)： 第 五 課 制作校園