教案：使用表格布局網(wǎng)頁

《教案：使用表格布局網(wǎng)頁》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫。

1、教學(xué)內(nèi)容：項(xiàng)目五表格的應(yīng)用任務(wù)3、使用表格布局網(wǎng)頁課程：網(wǎng)頁設(shè)計(jì)與制作專業(yè)：計(jì)算機(jī)授課課時(shí)：1課時(shí)教師：授課班級：單位：授課時(shí)間：6教學(xué)設(shè)計(jì)說明：對于使用表格布局“個(gè)人寫真”首頁的任務(wù)，我在堅(jiān)持以教師為主導(dǎo)，學(xué)生為主體的教學(xué)原則下，通過復(fù)習(xí)提問——鞏固舊知；創(chuàng)設(shè)情景——導(dǎo)入新課，明確任務(wù)；提出問題——分析任務(wù)，引發(fā)思考、課堂討論、獲取知識；講授點(diǎn)撥——任務(wù)實(shí)施，引出重點(diǎn)；師生互動，歸納提高——攻破難點(diǎn)五個(gè)環(huán)節(jié)進(jìn)行教學(xué)。在任務(wù)實(shí)施中采取小組合作完成的方法，以小組為整體回答問題及完成操作性任務(wù)，小組評比采用星級制，小組得星數(shù)量從多到少評為優(yōu)、良、合格、差。以此培養(yǎng)學(xué)生的合作意識、激發(fā)學(xué)

2、生積極性及學(xué)習(xí)熱情。授課項(xiàng)目項(xiàng)目五、表格的應(yīng)用任務(wù)3、使用表格布局網(wǎng)頁教學(xué)目標(biāo)知識與技能目標(biāo)1．理解表格在網(wǎng)頁布局中的重要功能。2．掌握插入表格的相關(guān)操作，如插入表格的方法、設(shè)置表格和單元格屬性的方法、表格結(jié)構(gòu)的調(diào)整、表格的嵌套等。3、理解網(wǎng)頁布局排版的原則4、將素材插入表格過程方法目標(biāo)1．通過用表格布局網(wǎng)頁，進(jìn)一步理解表格的作用、功能。2．通過對比學(xué)習(xí)與自主探究，了解并掌握軟件學(xué)習(xí)的一般方法及規(guī)律，提升自主學(xué)習(xí)能力。情感態(tài)度與價(jià)值觀激發(fā)學(xué)生制作網(wǎng)站的興趣，培養(yǎng)嚴(yán)謹(jǐn)?shù)膶W(xué)風(fēng)，相互協(xié)作的合作精神。教學(xué)重點(diǎn)網(wǎng)頁布局表格結(jié)構(gòu)的設(shè)計(jì)與制作教學(xué)難點(diǎn)網(wǎng)頁布局排版的原則學(xué)情分析本課程的教學(xué)對象是計(jì)

3、算機(jī)專業(yè)二年級學(xué)生，具備一定的計(jì)算機(jī)應(yīng)用、圖片處理軟件的基礎(chǔ)，并且在之前已經(jīng)學(xué)過了平面設(shè)計(jì)及Flash動畫,在此基礎(chǔ)上學(xué)習(xí)網(wǎng)頁設(shè)計(jì)與制作是有一定的理論及技能基礎(chǔ)的。但是也存在著問題：綜合應(yīng)用能力薄弱，自主學(xué)習(xí)能力較差，學(xué)生之間學(xué)習(xí)水平差異較大。教材處理教材所用實(shí)例不夠典型且與之前技能點(diǎn)聯(lián)系不夠，在此更換實(shí)例，同時(shí)加入超級鏈接的元素，使實(shí)例成為綜合性網(wǎng)站制作實(shí)例，以便讓學(xué)生以小組合作的形式去探索完成。教、學(xué)法1、教法：案例教學(xué)法、任務(wù)驅(qū)動法、對比教學(xué)法2、學(xué)法：自主學(xué)習(xí)法、合作學(xué)習(xí)法小組分配按照異質(zhì)分組的原則，參與指導(dǎo)小組的劃分：61、組長由成績好、組織協(xié)調(diào)能力強(qiáng)的學(xué)生擔(dān)任；2、各小

4、組均有一名技術(shù)操作能力較強(qiáng)的學(xué)生；3、各小組均有成績優(yōu)秀、中等和較差的學(xué)生；每組選出組長負(fù)責(zé)分工，確保每人都有分工。本項(xiàng)目以小組（每組5—6人）為單位，通過分析任務(wù)單，展開討論、自主探究、完成任務(wù)。由組員推薦或者自薦，進(jìn)行小組間交流展示。教學(xué)資源1、多媒體網(wǎng)絡(luò)教室、互動多媒體軟件。2、參考多本同類教材并結(jié)合實(shí)際需要整合資源。3、選用教參上的典型網(wǎng)頁布局實(shí)例。教學(xué)評價(jià)體系教師評價(jià)；學(xué)生自評；學(xué)生互評教學(xué)過程設(shè)計(jì)教師活動教學(xué)內(nèi)容學(xué)生活動教學(xué)準(zhǔn)備將本項(xiàng)目完成所需素材、效果圖打包發(fā)給學(xué)生。學(xué)生依據(jù)此文件夾創(chuàng)建網(wǎng)站的站點(diǎn)。復(fù)習(xí)回顧帶領(lǐng)學(xué)生回顧與本課學(xué)習(xí)相關(guān)的技能點(diǎn)，為進(jìn)入新課的學(xué)習(xí)做好準(zhǔn)備。

5、一、復(fù)習(xí)回顧1、你所了解的網(wǎng)頁有哪些基本元素？2、請總結(jié)在網(wǎng)頁中插入這些網(wǎng)頁元素的方法？3、請創(chuàng)建名為“mywb”的站點(diǎn)，站點(diǎn)根目為D:/myweb素材1、復(fù)習(xí)鞏固舊知，小組討論總結(jié)2、明確網(wǎng)頁制作員的工作素養(yǎng)——有序、嚴(yán)謹(jǐn)導(dǎo)入新課引導(dǎo)學(xué)生觀察2個(gè)網(wǎng)頁中的文本、圖片等元素的布局，強(qiáng)調(diào)兩個(gè)網(wǎng)頁在制作中的區(qū)別是前者運(yùn)用表格進(jìn)行合理布局，可見布局在網(wǎng)頁制作中的重要作用。二、導(dǎo)入新課看圖觀察對比2張網(wǎng)頁效果圖圖1圖2【觀看效果圖】觀看老師展示的2張頁面效果圖?！緦W(xué)生感受】學(xué)生明確表格在網(wǎng)頁制作中的的重要作用。6提出本次課的任務(wù)。首頁效果圖學(xué)生明確本課的學(xué)習(xí)任務(wù)。任務(wù)分析請同學(xué)們觀察首頁的布

6、局，分析首頁的版面結(jié)構(gòu)，得出首頁表格布局圖。任務(wù)實(shí)施向?qū)W生展示首頁表格尺寸圖三、進(jìn)入新課1、任務(wù)分析2、任務(wù)實(shí)施（一）、插入布局頁面的表格并在表格、單元格屬性面板中設(shè)置表格【操作步驟】步驟1：單擊菜單欄[插入記錄]/[表格]，設(shè)【學(xué)生討論】學(xué)生在教師的引導(dǎo)下，分析、歸納該頁面布局規(guī)律。6演示操作步驟請學(xué)生到教師機(jī)上演示表格四的操作。巡回檢查學(xué)生制作，并針對制作過程出現(xiàn)問題進(jìn)行及時(shí)指正。引導(dǎo)學(xué)生建立調(diào)整表格結(jié)構(gòu)的思路，參照WORD軟件中相關(guān)操作。演示操作步驟教師巡回檢查學(xué)生制作，并針對制作過程出現(xiàn)問題進(jìn)行及時(shí)指正。置：1*1，邊框、邊距、間距：0；步驟2：單擊狀態(tài)欄[table]標(biāo)簽

7、，設(shè)置表格對齊方式為“居中”；步驟3：單擊狀態(tài)欄[td]標(biāo)簽，設(shè)置單元格高；步驟4：表格2、3、4的創(chuàng)建方法同上?！咎岢鰡栴}】如果表格屬性填充、間距、邊框不設(shè)為0是什么效果？練習(xí)一：帶著問題完成表格插入及屬性設(shè)置操作。【總結(jié)】如果沒有指明單元格邊距和單元格間距，大多數(shù)瀏覽器按單元格邊距為1、單元格間距為2來顯示表格。（二）調(diào)整表格結(jié)構(gòu)1、合并、拆分表格【操作步驟】步驟1：光標(biāo)定位于表格2中，單擊單元格屬性面板“拆分”按鈕，將單元格差分成10列；步驟2：按住ctrl鍵選