設(shè)計(jì)網(wǎng)站的首頁(yè)

第二課設(shè)計(jì)網(wǎng)站首頁(yè)一、教材分析本課是青島版八年級(jí)上冊(cè)第一單元網(wǎng)站設(shè)計(jì)與制作第2課《設(shè)計(jì)網(wǎng)站首頁(yè)》，首頁(yè)如同一本書(shū)的封面，一個(gè)戲曲人物的臉譜，應(yīng)該能夠反映出整個(gè)網(wǎng)站的整體風(fēng)格和特色，讓訪問(wèn)者通過(guò)網(wǎng)站首頁(yè)就能對(duì)整個(gè)網(wǎng)站有所了解。所以，網(wǎng)站首頁(yè)的設(shè)計(jì)是整個(gè)網(wǎng)站設(shè)計(jì)的重點(diǎn)。通過(guò)教師的引導(dǎo)，讓其自主去感受和領(lǐng)悟。要求學(xué)生能模仿范例進(jìn)行操作，解決一些簡(jiǎn)單的實(shí)際問(wèn)題。二、學(xué)情分析八年級(jí)的學(xué)生通過(guò)一年的學(xué)習(xí)，已經(jīng)具備了基本信息素養(yǎng)和操作技能，但網(wǎng)站的設(shè)計(jì)和制作對(duì)學(xué)生來(lái)說(shuō)還是非常陌生的，特別是對(duì)于基礎(chǔ)較差學(xué)生而更是無(wú)從下手，這一單元的教學(xué)對(duì)于學(xué)生和老師都是一次新的挑戰(zhàn)。所以關(guān)于本課的教學(xué)設(shè)計(jì)我經(jīng)過(guò)反復(fù)思考后決定讓學(xué)生邊學(xué)邊做，使學(xué)生在接受學(xué)習(xí)的同時(shí)再進(jìn)行自主學(xué)習(xí)，最終掌握要點(diǎn)，體驗(yàn)成功。同時(shí)這也符合我們新課程環(huán)境下教師專業(yè)引領(lǐng)，學(xué)生自主學(xué)習(xí)的課堂教學(xué)理念。三、教學(xué)目標(biāo)（含重難點(diǎn)）根據(jù)課程標(biāo)準(zhǔn)對(duì)本節(jié)教材內(nèi)容的要求和學(xué)生的認(rèn)知情況，制定以下教學(xué)目標(biāo)：2、技能目標(biāo)：學(xué)會(huì)在網(wǎng)頁(yè)中輸入文字、插入圖片和水平線，學(xué)會(huì)新建、預(yù)覽和3、情感、態(tài)度和價(jià)值觀目標(biāo)：善于從自身的廣告、書(shū)刊中學(xué)習(xí)版面設(shè)計(jì)知識(shí)，并學(xué)以致用。教學(xué)重點(diǎn)、難點(diǎn)：教學(xué)難點(diǎn)是：圖片和水平線屬性的設(shè)置，嵌入式文件的保存。四、教學(xué)方法（教學(xué)方法、學(xué)習(xí)方法）根據(jù)以上制定的目標(biāo)和重難點(diǎn)，以及學(xué)生的認(rèn)知結(jié)構(gòu)，心理特征，我采用以學(xué)生操作為主，輔以情境導(dǎo)入，談話啟發(fā)，示范演示等教學(xué)方法。1、采用任務(wù)驅(qū)動(dòng)的學(xué)習(xí)方式。多媒體網(wǎng)絡(luò)教室、MicrosoftOfficeFrontPage2003、教學(xué)資源：PPT課件、圖片素材。六、教學(xué)過(guò)程：教師：ppt課件；學(xué)生：?jiǎn)?dòng)FrontPage<一>創(chuàng)設(shè)情境導(dǎo)入新課（師：臉譜能準(zhǔn)確反映出人物的性格。如：紅色臉象征忠義、耿直、有血性（關(guān)羽），白色臉表示奸詐多疑（曹操）。一個(gè)網(wǎng)站的“臉”是什么呢？師：我們?nèi)绾谓o我們的網(wǎng)站設(shè)計(jì)臉譜呢？這就是本節(jié)課我們要學(xué)習(xí)的內(nèi)容──設(shè)計(jì)網(wǎng)站首頁(yè)（出示課件）。【教師活動(dòng)】回顧上節(jié)課知識(shí)，按課本第11頁(yè)要求，打開(kāi)上節(jié)課創(chuàng)建的個(gè)人網(wǎng)站“情感小屋”。【學(xué)生活動(dòng)】啟動(dòng)frontpage→文件→打開(kāi)站點(diǎn)，雙擊打開(kāi)“index.htm”首頁(yè)文件，按要求進(jìn)行操作。)任務(wù)一：輸入文字：【學(xué)生活動(dòng)】對(duì)比老師出示網(wǎng)頁(yè)效果進(jìn)行文字的輸入和編輯，比較與Word中操【設(shè)計(jì)意圖】與Word操作大同小異，讓學(xué)生通過(guò)對(duì)比強(qiáng)化記憶。任務(wù)未對(duì)字體型號(hào)和顏色做出明確要求，能充分發(fā)揮學(xué)生的創(chuàng)造力，避免制作出的千篇一律的頁(yè)面，為下一步學(xué)生作品的展示做鋪墊，同時(shí)激發(fā)了學(xué)生的創(chuàng)作興趣。任務(wù)二：插入圖片：【教師活動(dòng)】在網(wǎng)頁(yè)中圖片“歡迎光臨”的右側(cè)插入你喜歡的圖片，并適當(dāng)調(diào)整圖片大小。圖片位置D:\設(shè)計(jì)網(wǎng)站首頁(yè)素材?！緦W(xué)生活動(dòng)】根據(jù)樣例插入相應(yīng)圖片。使用控制柄和設(shè)置圖片屬性兩種方法調(diào)整圖片。方法一：控制柄方法二：設(shè)置圖片屬性任務(wù)三：插入水平線：【教師活動(dòng)】將下面的虛線刪除，插入水平線。要求：寬度為75%、高度為8、居中、顏色為藍(lán)綠色。【學(xué)生活動(dòng)】根據(jù)要求探究完成。任務(wù)四：保存網(wǎng)頁(yè)：【教師活動(dòng)】保存制作好的網(wǎng)頁(yè)。你還有其它保存方法嗎？【學(xué)生活動(dòng)】由學(xué)生探索嵌入式文件保存的技巧?！驹O(shè)計(jì)意圖】網(wǎng)頁(yè)制作中的學(xué)用操作，應(yīng)熟練掌握。任務(wù)五：預(yù)覽網(wǎng)頁(yè)：【教師活動(dòng)】要求學(xué)生使用兩種方法預(yù)覽自己的網(wǎng)頁(yè)，并分析它們各有什么優(yōu)缺點(diǎn)？【學(xué)生活動(dòng)】根據(jù)任務(wù)要求，嘗試使用frontpage預(yù)覽和“瀏覽器”預(yù)覽。【設(shè)計(jì)意圖】讓學(xué)生全面感受網(wǎng)頁(yè)的瀏覽效果。任務(wù)六：添加新網(wǎng)頁(yè)【教師活動(dòng)】給網(wǎng)站添加一個(gè)新的網(wǎng)頁(yè)。你會(huì)幾種方法？哪種更方便？【學(xué)生活動(dòng)】完成操作，并探索新建網(wǎng)頁(yè)的其它方法。比較它們的優(yōu)缺點(diǎn)。<四>綜合實(shí)踐，鞏固與提高，自由創(chuàng)作，遷移運(yùn)用【教師活動(dòng)】將新建的頁(yè)面“new_page_1.htm”更名為“Parents.htm”，根據(jù)老師提供的文字和圖片素材，設(shè)計(jì)制作“我的父母”網(wǎng)頁(yè)，標(biāo)題為：“我的父母”。【學(xué)生活動(dòng)】學(xué)生按照剛才學(xué)習(xí)的內(nèi)容，新建“Parents.htm”網(wǎng)頁(yè)，并給網(wǎng)頁(yè)填充內(nèi)容。小組長(zhǎng)完成制作后巡視組員制作的情況，并進(jìn)行指導(dǎo)，選出本組制作較好的，準(zhǔn)備作品展示。【教師活動(dòng)】讓學(xué)生展示自己小組的作品，先讓學(xué)生評(píng)價(jià)，教師再點(diǎn)評(píng)。【學(xué)生活動(dòng)】學(xué)生評(píng)價(jià)作品【設(shè)計(jì)意圖】讓學(xué)生評(píng)價(jià)作品的優(yōu)缺點(diǎn)，提高認(rèn)識(shí)<六>教學(xué)總結(jié)，設(shè)疑激趣，為下一節(jié)課作好鋪墊【教師活動(dòng)】總結(jié)本節(jié)課的學(xué)習(xí)內(nèi)容?！緦W(xué)生活動(dòng)】學(xué)生派代表總結(jié)本課學(xué)習(xí)內(nèi)容【教師導(dǎo)語(yǔ)】請(qǐng)同學(xué)們通過(guò)瀏覽器預(yù)覽自己剛剛制作的網(wǎng)頁(yè)，然后任意改變?yōu)g覽器窗口的大小，看看網(wǎng)頁(yè)中已經(jīng)排好的版面是不是發(fā)生了變化？有防止這種現(xiàn)象的發(fā)生的辦法嗎？本節(jié)課的