掌握創(chuàng)建和編輯表格的方法的教案

1、專業(yè)技術(shù)部計(jì)算機(jī)專業(yè)課講義科 目Dreamweaver8.0網(wǎng)頁(yè)制作基礎(chǔ)課 題表格的創(chuàng)建和編輯課型新授授課時(shí)數(shù)3主備人參備人備課時(shí)間教學(xué)目標(biāo)掌握創(chuàng)建和編輯表格的方法教學(xué)重點(diǎn)設(shè)置表格屬性教學(xué)難點(diǎn)設(shè)置單元格屬性教學(xué)方法 啟發(fā) 引導(dǎo) 演示教 具多媒體網(wǎng)絡(luò)教室教 學(xué) 過 程教 學(xué) 內(nèi) 容教學(xué)設(shè)計(jì)一、導(dǎo)入展示做好的表格網(wǎng)頁(yè)文件，學(xué)生回答網(wǎng)頁(yè)中的元素有哪些？讓學(xué)生體會(huì)表格在網(wǎng)頁(yè)文件中的作用。表格是網(wǎng)頁(yè)設(shè)計(jì)制作不可缺少的元素，它以簡(jiǎn)潔明了和高效快捷的方式將圖片、文本、數(shù)據(jù)和表單的元素有序的顯示在頁(yè)面上，讓我們可以設(shè)計(jì)出漂亮的頁(yè)面，使用表格排版的頁(yè)面在不同平臺(tái)、不同分辨率的瀏覽器里都能保持其原有的布局，而在不

2、同的瀏覽器平臺(tái)有較好的兼容性，所以表格是網(wǎng)頁(yè)中最常用的排版方式之一。二、教師示范1、插入表格在文檔窗口中，將光標(biāo)放在需要?jiǎng)?chuàng)建表格的位置，單擊“常用”快捷欄中的表格按鈕彈出的“表格”對(duì)話框，指定表格的屬性后，在文檔窗口中插入設(shè)置的表格。 “行數(shù)”文本框用來設(shè)置表格的行數(shù)?！傲袛?shù)”文本框用來設(shè)置表格的列數(shù)?！氨砀駥挾取蔽谋究蛴脕碓O(shè)置表格的寬度，可以填入數(shù)值，緊隨其后的下拉列表框用來設(shè)置寬度的單位，有兩個(gè)選項(xiàng)百分比和像素。當(dāng)寬度的單位選擇百分比時(shí)，表格的寬度會(huì)隨瀏覽器窗口的大小而改變。 “單元格邊距”文本框用來設(shè)置單元格的內(nèi)部空白的大小。 “單元格間距”文本框用來設(shè)置單元格與單元格之間的距離。 “邊

3、框粗細(xì)”用來設(shè)置表格的邊框的寬度。“頁(yè)眉”定義頁(yè)眉樣式，可以在四種樣式中選擇一種。 “標(biāo)題” 定義表格的標(biāo)題。 “對(duì)其標(biāo)題”定義表格標(biāo)題的對(duì)齊方式。 “摘要” 可以在這里對(duì)表格進(jìn)行注釋。2、選擇單元格對(duì)象對(duì)于表格、行、列、單元格屬性的設(shè)置是以選擇這些對(duì)象為前提的。選擇整個(gè)表格的方法是把鼠標(biāo)放在表格邊框的任意處，當(dāng)出現(xiàn)這樣的標(biāo)志時(shí)單擊即可選中整個(gè)表格，或在表格內(nèi)任意處單擊，然后在狀態(tài)欄選中<table>標(biāo)簽即可；或在單元格任意處單擊，點(diǎn)鼠標(biāo)右鍵在彈出菜單菜單中選擇“表格選擇表格”要選中某一單元格，按住Ctrl鍵，鼠標(biāo)在需要選中的單元格單擊即可；或者，選中狀態(tài)欄中的<td>

4、標(biāo)簽。要選中連續(xù)的單元格，按住鼠標(biāo)左鍵從一個(gè)單元格的左上方開始向要連續(xù)選擇單元格的方向拖動(dòng)。要選中不連續(xù)的幾個(gè)單元格，可以按住Ctrl鍵，單擊要選擇的所有單元格即可。要選擇某一行或某一列，將光標(biāo)移動(dòng)到行左側(cè)或列上方，鼠標(biāo)指針變?yōu)橄蛴一蛳蛳碌募^圖標(biāo)時(shí)，單擊即可。3、設(shè)置表格屬性選中一個(gè)表格后，可以通過屬性面板更改表格屬性。圖1“填充”文本框用來設(shè)置單元格邊距，“間距”文本框用來設(shè)置單元格間距?！皩?duì)齊”下拉列表框用來設(shè)置表格的對(duì)齊方式，默認(rèn)的對(duì)齊方式一般為左對(duì)齊?！斑吙颉蔽谋究蛴脕碓O(shè)置表格邊框的寬度?！氨尘邦伾蔽谋究蛴脕碓O(shè)置表格的背景顏色?！斑吙蝾伾庇脕碓O(shè)置表格邊框的顏色。 在“背景圖像”文

5、本框填入表格背景圖像的路徑，可以給表格添加背景圖像。也可以如下圖所示給文本框加上鏈接路徑。還可以單擊文本框后的“瀏覽”按鈕，查找圖像文件。在“選擇圖像源”對(duì)話框中定位并選擇要設(shè)置為背景的圖片，單擊“確認(rèn)”按鈕即可。4、單元格屬性把光標(biāo)移動(dòng)到某個(gè)單元格內(nèi)，可以利用單元格屬性面板對(duì)這個(gè)單元格的屬性進(jìn)行設(shè)置。圖2“水平”文本框用來設(shè)置單元格內(nèi)元素的水平排版方式，是居左、居右或是居中。“垂直”文本框用來設(shè)置單元格內(nèi)的垂直排版方式，是頂端對(duì)齊、底端對(duì)齊或是居中對(duì)齊?！案摺?、“寬”文本框用來設(shè)置單元格的寬度和高度。“不換行”復(fù)選框可以防止單元格中較長(zhǎng)的文本自動(dòng)換行。“標(biāo)題”復(fù)選框使選擇的單元格成為標(biāo)題單元

6、格，單元格內(nèi)的文字自動(dòng)以標(biāo)題格式顯示出來。“背景”文本框用來設(shè)置表格的背景圖像。“背景顏色”文本框用來設(shè)置表格的背景顏色。“邊框”文本框用來色設(shè)置表格邊框的顏色。5、表格的行和列選中要插入行或列的單元格，單擊鼠標(biāo)右鍵，在彈出菜單中選擇“插入行”或“插入列”或“插入行或列”命令。如果選擇了“插入行”命令，在選擇行的上方就插入了一個(gè)空白行，如果選擇了“插入列”命令，就在選擇列的左側(cè)插入了一列空白列。如果選擇了“插入行或列”命令，會(huì)彈出“插入行或列”對(duì)話框，可以設(shè)置插入行還是列、插入的數(shù)量，以及使在當(dāng)前選擇的單元格的上方或下方、左側(cè)或是右側(cè)插入行或列。要?jiǎng)h除行或列，選擇要?jiǎng)h除的行或列，單擊鼠標(biāo)右鍵，

7、在彈出菜單中選擇“刪除行”或“刪除列”命令即可。6、拆分與合并單元格拆分單元格時(shí)，將光標(biāo)放在待拆分的單元格內(nèi)，單擊屬性面板上的“拆分”按鈕，在彈出對(duì)話框中，按需要設(shè)置即可。合并單元格時(shí)，選中要合并的單元格，單擊屬性面板中的“合并”按鈕即可。三、學(xué)生實(shí)訓(xùn)學(xué)生根據(jù)教師演示練習(xí)表格插入的兩種方法，編輯自己插入的表格如：用多種方法選擇表格、行列和單元格，設(shè)置表格和單元格的屬性。四、教師指導(dǎo)和方法教師演示講解完成后，給學(xué)生布置本節(jié)練習(xí)內(nèi)容，學(xué)生在練習(xí)過程中教師要巡視了解學(xué)生練習(xí)掌握情況，發(fā)現(xiàn)問題及時(shí)解決，并對(duì)練習(xí)較好的同學(xué)適時(shí)提出表?yè)P(yáng)，督促學(xué)習(xí)組長(zhǎng)查看小組成員練習(xí)進(jìn)程，通過以快帶慢的方法完成本節(jié)學(xué)習(xí)目標(biāo)。五、考核及評(píng)價(jià)方法熟練地插入表格并編輯，設(shè)置表格和單元格的屬性。教師提問，學(xué)生回答，導(dǎo)入新課學(xué)生看教材，回答插入表格的兩種方法，教師演示學(xué)生觀察 表格對(duì)話框，了解表格的想關(guān)屬性體會(huì)表格寬度的兩種單位：百分比和像素的區(qū)別看左圖了解單元格邊距和單元格間距的區(qū)別了解表格、行和單元格對(duì)應(yīng)的標(biāo)簽教師演示對(duì)表格的基本操作如行列的選擇刪除等會(huì)利用屬性面板設(shè)置表格