中學(xué)Dreamweaver教案：表格布局與設(shè)計(jì)

1、教學(xué)課題:表格布局及設(shè)計(jì)教學(xué)目標(biāo)：1、知識(shí)與技能：（1）能夠掌握Dreamweaver中表格的基本操作方法；（2）能夠獨(dú)立完成簡(jiǎn)單表格實(shí)例的實(shí)際應(yīng)用；（3）初步掌握使用表格進(jìn)行網(wǎng)頁(yè)布局的方法；（4）掌握表格對(duì)調(diào)特殊的設(shè)置方法；（5）熟悉掌握使用網(wǎng)絡(luò)硬盤(pán)保存網(wǎng)頁(yè)的方法；（5）概括、總結(jié)表格使用中要注意的事項(xiàng)。2、過(guò)程與方法（1）能夠插入指定行、列數(shù)的表格，并對(duì)表格格式按要求進(jìn)行修改； （2）能夠在表格中插入如指定對(duì)象，并對(duì)其做相應(yīng)調(diào)整；（3）能夠修改網(wǎng)頁(yè)基本屬性。3、情感態(tài)度與價(jià)值觀（1）通過(guò)本課簡(jiǎn)單表格對(duì)象的操作，增強(qiáng)學(xué)生學(xué)習(xí)網(wǎng)頁(yè)制作的信心； （2）通過(guò)獨(dú)立完成作品，培養(yǎng)學(xué)生應(yīng)用信息技術(shù)展現(xiàn)個(gè)

2、性空間的理念； （4）獨(dú)立繪制出有規(guī)則、組織合理的表格網(wǎng)頁(yè)，使同學(xué)產(chǎn)生學(xué)生知識(shí)的渴求，制作簡(jiǎn)單的表格對(duì)象，使同學(xué)們?cè)诳菰锓敝氐膶W(xué)習(xí)生活中體驗(yàn)到一些學(xué)習(xí)的樂(lè)趣，增加學(xué)生們對(duì)知識(shí)的渴求，培養(yǎng)良好的學(xué)習(xí)情趣；教學(xué)策略與方法：1、問(wèn)題激發(fā)策略：使用多媒體網(wǎng)絡(luò)教室全屏演示系統(tǒng)全屏控制，提出操作環(huán)節(jié)中遇到的問(wèn)題中，讓同學(xué)們?cè)谧灾鲗?shí)踐環(huán)節(jié)，自己運(yùn)用已有的知識(shí)去處理相關(guān)操作；2、示范-模仿教學(xué)策略：使用多媒體網(wǎng)絡(luò)教室全屏演示系統(tǒng)窗口控制，讓學(xué)生與教師同步跟學(xué)操作，增加實(shí)際操作效果；3、自主實(shí)踐學(xué)習(xí)、同學(xué)間協(xié)作實(shí)踐學(xué)習(xí)等策略，充分運(yùn)用網(wǎng)絡(luò)教室教師與學(xué)生電腦的互動(dòng)特點(diǎn)，教學(xué)全屏演示、窗口演示、學(xué)生作品展示等過(guò)程，

3、指導(dǎo)學(xué)生完成作品，并啟發(fā)學(xué)生觸類(lèi)旁通，對(duì)網(wǎng)頁(yè)中表格的基本操作有一定的發(fā)解。教學(xué)課時(shí)：共需四課時(shí)（上機(jī)實(shí)踐）教學(xué)過(guò)程： 第5課 表格布局及設(shè)計(jì)一、 創(chuàng)設(shè)情景，引入新課通過(guò)前幾課的學(xué)習(xí)，同學(xué)們對(duì)DW有了初步的了解，可以自己制作出純文字構(gòu)成的簡(jiǎn)單網(wǎng)頁(yè)，也可以做出規(guī)則表格構(gòu)成的網(wǎng)頁(yè)，網(wǎng)頁(yè)的保存是非常重要的，同學(xué)已經(jīng)發(fā)現(xiàn)，當(dāng)我們引入使用網(wǎng)絡(luò)硬盤(pán)保存的方式之后，就引發(fā)出一些問(wèn)題，本節(jié)課，我們進(jìn)一步學(xué)習(xí)網(wǎng)頁(yè)表格的制作與設(shè)計(jì)，并實(shí)踐在局域網(wǎng)中，網(wǎng)站的保存與網(wǎng)頁(yè)的訪(fǎng)問(wèn)。1、表格屬性復(fù)習(xí) 數(shù)值屬性：行列數(shù)、寬高數(shù)值、填充間距邊框數(shù)值；對(duì)齊方式：左對(duì)齊、居中對(duì)齊、右對(duì)齊；顏色：背景、邊框(邊框數(shù)據(jù)不為0時(shí)有效)；背

4、景圖像；2、表格中插入圖片對(duì)象： 設(shè)定表格大小，以及寬度、高度值；菜單：插入圖像index.gif3、表格合并及拆分:（二）、教學(xué)演示，學(xué)生跟做4、教師活動(dòng)：開(kāi)始新課講解，引出本課要完成一個(gè)5*9的表格在回顧前表格基礎(chǔ)知識(shí)之后，我們可以發(fā)現(xiàn)：表格控制其實(shí)不同于以往如Word中采用拖拽控制句柄的方法，而是采用輸入精確數(shù)值的方法，精確定義表格的大小， 步驟1：修改頁(yè)面屬性：修改標(biāo)題、背景顏色步驟2：插入5*9的表格：步驟2：設(shè)置表格各行高、各列寬數(shù)值在DW中一般表格的行高、列寬都使用精確的數(shù)值定義，切忌如同WORD中使用鼠標(biāo)去拖拽；而行列的高度和寬度值，是由將要插入到表格中的對(duì)象約定的，如圖片、動(dòng)

5、畫(huà)等的大小尺寸。步驟3：合并單元格：按照教材33頁(yè)要求，把第1、5、4行，第1、9列部分或全部單格進(jìn)行合并操作：步驟4：向已合并的單元格中插入圖片，四個(gè)邊框中插入的圖片上下左右，分別為：mail_01.gif、 mail_02.gif 、mail_03.gif 、mail_04.gif，第2行3、5、7列插入的圖片分別為：pen_01.jpg、pen_02.jpg、pen_03.jpg，在第4行的已合并的第3格中圖片分別為：frieng.jpg、link1、link2。步驟5：輸入文字：在第3行第3、5、7格輸入文字，在輸入文字時(shí)要特別注意一點(diǎn)，就是文本內(nèi)容在換行時(shí)，直接回車(chē)和CTRL+回車(chē)是不一樣的，前者將會(huì)產(chǎn)生很大的行距，后者行距是正常的，我們要采用后者，那CTRL+回車(chē)的方式進(jìn)行換行。（三）、上機(jī)實(shí)踐，鞏固成果 在與教師同步跟做的基礎(chǔ)之上，繼續(xù)完成作業(yè)，參照P33、P34頁(yè)內(nèi)容。（四）、小結(jié)在本課我們利用表格的基礎(chǔ)知識(shí)，完成了一個(gè)5*9表格的創(chuàng)建、設(shè)置、添加對(duì)象等內(nèi)容，同學(xué)們通過(guò)與教師同步跟做的方法，基本上掌握了其一般操作方法，可以獨(dú)立的完成表格的相關(guān)設(shè)置。表格設(shè)計(jì)、布局是DW中的一個(gè)重點(diǎn)和難點(diǎn)，我們要重視其在DW中的地位，一定要扎扎實(shí)實(shí)的學(xué)好基本操作方法，并在此基礎(chǔ)之上，掌握DW對(duì)表格的一般控制方法，為今后進(jìn)一