第六講使用表格布局網(wǎng)頁(yè)

1、授課日期  班級(jí)名稱  授課地點(diǎn)  教學(xué)課題第六講 使用表格布局網(wǎng)頁(yè)課    時(shí)4學(xué)時(shí)教學(xué)目的1學(xué)會(huì)添加表格、設(shè)置表格屬性。2掌握設(shè)置表格中行和列屬性的方法。3掌握拆分單元格，合并單元格的方法。4掌握在表格中輸入文字并定位的方法。5掌握在表格中插入圖像并定位的方法。知識(shí)目標(biāo)1添加表格、設(shè)置表格屬性。2設(shè)置表格中行和列屬性的方法。3拆分單元格，合并單元格的方法。4在表格中輸入文字并定位的方法。5在表格中插入圖像并定位的方法。能力目標(biāo)熟練記住用表格布局網(wǎng)頁(yè)的操作要點(diǎn)素質(zhì)目標(biāo)培養(yǎng)學(xué)生創(chuàng)新能力和獨(dú)立思考能力，并使

2、其具有分析問題、解決問題的能力重    點(diǎn)表格的基本操作、表格及單元格的屬性設(shè)置難    點(diǎn)利用表格布局頁(yè)面的技巧和方法課   型講授型教學(xué)方法任務(wù)驅(qū)動(dòng)法、分組討論法、理論實(shí)踐一體化教學(xué)手段多媒體教學(xué)教    參網(wǎng)頁(yè)設(shè)計(jì)與制作教程   人民郵電出版社教學(xué)環(huán)節(jié) 時(shí)間安排1. 復(fù)習(xí)提問：鼠標(biāo)經(jīng)過圖像與導(dǎo)航條有何區(qū)別？52.情境設(shè)置，項(xiàng)目引入情境設(shè)置：BZ旅行社想在“E游天下”網(wǎng)站中設(shè)計(jì)制作一個(gè)介紹各大江湖景點(diǎn)的頁(yè)面，請(qǐng)你使用表格布局結(jié)合圖片、文本設(shè)計(jì)并制作。通

3、過具體情境引入本次課要學(xué)的“表格布局網(wǎng)頁(yè)”，并展示項(xiàng)目最終效果網(wǎng)頁(yè)。53.教學(xué)目標(biāo)說明：介紹本次課的項(xiàng)目要求、項(xiàng)目目標(biāo)、項(xiàng)目重點(diǎn)難點(diǎn)。54.項(xiàng)目資訊，發(fā)放資料簡(jiǎn)要介紹項(xiàng)目制作所需的主要知識(shí)及操作方法；將學(xué)習(xí)資料以PPT及視頻動(dòng)畫的形式發(fā)給學(xué)生。105.角色扮演，形成方案每組學(xué)生既模擬客戶又模擬網(wǎng)站設(shè)計(jì)公司，既負(fù)責(zé)向下一組提出客戶需求，又負(fù)責(zé)為上一組設(shè)計(jì)制作網(wǎng)頁(yè)；組長(zhǎng)（項(xiàng)目經(jīng)理）負(fù)責(zé)向組員（網(wǎng)頁(yè)設(shè)計(jì)師）講述客戶需求，組員集思廣益，產(chǎn)生完成項(xiàng)目的初步方案。256.方案展示，確定目標(biāo)各項(xiàng)目經(jīng)理將討論后的方案進(jìn)行展示，各組組員可做補(bǔ)充說明；教師與其他組成員點(diǎn)評(píng)，經(jīng)改進(jìn)后最終確定可實(shí)施的、能夠達(dá)成知識(shí)和

4、技能目標(biāo)的工作方案。257. 任務(wù)分解，實(shí)戰(zhàn)操練教師將項(xiàng)目分解為多個(gè)任務(wù)：任務(wù)1: 表格布局網(wǎng)頁(yè)任務(wù)2: 設(shè)計(jì)制作“江湖游”網(wǎng)頁(yè)任務(wù)3：編輯“江湖游”網(wǎng)頁(yè)每組成員按照客戶需求分步進(jìn)行設(shè)計(jì)制作，教師巡視指導(dǎo)。針對(duì)學(xué)生中普遍存在的問題利用教學(xué)廣播講解演示；針對(duì)個(gè)別問題，進(jìn)行個(gè)別指導(dǎo)。608.成果展示，考核評(píng)價(jià)由小組觀摩評(píng)選出一個(gè)優(yōu)秀設(shè)計(jì)作品進(jìn)行成果展示。介紹過程中要求說明設(shè)計(jì)思路及制作過程中遇到的問題，如何解決問題，同時(shí)其他組成員也可提出問題，讓設(shè)計(jì)者解釋設(shè)計(jì)所用的相關(guān)技術(shù)及特點(diǎn)；依據(jù)項(xiàng)目評(píng)價(jià)表對(duì)作品進(jìn)行自我評(píng)價(jià)、小組評(píng)價(jià)和教師評(píng)價(jià)，挖掘作品優(yōu)點(diǎn)，并指出問題所在，給出具體改進(jìn)及修改意見；評(píng)選出 “

5、最佳美工設(shè)計(jì)”、 “最佳網(wǎng)頁(yè)制作”、 “最佳組織協(xié)作”、“最佳員工”等獎(jiǎng)項(xiàng)。 259. 總結(jié)歸納，引申提高首先提問學(xué)生總結(jié)，讓學(xué)生談本項(xiàng)目的收獲；教師對(duì)本次課的實(shí)際意義、重點(diǎn)、難點(diǎn)、容易出錯(cuò)處等及時(shí)進(jìn)行總結(jié)。并針對(duì)項(xiàng)目的不足之處，進(jìn)行引申和提高。小結(jié)：本次課主要學(xué)習(xí)了表格的創(chuàng)建方法，表格及單元格的基本操作，設(shè)置表格及單元格的屬性，格式化表格的方法；要學(xué)會(huì)應(yīng)用表格技術(shù)對(duì)網(wǎng)頁(yè)中的各個(gè)對(duì)象進(jìn)行定位，并通過表格在網(wǎng)頁(yè)上更直觀、更有條理地顯示各類信息。1510布置作業(yè)，舉一反三（1）基礎(chǔ)作業(yè)：繼續(xù)改進(jìn)作品；填寫項(xiàng)目總結(jié)報(bào)告；布置下次課任務(wù)。 （2）提高作業(yè)：制作以表格布局的展示三峽旅游景點(diǎn)的網(wǎng)頁(yè) 5總計(jì)

6、180新授內(nèi)容 1. 認(rèn)識(shí)表格：表格的組成元素、表格的應(yīng)用2表格的基本操作 （1）新建網(wǎng)頁(yè) （2）插入表格 （3）選擇表格和表格元素 （4）設(shè)置表格及單元格的屬性 （5）調(diào)整表格的結(jié)構(gòu) （6）在表格中輸入文本和插入圖像 （7）重新設(shè)置表格的邊框，保存網(wǎng)頁(yè)，且在瀏覽器中預(yù)覽效果課堂實(shí)踐操作要求（1）打開“課堂實(shí)踐”網(wǎng)站文件夾“04表格布局”中的網(wǎng)頁(yè)文檔“04.html”。（2）利用表格布局網(wǎng)頁(yè)04.html的頁(yè)面。（3）設(shè)置表格屬性以及單元格的屬性，“邊框”設(shè)置為1，“填充”設(shè)置為1，“間距”設(shè)置為0。（4）根據(jù)需要對(duì)單元格進(jìn)行拆分或合并。（5）在表格中插入圖像和文本，且設(shè)置圖像或文本的格式。（6）保存網(wǎng)頁(yè)文檔，且在瀏覽器中瀏覽該網(wǎng)頁(yè)。說明：所有的素材都存儲(chǔ)在文件夾“04表格布局”中的各個(gè)子文件夾中。疑難解析問題1：Dreamweaver 8提供了一些事先設(shè)計(jì)好的表格外觀樣式，如何讓網(wǎng)頁(yè)中的表格套用這些表格外觀樣式？問題2：網(wǎng)頁(yè)中的表格除了用于布局網(wǎng)頁(yè)外，還可以存儲(chǔ)數(shù)據(jù)，如何對(duì)表格中的數(shù)據(jù)象Excel表一樣進(jìn)行排序操作呢？問題3：怎樣向網(wǎng)頁(yè)中導(dǎo)入外部Exce