活動(dòng)2：制作網(wǎng)站的主頁

1、?；顒?dòng) 2：制作網(wǎng)站的主頁教學(xué)目標(biāo)：一、知識(shí)與技能1、熟悉網(wǎng)頁制作軟件的窗口界面和常用操作。2、掌握用表格編排頁面的方法。3、提高文字和圖像混合編排的能力。二、過程與方法：認(rèn)識(shí)并熟悉網(wǎng)頁編輯軟件FrontPage ，掌握利用軟件編輯網(wǎng)頁的方法。三：情感態(tài)度與價(jià)值觀：學(xué)習(xí)利用軟件編輯網(wǎng)頁的方法，增強(qiáng)團(tuán)結(jié)協(xié)作的意識(shí)與能力。教學(xué)重點(diǎn)： FrontPage 使用方法。教學(xué)難點(diǎn)：設(shè)計(jì)、編輯網(wǎng)頁的方法。教學(xué)時(shí)間： 4 課時(shí)第一課時(shí)教學(xué)內(nèi)容：認(rèn)識(shí) FrontPage 軟件的操作界面，創(chuàng)建網(wǎng)站，開始制作主頁教學(xué)過程：教學(xué)教師活動(dòng)預(yù)設(shè)學(xué) 生應(yīng)用軟件窗口設(shè)環(huán)節(jié)活 動(dòng)計(jì)預(yù)設(shè)意圖1、復(fù)鞏習(xí)建立網(wǎng)站的基本過程？固2、導(dǎo)

2、主頁相當(dāng)于一個(gè)網(wǎng)站的門，通過它可以語網(wǎng)站最重要的就是網(wǎng)頁， 多個(gè)了解網(wǎng)站的功能和基本結(jié)構(gòu)。網(wǎng)頁通過鏈接關(guān)系構(gòu)成一個(gè)整體。3、講一、 FrontPage 軟件簡(jiǎn)介觀察新FrontPage 功能比較豐富、 簡(jiǎn)軟件單易用。右圖是 FrontPage 軟件的窗口，大家打開軟件后觀察它的結(jié)構(gòu)。下方有四個(gè)視圖模式按鈕，可以改變視圖模式。二、創(chuàng)建網(wǎng)站要在網(wǎng)絡(luò)中建立一個(gè)網(wǎng)站，首先要在計(jì)算機(jī)中創(chuàng)建一個(gè)網(wǎng)實(shí)際上，這個(gè)網(wǎng)站就是一個(gè)文件夾。站，然后在這個(gè)網(wǎng)站中添加主精選資料，歡迎下載。頁和其他層次的頁面。同 步下面我們來建立一個(gè)網(wǎng)站。操作在 E 盤建立一個(gè)名為 “心靈之約”的網(wǎng)站。1、執(zhí)行“文件- 新建”命令，在任務(wù)

3、窗格中選擇 “由一個(gè)網(wǎng)頁組成的網(wǎng)站”2、把網(wǎng)站的位置改為E 盤。如圖所示。3、在 E 盤的盤符后面輸入完成上述操作后，系統(tǒng)在“心靈之約”“心靈之約” ，然后單擊確定網(wǎng)站中生成了“ private”和“ images ”按鈕。兩個(gè)文件夾，并自動(dòng)生成了網(wǎng)頁文件index.htm 。“ private”文件夾用來存放不想供瀏覽者訪問的文件； “ images ”三、制作主頁小 組文件主頁是整個(gè)網(wǎng)站的窗口。 制作討 論夾主頁一定要達(dá)到整齊美觀、 活交流用潑鮮明。來（一）、用表格安排頁面布局存使用表格可以把整個(gè)頁面分放成很多區(qū)域。 編輯時(shí)，首先把圖文字、圖像等素材定位到指定像的單元格中， 然后修飾美化單

4、文件。元格。在主頁index.htm 中插入表同 步格操作1、雙擊文件名 index.htm ，顯示它的頁面編輯區(qū)。2、執(zhí)行“表格 - 插入 - 表格”命令，設(shè)置好參數(shù)， 插入一個(gè)一行一列、寬度為 870 像素、不顯示邊框、居中對(duì)齊的表格。3、在頁面中 敲一下回車鍵后，插入一個(gè)一行六列的表格。4、繼續(xù)插入一個(gè) 2 行 2 列、不顯示邊框的表格， 然后合并其中的第2 行單元格。5、把第3 個(gè)表格的第 1 行第精選資料，歡迎下載。2 列單元格拆分成3 行。6、適當(dāng)調(diào)整表格高度，最后保存網(wǎng)頁。合 作（二）、插入網(wǎng)站標(biāo)題交流1、把插入點(diǎn)移動(dòng)到頁面中的第 1 個(gè)表格中， 然后執(zhí)行 “插入 - 圖片 -

5、來自文件”命令。2、將素材庫中“網(wǎng)站動(dòng)畫標(biāo)題”插入進(jìn)去。3、適當(dāng)調(diào)整標(biāo)題的大小，然后把圖像保存到網(wǎng)站中的images 文件夾里。4、課堂補(bǔ)充練習(xí)：完成課堂所學(xué)內(nèi)容。5、小結(jié)：網(wǎng)頁的布局，表格的插入。6、課后反思成功：不足：精選資料，歡迎下載。第二課時(shí)教學(xué)內(nèi)容：網(wǎng)站主頁制作教學(xué)過程：教學(xué)教師活動(dòng)預(yù)設(shè)學(xué) 生應(yīng)用軟件窗口設(shè)環(huán)節(jié)活 動(dòng)計(jì)預(yù)設(shè)意圖1、復(fù)小 組鞏習(xí)如何調(diào)整網(wǎng)頁布局？可 以固討論2、導(dǎo)語網(wǎng)頁上除了標(biāo)題以外， 還需要放置更多的文字， 給瀏覽者提供豐富的信息。3、講（三）、輸入文字。新1、在第 2 個(gè)表格的 6 個(gè)單元這 部格里分別輸入各個(gè)欄目標(biāo)題。分 可2、設(shè)定文字的格式。獨(dú) 立3、在第 2

6、個(gè)表格的第 1 個(gè)單完成中華民族的傳統(tǒng)美德，源遠(yuǎn)流長(zhǎng)，照亮人心。元格中逐行輸入下面的文字，美德，是至善、至純、至高人性的結(jié)晶，它源然后設(shè)置文字格式。自生活又融入生活，只要我們用心去感悟，就4、將插入點(diǎn)移動(dòng)到文字當(dāng)中，會(huì)發(fā)現(xiàn)它無處不在。 我們要讓心靈閃耀出本性然后執(zhí)行下列操作， 設(shè)置段落的光芒，要付出愛的行動(dòng)，愛親人、愛朋友，格式。愛家庭、愛集體、執(zhí)行“格式 - 段落”操作，然愛國家，熱愛并善后再設(shè)置。這部分學(xué)生學(xué)習(xí)待一切美好的事過，可獨(dú)立操作。物。讓我們從這里開始，邁開愛的步伐，讓心靈永遠(yuǎn)保持美麗的本色！5、在頁面相應(yīng)的位置輸入有文 字精選資料，歡迎下載。圖紅色文字內(nèi)容， 并設(shè)置適當(dāng)輸入的格式

7、。這一6、單機(jī)預(yù)覽視圖按鈕，在窗內(nèi) 容口中可以預(yù)覽網(wǎng)頁的效果。進(jìn) 盡量 完成（四）、配插圖網(wǎng)頁中， 除了文字， 還需要配上插圖，使網(wǎng)頁達(dá)到圖文并茂的效果。1、在“心靈之約”網(wǎng)站的主討 論頁中插入合適的圖像。交 流插入圖片并調(diào)節(jié)圖片的大小，小 組學(xué)生沒有學(xué)過這一內(nèi)容，需加互助強(qiáng)訓(xùn)練。2、保存網(wǎng)頁，把圖像保存到網(wǎng)站中的images 文件夾里。四、完善主頁在網(wǎng)頁中輸入文字、 插入圖像后，為了使網(wǎng)頁更加直觀和美觀，往往還需要進(jìn)一步修飾網(wǎng)頁。（一）、修改網(wǎng)頁標(biāo)題。嘗試修改網(wǎng)站標(biāo)題。1、右擊主頁任意位置，在右鍵菜單中單擊 “網(wǎng)頁屬性” 命令。2、在對(duì)話框中輸入網(wǎng)頁額標(biāo)觀 察題，再單擊確定按鈕。網(wǎng) 站3、保

8、存文件后，在瀏覽器窗標(biāo)題口中預(yù)覽網(wǎng)頁， 觀察所顯示的標(biāo)題。（二）、修改網(wǎng)頁背景默認(rèn)情況下， 我們看到的網(wǎng)頁背景是白色的。把一幅圖像設(shè)定為“心靈之同 步約”主頁的背景。操作1、右擊頁面，單擊快捷菜單中的“網(wǎng)頁屬性”命令。2、按需要操作，把一幅圖像愛讀書，讀好書今天推薦的好書是中華傳統(tǒng)美德格言。該書由人民教育出版社出版，精選格言近300條，涵蓋愛國、修身、立志、進(jìn)德、處世等內(nèi)容，是啟迪人生的良師益友。“配插圖”這一內(nèi)容，在往年都是七年級(jí)上學(xué)期的課程，從去年教材變動(dòng)后，這一內(nèi)容移動(dòng)到了小學(xué)，而我們本地小學(xué)沒有開辦信息技術(shù)這一課程。主頁右擊格式背景圖片（打），然后單擊“瀏覽” 選擇素材庫中的“主頁 -

9、 背景圖”后，單擊確定按鈕即可。這一步，大家在老師的誦讀下，按要求直接操精選資料，歡迎下載。設(shè)成網(wǎng)頁的背景。作即可。3、保存網(wǎng)頁，并把背景圖像文件保存到站點(diǎn)中， 然后瀏覽網(wǎng)頁。（三）、修改單元格樣式跟 蹤1、選定欄目標(biāo)題所在的表格操作并右擊，然后執(zhí)行相應(yīng)的操作2、修改邊框的顏色，并適當(dāng)變粗。3、調(diào)整單元格的高度，適當(dāng)修改單元格中文字的顏色。4、修改單元格中文字的對(duì)齊方式。5、參考右圖，設(shè)置其它單元格的邊框和背景。（四）、設(shè)置單元格的邊距默認(rèn)情況下， 單元格中的文字會(huì)緊貼著單元格的邊框， 影響美觀，如右圖。1、選定單元格并右擊，然后設(shè)置文字與邊框的距離。2、保存后瀏覽網(wǎng)頁。選擇“單元格屬性”“背

10、景” 項(xiàng) （選擇一種顏色）“樣式” （最下面）“格式”（最下面）修改后確定即可。選定單元格并右擊單元格屬性樣式（最下面）邊框，樣式里選擇“無”，襯距中的上下左右都選擇8，然后單擊確定即可。4、課堂補(bǔ)充練習(xí)：完成上述操作。5、小結(jié)：實(shí)際操作時(shí)，可以根據(jù)實(shí)際情況進(jìn)行修改。6、課后反思成功：不足：精選資料，歡迎下載。教學(xué)內(nèi)容：1、制作滾動(dòng)字幕2、插入水平線教學(xué)過程：教學(xué)教師活動(dòng)預(yù)設(shè)環(huán)節(jié)1、復(fù)習(xí)打開前面自己制作的網(wǎng)站， 看看還有哪些方面需要進(jìn)一步加工處理的？2、導(dǎo)語很多網(wǎng)站里我們都能看到滾動(dòng)的字幕，它是怎么實(shí)現(xiàn)的呢？3、講一、制作滾動(dòng)字幕新在“心靈之約” 主頁中添加一行滾動(dòng)字幕。1、單擊第 1 個(gè)表格

11、下方的空行，執(zhí)行“插入 Web組件”命令。2、雙擊“字幕”選項(xiàng)，然后在字幕屬性對(duì)話框中輸入字幕內(nèi)容，設(shè)置參數(shù)。第三課時(shí)學(xué) 生應(yīng)用軟件窗口設(shè)活 動(dòng)計(jì)預(yù)設(shè)意圖鞏觀 察固交流滾動(dòng)字幕中的文字會(huì)從某個(gè)方向順序移動(dòng)，通過動(dòng)態(tài)的方式呈現(xiàn)。網(wǎng)頁中往往用滾動(dòng)字幕來展示一些通知、廣告、標(biāo)語等，而且要求字幕內(nèi)容簡(jiǎn)潔、篇幅短小。小 組互 相查 看制 作效果精選資料，歡迎下載。3、預(yù)覽網(wǎng)頁，可以看到文字從左逐漸向右移動(dòng)。二、插入水平線水平線可以用來劃分網(wǎng)頁中的不同區(qū)域。 如果網(wǎng)頁中內(nèi)容比較多，需要?jiǎng)澐纸缇€以便分類時(shí)，使用水平線是一種比較簡(jiǎn)便的方法。在主頁版權(quán)信息等文字的上方插入一條水平線。1、把指針移動(dòng)行首并單擊，執(zhí)

12、行“插入水平線”命令。2、雙擊插入的水平線， 在“水平線屬性” 對(duì)話框中設(shè)置它的高度和顏色。 最后單擊確定按鈕，設(shè)置完成。4、課堂補(bǔ)充練習(xí)：補(bǔ)充沒有完成的項(xiàng)目；將水平線的線性改成其它的類型。5、小結(jié)：滾動(dòng)字幕和水平線的制作方法。6、課后反思成功：不足：精選資料，歡迎下載。精選資料，歡迎下載。第四課時(shí)教學(xué)內(nèi)容：1、創(chuàng)建電子信箱地址的超鏈接2、創(chuàng)建網(wǎng)站超鏈接教學(xué)過程：教學(xué)教師活動(dòng)預(yù)設(shè)學(xué) 生應(yīng)用軟件窗口設(shè)環(huán)節(jié)活 動(dòng)計(jì)預(yù)設(shè)意圖1、復(fù)鞏習(xí)如何制作滾動(dòng)字幕？指名操固作大屏幕。2、導(dǎo)語訪問者與網(wǎng)站的聯(lián)系方式，最常見的就是電子郵件聯(lián)系方式。而給出的提示文字可以是電子信箱地址或者類似 “歡迎來信” 、“與我們聯(lián)系” 等等。3、講一、在主頁中創(chuàng)建電子信箱地跟 蹤新址的超鏈接。操作1、選定要插入電子信箱地址超鏈接的文字并右擊。2、按右圖操作，建立所選文字與電子信箱地址的超鏈接。建立超鏈接后， 當(dāng)鼠標(biāo)指針指向那里時(shí)，會(huì)出現(xiàn)表示連接的小手標(biāo)志。二、創(chuàng)建網(wǎng)站超鏈接小 組因特網(wǎng)上有很多與我們制作合 作的網(wǎng)頁相關(guān)的網(wǎng)站， 如果在網(wǎng)交流頁中插入這些網(wǎng)站的超鏈接，可以使瀏覽者很方便地瀏覽相關(guān)的網(wǎng)站，擴(kuò)大視野。插入方法：1、在主頁中插入友情鏈接欄目的名稱 .精選資料，歡迎下載。2、選定一個(gè)欄目，創(chuàng)建與它組內(nèi)相應(yīng)的網(wǎng)站的超鏈接。成員如右圖，我們鏈接的網(wǎng)址是人合作，民教育出版社網(wǎng)站的思想品完成德網(wǎng)頁。其它一旦鏈接成功，