第四課在網(wǎng)頁中插入表格與圖片

1、第四課在網(wǎng)頁中插入表格與圖片一、 教學(xué)目標(biāo)分析課堂標(biāo)準(zhǔn)讓學(xué)生掌握利用表格來布局網(wǎng)頁信息的方法。掌握在網(wǎng)頁中插入圖形圖像。知識(shí)與技能1. 掌握在網(wǎng)頁中插入表格的方法l 學(xué)會(huì)插入表格l 學(xué)會(huì)調(diào)整表格2. 掌握在網(wǎng)頁中插入圖片的方法l 學(xué)會(huì)插入圖片l 學(xué)會(huì)調(diào)整圖片l 學(xué)會(huì)插入水平線及使用列表。過程與方法采用任務(wù)驅(qū)動(dòng)的方法，自主學(xué)習(xí)，再通過分組探究，技能競(jìng)賽，協(xié)作學(xué)習(xí)，讓學(xué)生在輕松的氛圍下學(xué)習(xí)，具有使用搜索引擎技巧的能力。情感態(tài)度與價(jià)值觀1、 培養(yǎng)學(xué)生協(xié)作學(xué)習(xí)、互相幫助的精神2、 培養(yǎng)學(xué)生的探索精神和主動(dòng)學(xué)習(xí)的習(xí)慣。四、教學(xué)重點(diǎn)、難點(diǎn)與解決措施重點(diǎn)：插入與調(diào)整表格技巧，插入圖片的技巧難點(diǎn)：插入與調(diào)整表

2、格的技巧解決措施：讓學(xué)生通過瀏覽網(wǎng)頁，并下載網(wǎng)上利用表格定位的網(wǎng)頁，通過網(wǎng)頁制作工具，打開所下載的網(wǎng)頁，并將其中的圖片刪除來達(dá)到認(rèn)識(shí)表格的目的，然后利用競(jìng)賽的活動(dòng)，讓學(xué)生們參與其中，由此來引導(dǎo)學(xué)生對(duì)網(wǎng)頁設(shè)計(jì)問題的思考，并逐步掌握網(wǎng)頁表格布局設(shè)計(jì)的技巧，也就是掌握網(wǎng)頁設(shè)計(jì)的技巧。五、教學(xué)設(shè)計(jì)思路：本課以學(xué)生為主體，老師為主導(dǎo)的教學(xué)模式開展的，以學(xué)生的積極探索，小組協(xié)作學(xué)習(xí)、自主學(xué)習(xí)等學(xué)習(xí)模式通過反復(fù)練習(xí)總結(jié)，知識(shí)水平實(shí)現(xiàn)螺旋式上升，最終實(shí)現(xiàn)知識(shí)的意義建構(gòu)，并考慮到學(xué)生的知識(shí)層次有所不同，在拓展學(xué)習(xí)方面特意設(shè)置不同程度的學(xué)習(xí)內(nèi)容，滿足各層次學(xué)生的需要。六、依據(jù)的理論在做中學(xué)、引導(dǎo)發(fā)現(xiàn)式教學(xué)七、教學(xué)

3、策略及選用媒體基于教學(xué)內(nèi)容的要求以及學(xué)生的特征，本教學(xué)設(shè)計(jì)的教學(xué)以學(xué)生自主學(xué)習(xí)為主，老師在課堂中起到主導(dǎo)作用的教學(xué)模式開展，通過探究學(xué)習(xí)尋找解決問題的方法，并以競(jìng)賽的形式，讓學(xué)生在反復(fù)的操作中得到搜索的經(jīng)驗(yàn)，老師引導(dǎo)學(xué)生總結(jié)經(jīng)驗(yàn)，把感性認(rèn)識(shí)上升到理發(fā)認(rèn)識(shí)。在拓展知識(shí)部分，學(xué)生能根據(jù)自己的水平選擇學(xué)習(xí)知識(shí)的分量，讓不同層次的學(xué)生都可以在課堂中盡量掌握自己要學(xué)的知識(shí)，而且以小組的形式開展，有助于同學(xué)間互相協(xié)作，共同達(dá)到知識(shí)的意義建構(gòu)。使用網(wǎng)絡(luò)教室平臺(tái)進(jìn)行屏幕控制及轉(zhuǎn)播，學(xué)生機(jī)能接入互聯(lián)網(wǎng)。八、教學(xué)過程第1課時(shí)表格可以很好地起到定位作用，這節(jié)課里我們將學(xué)習(xí)在網(wǎng)頁中插入表格與圖片。下面我們的教學(xué)內(nèi)容一

4、，就是一個(gè)閑居小站的制作。結(jié)果如下圖1所示：我們將它的內(nèi)容刪除將會(huì)發(fā)現(xiàn)得到的頁面如下圖2所示：任務(wù)一：利用網(wǎng)頁制作工具FrongPage2003打開網(wǎng)頁，利用設(shè)計(jì)視圖，將網(wǎng)頁的內(nèi)容與圖片刪除。小組討論：網(wǎng)頁的內(nèi)容與圖片刪除。觀察剩下的是什么？引出課題任務(wù)二、新建一空白網(wǎng)頁，并在網(wǎng)頁中插入表格并調(diào)整表格，如上圖2所示。教師演示略；振作步驟：1、新建一空白網(wǎng)頁，然后插入一個(gè)3行2列的表格，并將第一行與第二行的分別合并為一單元格。插入表格設(shè)置窗口如下圖：插入表格的方法是：點(diǎn)擊菜單欄的表格，從彈出的下拉菜單中點(diǎn)擊插入表格。會(huì)彈出一個(gè)插入表格對(duì)話框，如右圖所示：設(shè)置要求為，行數(shù)是3，列數(shù)為2；指定寬度打

5、鉤后，以像素為單位。數(shù)值是800，同理指定高度為600像素；邊框粗細(xì)為0.然后點(diǎn)擊確定即可。2、將名為”top.jpg”的圖片作為第一行單元格的背景圖片。將“mid.gif”的圖片作為第二行單元格的前景圖片。3、 將文本內(nèi)容輸入進(jìn)來，并對(duì)段落做好格式設(shè)置，如圖一所示。（此部分文本內(nèi)容事先老師準(zhǔn)備了）4、 插入網(wǎng)頁背景圖片。圖片名為“bg.gif”5、 插入藝術(shù)字：“閑園要的是自在的心境，只要心閑處處是閑園”格式自定也可按教師的。6、保存網(wǎng)頁。名為“閑居小站”課堂作業(yè)：精美賀卡的制作。（素材在作業(yè)一中）結(jié)果如下圖所示提示：1、插入一3行4列的表格，將第一行的第2與第3單元格合并為一單元格。將第1

6、列的第一，二、三行合并為一單元格，第4列的第一，二、三行合并為一單元格，最后將第四行的單元格合并為一個(gè)單元格。完成表格的調(diào)整。2、將“bg.jpg”作為網(wǎng)頁的背景圖片。3、分別插入圖片與輸入文本內(nèi)容。注意：選中“?！弊謭D片，按住“Ctrl”拖動(dòng)，可復(fù)制多個(gè)圖片。4、設(shè)置好文本格式：字體為隸書，字號(hào)為14磅，對(duì)齊方式為居中，段落間行距為1.5倍行距。6、 最后保存文件。各個(gè)同學(xué)最好獨(dú)立自主完成。有不明白的可以自已觀看演示課例，也可向組長(zhǎng)請(qǐng)教。競(jìng)賽形式：每個(gè)小組成員中最先完成作業(yè)的同學(xué)成為本組的臨時(shí)組長(zhǎng)，主要協(xié)助老師指導(dǎo)同學(xué)們完成作業(yè)。課堂小結(jié)：學(xué)習(xí)了表格的插入及調(diào)整表格，并學(xué)習(xí)了在網(wǎng)頁中插入圖片

7、的方法。為網(wǎng)頁增添色彩。第2課時(shí)教學(xué)目的：在網(wǎng)頁中插入表格，學(xué)會(huì)利用自動(dòng)縮略圖為網(wǎng)頁增添色彩。教學(xué)過程：教師：大家一起來看一看這一張“動(dòng)物樂園介紹頁”是如何制作的，大家來分析一下有用到表格嗎？如果用了，用了幾行幾列的表格？教師活動(dòng)：展示“動(dòng)物介紹頁”網(wǎng)頁，啟動(dòng)好FrongPage2003打開網(wǎng)頁，利用設(shè)計(jì)視圖，將網(wǎng)頁的內(nèi)容與圖片刪除。對(duì)學(xué)們?cè)僮屑?xì)看看，自己原先的想法正確嗎？教師演示略操作步驟：1、新建一空白網(wǎng)頁，并插入4行3列的表格，并將第2列的所有單元格合并為一單元格。完成表格的調(diào)整。2、輸入文本，并設(shè)置好文本格式。3、插入圖片后。在圖片上右擊，并從彈出菜單選擇，單擊自動(dòng)縮略圖即可，以此類推。完成其他圖片的插入。4、保存網(wǎng)頁。學(xué)生活動(dòng)：自主學(xué)習(xí)與協(xié)作學(xué)習(xí)。有不懂的問同學(xué)或自己觀看課例演示。教師活動(dòng)：巡回指導(dǎo)教師小結(jié)：布置作業(yè)。課堂作業(yè)：完成感悟生活頁的制作。效果如下圖4所示：說明：圖片中使用了自動(dòng)縮略圖。藝術(shù)字等。提示：插入表格為4行5列。然后將第1與第2列合并為一個(gè)單元格。