第一篇：用表格進(jìn)行頁面布局教案

省淳中信息技術(shù)深度研課教學(xué)設(shè)計(jì)

【課題】

用表格進(jìn)行頁面布局

【課程標(biāo)準(zhǔn)】

1.理解WWW、網(wǎng)頁、主頁、網(wǎng)站的基本概念及其相互關(guān)系。2.理解動(dòng)態(tài)網(wǎng)頁的概念，了解其工作過程。

3.能夠使用常用的網(wǎng)頁制作軟件進(jìn)行動(dòng)態(tài)網(wǎng)頁的制作與發(fā)布。

4.通過開發(fā)實(shí)踐，學(xué)會(huì)簡(jiǎn)單網(wǎng)站的規(guī)劃、設(shè)計(jì)、制作、發(fā)布與管理的基本方法。5.能夠根據(jù)網(wǎng)站主題要求設(shè)計(jì)評(píng)價(jià)指標(biāo)并對(duì)常見網(wǎng)站的建設(shè)質(zhì)量與運(yùn)行狀況進(jìn)行評(píng)價(jià)。

【學(xué)業(yè)水平測(cè)試內(nèi)容和要求】

1.了解WWW、網(wǎng)頁、主頁、網(wǎng)站的概念及區(qū)別。2.了解什么是靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁。

3.了解動(dòng)態(tài)HTML技術(shù)和服務(wù)器端動(dòng)態(tài)網(wǎng)頁技術(shù)的基本知識(shí)。4.了解網(wǎng)站開發(fā)的一般過程。

5.知道網(wǎng)站規(guī)劃主要包含的內(nèi)容，學(xué)會(huì)根據(jù)需求規(guī)劃網(wǎng)站。

6.學(xué)會(huì)使用一種常用的網(wǎng)頁制作軟件制作網(wǎng)站，包括建立站點(diǎn)、新建網(wǎng)頁、利用表格布局網(wǎng)頁、修飾文字、插入多媒體信息、建立超級(jí)鏈接、制作簡(jiǎn)單的網(wǎng)頁動(dòng)態(tài)效果等。

7.了解如何在局域網(wǎng)或因特網(wǎng)上申請(qǐng)網(wǎng)站空間，發(fā)布網(wǎng)站。8.了解簡(jiǎn)單維護(hù)網(wǎng)站的方法。

9.了解網(wǎng)站評(píng)價(jià)的幾個(gè)主要方面，能使用評(píng)價(jià)量表進(jìn)行網(wǎng)站評(píng)價(jià)。

【學(xué)情分析】

網(wǎng)絡(luò)技術(shù)應(yīng)用是普通高中信息技術(shù)選修模塊。計(jì)算機(jī)網(wǎng)絡(luò)的出現(xiàn)改變了人們的生活方式，對(duì)人類產(chǎn)生了深遠(yuǎn)的影響，網(wǎng)絡(luò)技術(shù)的學(xué)習(xí)將幫助學(xué)生更好地合理地去使用它。課時(shí)安排為7課時(shí)，本節(jié)教學(xué)設(shè)計(jì)為第1課時(shí)。

大部分學(xué)生小學(xué)或初中有了一定的計(jì)算機(jī)基礎(chǔ)，掌握了計(jì)算機(jī)的基本操作技能，能夠使用一些常用軟件，并且對(duì)網(wǎng)絡(luò)有一定的了解，但是也有個(gè)別零起點(diǎn)學(xué)生。因此，在教學(xué)中要兼顧到不同層次的學(xué)生。這一章在學(xué)業(yè)水平測(cè)試中要求較高，要求學(xué)生理解并能獨(dú)立操作、遷移應(yīng)用與熟練操作。所以，在課時(shí)安排上有所側(cè)重，在教學(xué)設(shè)計(jì)中也要著重鍛煉學(xué)生的操作能力。

【學(xué)習(xí)目標(biāo)】

1． 通過學(xué)生網(wǎng)頁與示例網(wǎng)頁的對(duì)比，引導(dǎo)學(xué)生發(fā)現(xiàn)及歸納其差異：文字與圖片位置合理，確定問題，即需要對(duì)網(wǎng)頁進(jìn)行頁面布局。

2． 通過閱讀材料和自主探究，歸納和總結(jié)網(wǎng)頁布局的形式和方法。

3． 通過分析示例網(wǎng)頁，找出解決上一問題的方法之一，即用表格進(jìn)行頁面布局。4． 通過學(xué)生自主探究，掌握表格的建立、邊框粗細(xì)的設(shè)置、寬度高度的設(shè)置、單元格的合并與拆分。

5． 通過網(wǎng)頁、表格、單元格的背景色設(shè)置，讓學(xué)生在操作中發(fā)現(xiàn)并總結(jié)出網(wǎng)頁、表格、單元格的應(yīng)用范圍不同，優(yōu)先級(jí)為單元格>表格>網(wǎng)頁。6． 通過完成學(xué)習(xí)任務(wù)：“圣誕節(jié)”首頁面的制作，學(xué)會(huì)自主設(shè)計(jì)頁面布局并理解表格在頁面布局中所起的重要作用。

【學(xué)習(xí)重點(diǎn)】

表格的使用

【學(xué)習(xí)難點(diǎn)】

自主設(shè)計(jì)網(wǎng)頁的布局并利用表格實(shí)現(xiàn)

【學(xué)習(xí)過程】

一、導(dǎo)入

學(xué)生對(duì)比觀察兩張網(wǎng)頁：上節(jié)課的學(xué)生作品、示例作品，說說其差異？哪個(gè)網(wǎng)頁更好？好在哪里？

->引出頁面布局的概念

二、新授

【自主探究活動(dòng)1】如何進(jìn)行頁面布局？

觀察班級(jí)主頁的頁面布局，分析其布局特點(diǎn)：

網(wǎng)頁布局常用方法有三種:純表格布局、DIV+CSS布局、框架布局;->引出FrontPage中頁面布局的工具——表格

->表格的作用：在網(wǎng)頁制作中網(wǎng)頁表格功能不僅僅是組織數(shù)據(jù)，更多地被用來進(jìn)行頁面布局

->表格布局的形式（部分示例）

【活動(dòng)小結(jié)】

頁面布局的形式：

頁面布局的方法：

【自主探究活動(dòng)2】如何使用表格？（1）表格的建立：

通過“表格”菜單、常用工具欄中的“插入表格”按鈕在頁面中建立表格（2）單元格的合并與拆分：（3）表格屬性的設(shè)置：

表格大?。罕砀竦母叨?、寬度（注意區(qū)分像素、百分比）對(duì)齊方式：左對(duì)齊、右對(duì)齊、水平居中、兩端對(duì)齊 背景：背景圖片、背景顏色 邊框：粗細(xì)、顏色（4）單元格屬性的設(shè)置：

單元格大?。?jiǎn)卧竦母叨?、寬度（注意區(qū)分像素、百分比）對(duì)齊方式：分為水平對(duì)齊、垂直對(duì)齊 背景：背景圖片、背景顏色 邊框：顏色

【活動(dòng)小結(jié)】：表格的相關(guān)操作

【自主活動(dòng)3】網(wǎng)頁、表格、單元格的優(yōu)先級(jí)？

通過網(wǎng)頁、表格、單元格的背景色設(shè)置，發(fā)現(xiàn)并總結(jié)出網(wǎng)頁、表格、單元格的應(yīng)用范圍不同，優(yōu)先級(jí)為：?jiǎn)卧?表格>網(wǎng)頁。

【活動(dòng)小結(jié)】?jī)?yōu)先級(jí)為：?jiǎn)卧?表格>網(wǎng)頁

三、【活動(dòng)任務(wù)】

（1）利用表格自主設(shè)計(jì)“圣誕節(jié)”網(wǎng)站首頁面。（自建站點(diǎn)）

（2）在網(wǎng)頁相應(yīng)位置添加文字及圖片素材（素材不要求全部使用，自選素材）。（3）保存網(wǎng)頁。

參考樣張（不要求與樣張一致）：

四、作品展示

自評(píng)：

1、簡(jiǎn)述設(shè)計(jì)的想法；

2、優(yōu)缺點(diǎn) 他評(píng)：優(yōu)缺點(diǎn)，以及改進(jìn)意見

教師評(píng)價(jià)：

1、優(yōu)缺點(diǎn)；

2、針對(duì)優(yōu)缺點(diǎn)給建議

五、總結(jié)

頁面布局的常用方法：表格 布局方式

時(shí)間有剩余的話讓學(xué)生修改自己的網(wǎng)頁并提交。

【教學(xué)反思】

第二篇：學(xué)生用空白表格教案

執(zhí)教者

于欣

授課時(shí)間

2012-4-22 授課班級(jí)

四年一班

教學(xué)內(nèi)容

三角形三條邊的關(guān)系（四年級(jí)下冊(cè)第82頁的內(nèi)容）

教學(xué) 內(nèi)容分析

教育不只是一種簡(jiǎn)單的“告訴”。學(xué)生擁有自己的獨(dú)立思考水平和認(rèn)知系統(tǒng)。當(dāng)他們遇到一個(gè)新的待解決的問題情境時(shí)，他們會(huì)自覺而主動(dòng)地從自己已有的知識(shí)架構(gòu)和認(rèn)知經(jīng)驗(yàn)中摸索、收集、調(diào)動(dòng)處理問題的方法和策略。三角形邊的關(guān)系這一內(nèi)容是新教材新增加的內(nèi)容，并安排在第二學(xué)段。通過這一內(nèi)容的學(xué)習(xí)，使學(xué)生在已經(jīng)建立三角形概念的基礎(chǔ)上，進(jìn)一步深化理解三角形的組成特征，加深學(xué)生對(duì)三角形的認(rèn)識(shí)，同時(shí)，也為以后學(xué)習(xí)三角形與四邊形及其他多邊形的聯(lián)系與區(qū)別打下基礎(chǔ)。

根據(jù)新課標(biāo)的精神，要改變學(xué)生學(xué)習(xí)的方式，讓學(xué)生經(jīng)歷“數(shù)學(xué)化”、“做數(shù)學(xué)”等過程，并注重與生活實(shí)際緊密聯(lián)系，學(xué)有價(jià)值的數(shù)學(xué)。根據(jù)這一教學(xué)內(nèi)容在教材中所處的地位與作用，以及新課標(biāo)的要求，我認(rèn)為設(shè)計(jì)這節(jié)課的理念是：活動(dòng)參與、自主建構(gòu)，聯(lián)系生活、應(yīng)用數(shù)學(xué)。

教 學(xué) 目 標(biāo)

知識(shí)目標(biāo)

知道和理解“三角形任意兩邊的和大于第三邊”，能用它解釋一些生活現(xiàn)象，解決一些簡(jiǎn)單的生活問題。

能力目標(biāo)

通過動(dòng)手操作、小組驗(yàn)證，體驗(yàn)探索三角形邊的關(guān)系的過程，培養(yǎng)猜測(cè)意識(shí)和自主探索、合作交流的能力。

情感目標(biāo)

經(jīng)歷探究、發(fā)現(xiàn)、驗(yàn)證“三角形任意兩邊的和大于第三邊”的過程，體驗(yàn)合作學(xué)習(xí)和數(shù)學(xué)學(xué)習(xí)的快樂。

教學(xué)重點(diǎn)

三角形三邊關(guān)系的實(shí)驗(yàn)與探究

教學(xué)難點(diǎn)

三角形三邊關(guān)系的探究過程。

教學(xué)關(guān)鍵

使學(xué)生理解三角形邊的關(guān)系

教學(xué)準(zhǔn)備

課件、三根小棒、三邊關(guān)系試驗(yàn)報(bào)告單每組四根小棒

教學(xué)方法

自主探究小組討論

課程類型

學(xué)科課程

教 學(xué) 過 程

活動(dòng)的組織與實(shí)施（含教師活動(dòng)和學(xué)生活動(dòng)）

設(shè)計(jì)意圖

時(shí)間分配

一、復(fù)習(xí)舊知，導(dǎo)入新課

我手上拿的是什么？（三角板）它是什么圖形呢？（三角形）誰來說說什么是三角形？怎樣理解這個(gè)“圍”字（端點(diǎn)首尾相連）。同學(xué)們還知道三角形的哪些知識(shí)？關(guān)于三角形的知識(shí)還有很多，我們繼續(xù)往下看。

復(fù)習(xí)舊的知識(shí)，使新舊知識(shí)之間有很好的連接

2分鐘

二、動(dòng)手操作，發(fā)現(xiàn)問題

師：老師這里有三根小棒，分別長(zhǎng)3、5、10厘米，這3根小棒能圍成一個(gè)什么圖形? 生：三角形。

師：誰愿意上來圍一圍？圍的時(shí)候要注意小棒首尾相連。師：這三根小棒為什么圍不成三角形呢？三角形的三條邊之間到底有什么關(guān)系呢？今天，我們就一起來研究三角形的三邊關(guān)系（板書課題）

三、猜想驗(yàn)證，發(fā)現(xiàn)規(guī)律

師：我們發(fā)現(xiàn)這三根小棒不能圍成三角形，怎樣做才能圍成三角形呢？ 生：換一根小棒

師：怎樣換？同學(xué)們說的都是你們的猜想（課件演示猜想1）

1、學(xué)法指導(dǎo) 師：你們的這些猜想是否正確，三角形的三條邊到底有什么關(guān)系？我們可以通過做實(shí)驗(yàn)來驗(yàn)證一下，現(xiàn)在老師給同學(xué)們準(zhǔn)備了一些材料：3厘米、5厘米、8厘米、10厘米小棒各一根一起試著圍一圍三角形。同學(xué)們親自動(dòng)手?jǐn)[一擺，拼一拼，看看有什么結(jié)果。先看要求（大屏幕）操作要求：（1）、2人一組合作完成四種拼法（2）、圍三角形時(shí)要注意首尾相連。（3）、完成后，填寫好活動(dòng)記錄表準(zhǔn)備交流

2、動(dòng)手操作，尋找規(guī)律（師巡視，并指導(dǎo)）

3、交流匯報(bào)，探究規(guī)律。師：哪個(gè)小組愿意來匯報(bào)。小組上臺(tái)展示，3厘米、8厘米、10厘米能

3厘米、5厘米、10厘米不能 3厘米、5厘米、8厘米不能 5厘米、8厘米、10厘米能 師：其它組有不同意見嗎？

師：仔細(xì)觀察四種結(jié)果，有的圍不成，而有的卻能圍成。這是為什么呢？先看不能圍成三角形的每組小棒的長(zhǎng)度之間有什么關(guān)系?說說你能發(fā)現(xiàn)些什么？同桌討論一下。能圍成三角形的這幾組小棒長(zhǎng)度之間又有什么聯(lián)系？

三根小棒要圍成三角形，必須滿足什么條件？

通過剛才的實(shí)驗(yàn)和分析，你發(fā)現(xiàn)三角形三條邊長(zhǎng)度之間有什么關(guān)系嗎？ 先看不能圍成三角形的這組情況，誰愿意說說3、5、10這三根小棒為什么不能圍成三角形？ 生：

師：其他同學(xué)贊同嗎？誰再來說一說。

師：我明白了，3厘米的邊是不能和5厘米、10厘米的邊圍成三角形的，因?yàn)檫@兩條邊之和小于第三條邊。（板書3+4〈8）你很會(huì)觀察。（課件演示）師：再說3、5、8這三根，同學(xué)們有些爭(zhēng)議，到底它們能不能圍成三角形呢？不能，為什么？有誰愿意談?wù)劊?/p>

生：3+5=8 重合了不能

師：是這樣嗎？（課件演示）請(qǐng)看大屏幕。

師：真的是這樣，通過演示現(xiàn)在明白這個(gè)同學(xué)的意思了嗎？誰愿意再來說一說。

師：通過以上的動(dòng)手操作和探究分析，我們發(fā)現(xiàn)了當(dāng)兩邊之和小于、等于第三條邊時(shí)，這3條邊是圍不成三角形的。

師：那么怎樣才能圍成三角形呢？

生：兩條邊加起來要大于第三邊就行了。師（板書）：兩邊之和大于第三邊

師：我們來看看能圍成三角形的這兩組是不是這樣的呢，3+8＞10、8+5＞10 看起來是這樣的。

3）師：回頭看不能圍成的情況，也有3+8＞4、4+8＞3、3+8＞5、5+8＞3（兩邊之和大于第三邊）的情況，怎么就不能圍成三角形呢？ 生：有一種不符合就不行了

師：看來只是其中的兩條邊之和大于第3條邊是不完整的，生1：加“任何”、“任意”

生2：其他兩邊之和都大于第三條邊。生3：無論哪兩條邊之和都要大于第三邊。

4、歸納小結(jié)

師：看來只是其中的兩條邊之和大于第3條邊是不完整的，師：這句話概括說就是：任意兩邊之和大于第三邊（板書：任意）師：是這樣嗎？再挑選一組能圍成三角形的三條邊，來驗(yàn)證： 生：3+4＞5、3+5＞4、4+5＞3，師：這個(gè)例子證明了你的想法是對(duì)的，這兩個(gè)三角形的三邊關(guān)系都是：任意兩邊之和大于第三邊（齊讀）

四、運(yùn)用結(jié)論，加深理解

師：我們已經(jīng)知道三角形的三邊關(guān)系，下面讓我們來判斷幾道題目

1、快速判斷。

3cm

4cm

5cm

（）4cm

7cm

4cm

（）2cm

6cm

3cm

（）1cm

2cm

3cm

（）

師：為什么圍不成？你是怎么判斷的？

1、出示P82例3圖

這是小明上學(xué)的路線圖，同學(xué)們仔細(xì)看一看，他可以怎樣走？

2、這幾條路中，哪條最近？這是為什么呢？ 老師在生活中還看到了這么一種現(xiàn)象：（課件演示）公園里有一條這樣的路，路的兩旁是草坪，為什么很多人都往草坪中間走？ 師：今天你有什么收獲？

其實(shí)數(shù)學(xué)就在我們身邊，只要你平時(shí)多觀察、多動(dòng)腦，你一定能成為數(shù)學(xué)的好朋友。

開發(fā)學(xué)生的動(dòng)手能力和觀察能力，在實(shí)踐中發(fā)現(xiàn)問題并嘗試找出問題的原因 反復(fù)試驗(yàn)，加深同學(xué)的理解，猜想驗(yàn)證，發(fā)現(xiàn)其內(nèi)在規(guī)律 增強(qiáng)小組合作意識(shí)以及動(dòng)手操作能力 鍛煉同學(xué)發(fā)言及表達(dá)能力

通過小組討論，發(fā)現(xiàn)問題，嘗試找出原因，激發(fā)學(xué)生自主學(xué)習(xí)的精神 在教學(xué)過程中不斷引導(dǎo)，自主發(fā)現(xiàn)問題，加深對(duì)知識(shí)的理解和鞏固 運(yùn)用練習(xí)，鞏固學(xué)習(xí)的知識(shí)，加深印象

3分鐘 5分鐘 7分鐘 3分鐘 5分鐘 10分鐘 5分鐘

板書設(shè)計(jì)

三角形邊的關(guān)系 兩邊之和大于第三邊

教學(xué)反思

本節(jié)課鞏固應(yīng)用部分的三個(gè)環(huán)節(jié)，是從學(xué)生的學(xué)習(xí)認(rèn)知規(guī)律出發(fā)，遵循從易到難的原則，分鞏固性練習(xí)、應(yīng)用性練習(xí)、拓展性練習(xí)三個(gè)層次。并與學(xué)生身邊的生活例子相結(jié)合，既能體現(xiàn)數(shù)學(xué)教學(xué)生活化的新理念，又能有效地激發(fā)學(xué)生的學(xué)習(xí)興趣，拓展學(xué)生的思維，提高學(xué)生的數(shù)學(xué)學(xué)習(xí)能力。

以上教學(xué)設(shè)計(jì)，以學(xué)生的學(xué)習(xí)心理為基礎(chǔ)，通過簡(jiǎn)單的動(dòng)手操作，創(chuàng)設(shè)有效的“數(shù)學(xué)問題情境”，激發(fā)學(xué)生強(qiáng)烈的探究欲望。通過引導(dǎo)學(xué)生大膽的猜想，積極的驗(yàn)證和合理的歸納，使學(xué)生學(xué)到新知識(shí)的同時(shí)，經(jīng)歷數(shù)學(xué)知識(shí)的形成過程，這樣的教學(xué)將會(huì)有效地激活了學(xué)生的數(shù)學(xué)思維，使學(xué)生在知識(shí)、能力，以及情感態(tài)度等方面都將得到較好的發(fā)展。又通過擺圖形，尋找數(shù)據(jù)間的關(guān)系；又通過數(shù)據(jù)的整理和分析，確定圖形的存在性和圖形具有的性質(zhì)，使數(shù)形緊密結(jié)合，滲透了數(shù)形結(jié)合的思想方法；同時(shí)對(duì)不同類型三角形都具有的共性歸納總結(jié)，滲透了數(shù)學(xué)的歸納思想。教學(xué)中始終以這一核心的思想為教學(xué)靈魂，時(shí)時(shí)滲透，處處體現(xiàn)。

第三篇：《用表格為網(wǎng)頁布局》教學(xué)設(shè)計(jì)說課稿

《用表格為網(wǎng)頁布局》教學(xué)設(shè)計(jì)

《用表格為網(wǎng)頁布局》是浙江教育出版社信息技術(shù)教材八年級(jí)上冊(cè)第三單元第十五課的內(nèi)容。本課是在學(xué)生學(xué)習(xí)建立網(wǎng)站站點(diǎn)后，開始嘗試做第一張網(wǎng)頁。通過本課的學(xué)習(xí)，是對(duì)表格知識(shí)的鞏固和深入，更重要的是為后面的網(wǎng)頁制作打下基礎(chǔ)，所以本課是本單元的重點(diǎn)，起到承上啟下的作用。前階段學(xué)生已經(jīng)學(xué)習(xí)了文本編輯、圖片插入、網(wǎng)絡(luò)基本知識(shí)、文件操作等內(nèi)容，很多知識(shí)都可以遷移到本課來。八年級(jí)學(xué)生對(duì)電腦基本操作已經(jīng)不再陌生，已經(jīng)能夠獨(dú)立完成一定要求的學(xué)習(xí)任務(wù)，但是學(xué)生對(duì)于特定任務(wù)進(jìn)行分析，整體規(guī)劃能力相對(duì)還是比較欠缺的。本節(jié)課教學(xué)的作業(yè)設(shè)計(jì)中，我將注重培養(yǎng)學(xué)生這個(gè)方面的能力。根據(jù)課程標(biāo)準(zhǔn)和教材內(nèi)容，我將本課的教學(xué)目標(biāo)設(shè)計(jì)成三個(gè)方面：

知識(shí)與技能目標(biāo)：

1、了解主頁布局的常見布局圖，并明確主頁設(shè)計(jì)的基本要素；

2、理解用表格排版主頁的作用；

3、掌握在網(wǎng)頁中插入表格進(jìn)行排版的技能；

4、學(xué)會(huì)設(shè)置表格屬性，對(duì)表格進(jìn)行編輯修改。過程與方法目標(biāo)：

通過欣賞、借鑒他人的主頁布局，取長(zhǎng)補(bǔ)短，為自己的主頁布局做鋪墊。情感、態(tài)度與價(jià)值觀目標(biāo)：

1、通過作品欣賞，讓學(xué)生意識(shí)到取長(zhǎng)補(bǔ)短的可貴性，及在借鑒基礎(chǔ)上的創(chuàng)新的重要性；

2、用表格排版網(wǎng)頁解決網(wǎng)頁版面雜亂問題，培養(yǎng)在遇到困難時(shí)靈活運(yùn)用各種方法解決，強(qiáng)化建站信心。

為了實(shí)現(xiàn)這個(gè)教學(xué)目標(biāo)，我將教學(xué)重點(diǎn)確定尾插入表格進(jìn)行排版和更改表格屬性。根據(jù)學(xué)生的思維障礙和學(xué)習(xí)情況的分析，我將難點(diǎn)定位于靈活掌握排列表格和設(shè)置表格屬性。只有正確設(shè)置了表格的屬性，才能美化和完善網(wǎng)頁的布局。為了更好的突出教學(xué)重點(diǎn)，突破教學(xué)難點(diǎn)，圓滿的完成教學(xué)任務(wù)，我在課前截取了典型的旅游網(wǎng)頁圖片素材并設(shè)置成框架形式讓學(xué)生一目了然地看到表格所起的作用，并設(shè)置了幾個(gè)學(xué)生需要突破的任務(wù)。

信息技術(shù)課是培養(yǎng)學(xué)生對(duì)信息技術(shù)的興趣和意識(shí)，使學(xué)生養(yǎng)成良好的信息素養(yǎng)為宗旨，強(qiáng)調(diào)學(xué)生的自主學(xué)習(xí)和研究學(xué)習(xí)。上新課前，我要求學(xué)生兩兩合作，通過傳統(tǒng)手工繪制草圖的學(xué)習(xí)方式，設(shè)計(jì)你需要建立網(wǎng)頁的框架布局，同時(shí)學(xué)會(huì)和與他人合作。為了讓學(xué)生主動(dòng)的參與學(xué)習(xí)，我在設(shè)計(jì)教學(xué)流程時(shí)，準(zhǔn)備以學(xué)生“任務(wù)驅(qū)動(dòng)”為主線，以教師為主導(dǎo)，以學(xué)生為主體，通過學(xué)生自主探究，合作交流完成教學(xué)任務(wù)。根據(jù)教學(xué)內(nèi)容和學(xué)情的分析，本課我采用的教學(xué)方法有：講解、練習(xí)、任務(wù)驅(qū)動(dòng)、小組合作，學(xué)生可以通過小組合作、給定的任務(wù)等將本課學(xué)習(xí)用于實(shí)際操作。我將結(jié)合教學(xué)過程來具體分析。整個(gè)教學(xué)過程我分為以下四個(gè)部分來完成：

一、通過旅游網(wǎng)站的解析，直接引入新知，通過刪除網(wǎng)頁的背景、文字、圖片后，呈現(xiàn)出一張網(wǎng)頁的背后其實(shí)是表格起到重大的作用。所以學(xué)生心中就有個(gè)概念，原來做網(wǎng)頁的前提是用表格固定框架。并結(jié)合書本p58頁，了解網(wǎng)頁常見的布局圖。直覺、興趣成為學(xué)生產(chǎn)生學(xué)習(xí)動(dòng)力最直接的因素。

二、本節(jié)課的任務(wù)是讓學(xué)生設(shè)計(jì)有關(guān)龍泉旅游的網(wǎng)頁布局，我先讓學(xué)生利用草圖形式設(shè)計(jì)宣傳龍泉旅游網(wǎng)頁的框架，做這個(gè)的目的是為了學(xué)生能更順暢、不會(huì)盲目的在電腦上操作，這為學(xué)生完成任務(wù)2提供基礎(chǔ)。

三、鞏固舊知，學(xué)習(xí)新知，解決問題。建立網(wǎng)頁的前提是建站，學(xué)生對(duì)站點(diǎn)的認(rèn)識(shí)已經(jīng)不會(huì)陌生，根據(jù)教師提供的站點(diǎn)，再將網(wǎng)頁布局呈現(xiàn)在主頁上（學(xué)習(xí)新知）。通過例子的演示，學(xué)生將草圖轉(zhuǎn)移到網(wǎng)頁上來。在操作過程中學(xué)生可能會(huì)遇到一些解決不了的問題，我會(huì)引導(dǎo)學(xué)生勇敢地提出問題，并告訴學(xué)生解決問題的方法：（1）自己思考（2）向同學(xué)和老師尋求幫助。（3）通過教材操作步驟P59，進(jìn)行知識(shí)遷移。針對(duì)學(xué)生中普遍存在的問題，我將利用廣播講解演示，解決問題（學(xué)生應(yīng)該會(huì)碰到在單元格內(nèi)插入過大的圖片后，影響相鄰單元格位置變化，這里所要涉及的是表格的嵌套）；針對(duì)個(gè)別學(xué)生的問題，我將個(gè)別指導(dǎo)。設(shè)計(jì)意圖：這個(gè)環(huán)節(jié)充分體現(xiàn)了學(xué)生的自主性，讓學(xué)生不斷嘗試中發(fā)現(xiàn)問題，師生合作解決問題。體現(xiàn)了學(xué)生是學(xué)習(xí)的主體，學(xué)生把教材、同學(xué)、教師、電腦都作為 學(xué)習(xí)的幫助者。

四、作品展示及評(píng)價(jià)。根據(jù)課前設(shè)定好評(píng)價(jià)量化表，抽取部分學(xué)生作品展示給同學(xué)們，通過學(xué)生對(duì)自己作品的評(píng)價(jià)打分（自評(píng)），再讓別的同學(xué)進(jìn)行評(píng)價(jià)打分（他評(píng)）。但是課堂時(shí)間畢竟有限，讓每位學(xué)生對(duì)自己設(shè)計(jì)的作品進(jìn)行評(píng)價(jià)，然后同組之間進(jìn)行互評(píng)，取長(zhǎng)補(bǔ)短，學(xué)生可以從中找到自己的缺點(diǎn)和不足之處，也能學(xué)習(xí)到別人的長(zhǎng)處。相互評(píng)價(jià)，也是獲得最佳學(xué)習(xí)效果的重要途徑之一。（問題補(bǔ)充：參考諸多網(wǎng)頁，一般網(wǎng)頁的邊框是不顯示的，如何將表格的邊框線從頁面中趕走，這里需要利用表格的屬性進(jìn)行隱藏邊線，從而使網(wǎng)頁頁面更加美化。）

五、課堂小結(jié)。強(qiáng)調(diào)頁面布局在網(wǎng)頁設(shè)計(jì)中的重要性，肯定同學(xué)操作過程中好的方面，并及時(shí)鼓勵(lì)學(xué)生。要求同學(xué)課后多瀏覽有關(guān)網(wǎng)頁，設(shè)計(jì)出更好的作品。

六、作業(yè)布置：同學(xué)思考以下問題（1）今天這節(jié)課我學(xué)會(huì)了什么？并寫下本節(jié)課的收獲。（2）課后再思考并繪制個(gè)人主頁的頁面布局。通過學(xué)生自己歸類總結(jié)，既能提高學(xué)生的語言組織能力和寫作能力、辨別力，又能提高學(xué)生的信息素養(yǎng)，這正是我們信息技術(shù)課所致力要求的目標(biāo)。在整個(gè)教學(xué)設(shè)計(jì)中，我感覺本節(jié)課學(xué)生的學(xué)習(xí)任務(wù)和目標(biāo)很明確，要讓學(xué)生主動(dòng)思考、獲取。體現(xiàn)了學(xué)生的自主探究學(xué)習(xí)。

第四篇：《應(yīng)用表格布局網(wǎng)頁結(jié)構(gòu)》教案

《應(yīng)用表格布局網(wǎng)頁結(jié)構(gòu)》教案

一、教學(xué)目標(biāo)

1、知識(shí)與技能：

（1）了解表格網(wǎng)頁的作用；

（2）掌握網(wǎng)頁中表格的制作方法，表格屬性的屬性設(shè)置方法；（3）能根據(jù)網(wǎng)頁設(shè)計(jì)內(nèi)容，正確布局表格的結(jié)構(gòu)；（4）嘗試根據(jù)內(nèi)容需要設(shè)計(jì)表格布局網(wǎng)頁頁面。

2、過程與方法：

（1）利用對(duì)比，加深學(xué)生對(duì)表格布局網(wǎng)頁的認(rèn)識(shí)；

（2）通過用表格結(jié)構(gòu)設(shè)計(jì)網(wǎng)頁，使學(xué)生進(jìn)一步理解表格的作用、功能及網(wǎng)頁設(shè)計(jì)方法；（3）通過自主探究，使學(xué)生掌握軟件的使用規(guī)則，培養(yǎng)學(xué)生自主學(xué)習(xí)的能力。

3、情感態(tài)度與價(jià)值觀：

（1）通過實(shí)踐創(chuàng)作的過程，形成主動(dòng)學(xué)習(xí)和利用信息技術(shù)、參與信息作品創(chuàng)作的態(tài)度；（2）培養(yǎng)學(xué)生注重吸取成功的經(jīng)驗(yàn)，提高本身的信息素養(yǎng)。

二、教學(xué)重點(diǎn)

1、表格的制作及設(shè)置方法；

2、根據(jù)實(shí)際情況設(shè)計(jì)并應(yīng)用表格布局網(wǎng)頁。

三、教學(xué)難點(diǎn)

1、應(yīng)用表格布局網(wǎng)頁頁面的意識(shí)；

2、合理制作表格，實(shí)現(xiàn)頁面布局。

四、教學(xué)方法

教師講解、演示、與學(xué)生任務(wù)驅(qū)動(dòng)、合作學(xué)習(xí)相結(jié)合。

五、教學(xué)過程 教學(xué)過程

教師活動(dòng)

學(xué)生活動(dòng)

課前準(zhǔn)備

將“學(xué)習(xí)素材”文件夾發(fā)送到學(xué)生機(jī)桌面；

打開并預(yù)習(xí)本課內(nèi)容。

一、對(duì)比，引入新課

1、明確表格在網(wǎng)頁制作時(shí)的作用：頁面規(guī)劃

（1）展示兩個(gè)頁面（1.htm和2.htm）并進(jìn)行比較： 提問：①這2個(gè)網(wǎng)頁，你喜歡哪個(gè)？為什么？ ②網(wǎng)頁中的文字、圖像對(duì)象如何插入？

③在Frontpage中打開2張網(wǎng)頁，觀察有什么不一樣。

總結(jié)：這些線就是表格線，在做網(wǎng)頁時(shí)，可以利用表格布局網(wǎng)頁結(jié)構(gòu)。（2）引出本課內(nèi)容：探索用表格來布局網(wǎng)頁的頁面。（3）明確本課的任務(wù)：使用表格制作網(wǎng)頁。

學(xué)生小組交流、討論，對(duì)比加深印象，感受表格布局網(wǎng)頁的作用 發(fā)現(xiàn)表格可以布局頁面 明確本課內(nèi)容

二、小組合作，體會(huì)用表格布局網(wǎng)頁

2、模仿用表格布局網(wǎng)頁頁面結(jié)構(gòu)（1）引導(dǎo)學(xué)生回憶Word中學(xué)過的表格內(nèi)容，提示學(xué)生表格操作跟Word中具有很大的相通之處；

提問：還記得哪些表格的編輯方法？

（2）展示效果頁，引導(dǎo)學(xué)生分析頁面的結(jié)構(gòu)，探索需要制作表格的結(jié)構(gòu)；（3）講解演示表格的制作及調(diào)整；（4）布置學(xué)生完成任務(wù)一：“心憩空間”網(wǎng)頁

（5）展示成功學(xué)生的作品，引出表格屬性的設(shè)置；

如：行列的插入、刪除、單元格的合并、拆分、調(diào)整大小等。

根據(jù)網(wǎng)頁內(nèi)容來規(guī)劃所需表格結(jié)構(gòu)，了解網(wǎng)頁中表格制作及設(shè)置的方法。學(xué)生小組合作，完成網(wǎng)頁“chushi.htm”

三、小組合作，嘗試用表格布局網(wǎng)頁

3、小組交流并獨(dú)立制作表格布局網(wǎng)頁

（1）剛才我們一起體會(huì)用表格布局網(wǎng)頁的網(wǎng)面結(jié)構(gòu)：先分析確定所需表格的結(jié)構(gòu)，然后根據(jù)實(shí)際制作設(shè)置表格布局網(wǎng)頁頁面結(jié)構(gòu)。接下來我們就來嘗試用表格布局我們的網(wǎng)頁了；引入用表格布局“多彩的生物”網(wǎng)頁；

（2）引導(dǎo)學(xué)生分析確定網(wǎng)頁的表格結(jié)構(gòu)；

（3）布置學(xué)生完成任務(wù)二：制作“多彩的生物”網(wǎng)頁；可以根據(jù)自己的設(shè)計(jì)對(duì)網(wǎng)頁進(jìn)行適當(dāng)?shù)恼{(diào)整；

掌握根據(jù)網(wǎng)頁確定所需表格的結(jié)構(gòu) 能根據(jù)網(wǎng)頁規(guī)劃表格

小組合作討論，根據(jù)學(xué)案提供的參考表格確定“多彩的生物”網(wǎng)頁的表格結(jié)構(gòu)，再獨(dú)立完成圖片、文字的插入。

四、作品展示交流與課堂總結(jié)

1、展示成功學(xué)生的作品并點(diǎn)評(píng)；

2、總結(jié)本課內(nèi)容：為了制作的網(wǎng)頁內(nèi)容工整、美觀，所以我們選擇使用表格布局。本課我們嘗試并使用了表格來規(guī)劃布局網(wǎng)頁，嘗試設(shè)計(jì)個(gè)人網(wǎng)站的首頁，自主設(shè)計(jì)版面，靈活使用表格進(jìn)行網(wǎng)頁制作。

掌握表格布局網(wǎng)頁的常見技巧，加強(qiáng)表格布局網(wǎng)頁的意識(shí)。

第五篇：表格基礎(chǔ)和DIV+CSS網(wǎng)頁布局基礎(chǔ)教案（模版）

? 本部分任務(wù)

制作“寶貝分類”頁面 制作“公告欄”頁面

? 為什么使用表格

? 表格應(yīng)用場(chǎng)合 具體內(nèi)容見ppt ? 表格的基本結(jié)構(gòu)

具體內(nèi)容見ppt

? 表格的基本語法

? Table標(biāo)簽 ? Tr標(biāo)簽 ? Td標(biāo)簽 具體內(nèi)容見ppt 注：表格標(biāo)簽中沒有列標(biāo)簽。

? 如何創(chuàng)建表格

具體內(nèi)容見ppt

? 跨行跨列的表格

? 什么是跨行跨列的表格 ? 跨多行的表格

? 跨多列的表格 具體內(nèi)容見ppt

? 表格的美化修飾

? ? 什么是表格的美化修飾 如何設(shè)置表格的尺寸和邊框 width用來設(shè)置表格的寬度 height用來設(shè)置表格的高度

border用來設(shè)置表格邊框尺寸大小 bordercolor用來設(shè)置表格邊框顏色 如何設(shè)置背景

background屬性用來設(shè)置表格的背景圖片

bgcolor屬性用來設(shè)置表格、行、列的背景色。HTML中顏色的表示方式：“#EBEFFF”是用RGB表示的一種顏色值，RGB指的是紅綠藍(lán)。

如何設(shè)置對(duì)其方式

align屬性用來設(shè)置表格、行、列的對(duì)齊方式 為什么要使用填充屬性 具體內(nèi)容見ppt 什么是填充屬性和間距屬性 ?

?

? ? border(邊框的厚度)cellpadding(單元格填充)cellspacing(單元格間距)如何使用填充、間距屬性 border(邊框的厚度)cellpadding(單元格填充)cellspacing(單元格間距)

? 表格的布局

? ? ? 什么是表格布局 使用表格進(jìn)行布局

用表格對(duì)網(wǎng)頁的內(nèi)容進(jìn)行整體控制

? DIV+CSS規(guī)劃頁面

? ? ? ? 什么是CSS？

為什么要使用CSS？ 如何使用CSS？

DIV+CSS如何規(guī)劃頁面？

? 什么是CSS？

CSS（Cascading Style Sheet）可譯為“層疊樣式表”或“級(jí)聯(lián)樣式表”，它定義如何顯示 HTML 元素，用于控制Web頁面的外觀。

? 為什么要使用CSS？

? CSS的特點(diǎn)

便于頁面的修改。便于頁面風(fēng)格的統(tǒng)一。減少網(wǎng)頁的體積。為什么要使用CSS？ 使用CSS布局的優(yōu)點(diǎn) 表現(xiàn)和內(nèi)容相分離 提高頁面瀏覽速度 易于維護(hù)和改版

CSS樣式表極大地提高了工作效率

樣式通常保存在外部的.css 文件中。通過僅僅編輯一個(gè)簡(jiǎn)單的 CSS 文檔，外部樣式表使你有能力同時(shí)改變站點(diǎn)中所有頁面的布局和外觀。

由于允許同時(shí)控制多重頁面的樣式和布局。作為網(wǎng)站開發(fā)者，你能夠?yàn)槊總€(gè) HTML 元素定義樣式，并將之應(yīng)用于你希望的任意多的頁面中。如需進(jìn)行全局的更新，只需簡(jiǎn)單地改變樣式，然后網(wǎng)站中的所有元素均會(huì)自動(dòng)地更新。內(nèi)聯(lián)定義

內(nèi)聯(lián)定義即是在對(duì)象的標(biāo)記內(nèi)使用對(duì)象的style屬性定義適用其的樣式表屬性。?

? 如何使用CSS？

? 只針對(duì)標(biāo)簽內(nèi)的元素有效，因其沒有和內(nèi)容相分離，所以不建議使用。? 定義內(nèi)部樣式塊對(duì)象

你可以在你的HTML文檔的和標(biāo)記之間插入一個(gè)塊對(duì)象。定義方式請(qǐng)參閱樣式表語法。

這樣的樣式表只能針對(duì)本頁有效。不能作用于其它頁面。? 導(dǎo)入樣式——Style導(dǎo)入

與鏈入外部樣式的功能基本相同，只是語法和實(shí)現(xiàn)方式上有差別。

它一般常用在另一個(gè)樣式表內(nèi)部。如layout.css為主頁所用樣式，那么我們可以把全局都需要用的公共樣式放到一個(gè)global.css的文件中，然后在layout.css中以@import url(“/css/global.css”)的形式鏈接全局樣式，這樣就使代碼達(dá)到很好的重用性。? 導(dǎo)入樣式——Link標(biāo)簽導(dǎo)入

使用Link標(biāo)簽代替Style標(biāo)簽來導(dǎo)入CSS文件。

它的好處是不但本頁可以調(diào)用，其它頁面也可以調(diào)用，是最常用的一種形式。

除了內(nèi)聯(lián)定義是直接作用于標(biāo)簽本身以外，其他CSS使用方式都需要建立標(biāo)簽和樣式之間的映射關(guān)系。主要的映射關(guān)系有： id映射 class映射 標(biāo)簽映射 混合映射 ? CSS樣式和頁面標(biāo)簽元素的對(duì)應(yīng)方式

? ? ? ?

? 幾種樣式的優(yōu)先級(jí)

? id優(yōu)先級(jí)高于class ? 后面的樣式覆蓋前面的 ? 指定的高于繼承 ? 行內(nèi)樣式高于內(nèi)部或外部樣式

總結(jié)原則：?jiǎn)我坏?id)高于共用的(class)，有指定的用指定的，無指定則繼承離它最近的。

? DIV+CSS如何規(guī)劃頁面？

請(qǐng)關(guān)注上機(jī)實(shí)驗(yàn)3

By---QQ69848627