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

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

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

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

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

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

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

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