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

第3節(jié)《用表格布局網(wǎng)頁》教學(xué)設(shè)計一、教材分析《用表格布局網(wǎng)頁》是廣東教育出版社2015年8月出版，2021年8月第7次印刷的廣州市教育研究院編廣州市信息技術(shù)教科書2015.8出版，***年重印《信息技術(shù)》第三冊第2章第3節(jié)的內(nèi)容。學(xué)生從了解前兩節(jié)已經(jīng)學(xué)習(xí)網(wǎng)頁與網(wǎng)站、創(chuàng)建站點(diǎn)和網(wǎng)頁，對網(wǎng)頁的制作有了初步的了解，這節(jié)課開始這樣表述欠妥，什么叫真正第一課？接觸網(wǎng)頁元素，對后面網(wǎng)頁元素的豐富、整站的制作起著承上啟下的作用。讓學(xué)生建立網(wǎng)頁布局的的意識，是本課首先要解決的問題。Dreamweaver中的表格則是實現(xiàn)網(wǎng)頁布局的手段。形式多樣、色彩豐富的布局是吸引學(xué)生學(xué)習(xí)興趣的內(nèi)容，同時也是教師要認(rèn)真整理和講解的素材。書本列舉了目前常見的網(wǎng)頁版式，介紹了設(shè)計個性化網(wǎng)頁版式和添加各種網(wǎng)頁元素的方法。2015.8出版，***年重印前兩節(jié)已經(jīng)學(xué)習(xí)這樣表述欠妥，什么叫真正第一課？二、學(xué)情分析九年級的學(xué)生，對于新鮮的事物有一定的熱情?？梢岳盟麄兊臒崆?，用精心準(zhǔn)備的主題和素材，吸引他們投入到網(wǎng)頁的制作中來。通過不斷地模仿，逐步掌握利用表格實現(xiàn)網(wǎng)頁布局的技巧，甚至萌發(fā)創(chuàng)作的種子，慢慢形成自己的網(wǎng)頁布局風(fēng)格。男、女生學(xué)習(xí)的狀態(tài)是不一樣的。男生更多的是靠自己的想象和理解，女生更多的是跟著教師的范例走。軟件提供的實現(xiàn)方法可能不止一種，部分操作也有一定的規(guī)則，違反了規(guī)則可能就會出錯。對于越來越少使用臺式計算機(jī)的學(xué)生來說，出現(xiàn)操作上的錯誤在所難免。需要教師不斷地巡視，及時發(fā)現(xiàn)并找到原因加以點(diǎn)撥指導(dǎo)。三、學(xué)習(xí)目標(biāo)1.知識與技能（1）了解目前常見的網(wǎng)頁版式。（2）學(xué)會設(shè)計個性化網(wǎng)頁版式的基本方法。（3）掌握添加各種網(wǎng)頁元素的方法。2.過程與方法目標(biāo)：（1）利用對比學(xué)習(xí)，形成知識遷移的能力。（2）通過用表格布局網(wǎng)頁，進(jìn)一步理解表格在網(wǎng)頁布局中的作用、功能。（3）通過對比學(xué)習(xí)與自主探究，了解并掌握軟件學(xué)習(xí)的一般方法及規(guī)律，提升自主學(xué)習(xí)能力。33.不是3、.情感態(tài)度與價值觀目標(biāo):3.不是3、（1）通過對用表格布局網(wǎng)頁的學(xué)習(xí)，增強(qiáng)審美觀，提高對學(xué)習(xí)網(wǎng)頁制作的興趣。（2）通過“廣州騎樓”網(wǎng)站的制作，激發(fā)學(xué)生熱愛本土文化、保護(hù)古老建筑的責(zé)任感，從而進(jìn)一步樹立保護(hù)人類物質(zhì)文化遺產(chǎn)的意識。四、教學(xué)重點(diǎn)：1.了解表格在網(wǎng)頁設(shè)計中的重要作用。2.掌握網(wǎng)頁中表格的制作方法及其基本編輯方法。3.掌握表格屬性、單元格屬性的設(shè)置。五、教學(xué)難點(diǎn)：1.嵌套表格在網(wǎng)頁設(shè)計中的應(yīng)用。2.表格屬性、單元格屬性的靈活運(yùn)用。六、教學(xué)策略：對比引導(dǎo)、任務(wù)驅(qū)動、自主探究七、教學(xué)過程：教學(xué)內(nèi)容教師活動學(xué)生活動設(shè)計意圖不需要一、二、點(diǎn)，直接寫環(huán)節(jié)導(dǎo)入：不需要一、二、點(diǎn)，直接寫環(huán)節(jié)對比演示文稿軟件，引入本節(jié)教學(xué)內(nèi)容。講述Dreamweaver與演示文稿類軟件處理媒體元素的不同點(diǎn)，引出本節(jié)的學(xué)習(xí)目標(biāo)句子最后不需要標(biāo)點(diǎn)。句子最后不需要標(biāo)點(diǎn)。認(rèn)真觀看、聆聽導(dǎo)入新課本節(jié)教學(xué)目標(biāo)1.了解目前常見的網(wǎng)頁版式2.學(xué)會設(shè)計個性化網(wǎng)頁版式的基本方法3.掌握添加各種網(wǎng)頁元素的方法認(rèn)真觀看、聆聽講述學(xué)習(xí)目標(biāo)新授:（一）網(wǎng)頁內(nèi)容模塊分析通過具體網(wǎng)頁，分析歸納網(wǎng)頁內(nèi)容模塊網(wǎng)頁的主要內(nèi)容模塊：網(wǎng)站徽標(biāo)+導(dǎo)航欄+橫幅廣告導(dǎo)航菜單+其他版權(quán)信息+聯(lián)系方式+其他廣告+其他認(rèn)真觀看，聆聽歸納網(wǎng)頁內(nèi)容模塊（二）了解常見網(wǎng)頁版式這幾個內(nèi)容模塊的不同組合就形成不同的版式，如：三字形、T字形、同字形和POP形學(xué)生認(rèn)真觀看、聆聽利用模塊構(gòu)建版式（三）案例介紹介紹制作人員規(guī)劃網(wǎng)頁的案例學(xué)生認(rèn)真觀看、聆聽引導(dǎo)學(xué)生規(guī)劃網(wǎng)頁（四）設(shè)計網(wǎng)頁版式任務(wù)一：模仿課本78頁建立一個T字形版式的無元素網(wǎng)頁。播放視頻《設(shè)計網(wǎng)頁版式》定位至上節(jié)課建立的網(wǎng)站“廣州騎樓”，打開網(wǎng)站首頁文件“index.html”。此時網(wǎng)頁的背景已經(jīng)被設(shè)置為土黃色“#FFCC66”“#FFCC66“#FFCC66”1.插入一個“2×2”的表格，表格寬度設(shè)置為“800”像素。為了不讓用戶看出表格的痕跡，將邊框粗細(xì)設(shè)置為“0”像素，如果你自己喜歡也可以設(shè)置成有線的形式。其他不用設(shè)置2.合并第一列的兩個單元格，并將這一列的寬度設(shè)置為“200”像素學(xué)生認(rèn)真觀看、聆聽后，根據(jù)課本的提示進(jìn)行操作學(xué)習(xí)插入表格的方法（五）添加網(wǎng)頁元素任務(wù)二：根據(jù)課件中提供的網(wǎng)頁案例在表格的對應(yīng)列中插入文字、圖片、嵌套表格。調(diào)整文字格式及圖片、嵌套表格的大小。播放視頻《添加網(wǎng)頁元素》1.在表格第1行、第2列添加文字“廣州騎樓”。文字大小設(shè)置為“90”像素，顏色設(shè)置為深棕紅色“#660000“#660000””并加粗，讓標(biāo)題居于單元格正中間“#660000”2.在表格第2列、第2行插入名為“qilou.jpg”的圖像，并把圖像的大小設(shè)置為寬“550”高“350”，水平距離“30”，對齊方式為“居中”3.將表格第1列的背景顏色設(shè)置為棕紅色“#660000”，插入一個“6×1”的嵌套表格，表格的寬度設(shè)置為“200”，高度設(shè)置為“60”，水平、垂直的對齊方式均為居中。分別在嵌套表格中的每一行輸入“目錄”“首頁”“發(fā)展歷程”“風(fēng)格樣式”“輻射影響”““A”“B”這樣格式不需要加頓號、身邊騎樓”等文本。除了“首頁”設(shè)置為“46”號字加粗，顏色為“#FFFFF”以為，其它均設(shè)置為“28“A”“B”這樣格式不需要加頓號、學(xué)生認(rèn)真觀看、聆聽后，根據(jù)課本的提示進(jìn)行操作學(xué)習(xí)插入網(wǎng)頁元素的方法課堂小結(jié)今天我們共同學(xué)習(xí)了以下內(nèi)容：Dreamweaver對媒體元素的處理形式網(wǎng)頁的常見結(jié)構(gòu)模塊常見的網(wǎng)頁版式使用表格設(shè)計個性化網(wǎng)頁版式的方法表格在網(wǎng)頁布局中的作用添加各種網(wǎng)頁元素的方法學(xué)生認(rèn)真觀看、聆聽總結(jié)歸納本節(jié)學(xué)習(xí)內(nèi)容課堂練習(xí)展示練習(xí)題，等學(xué)生思考片刻出示答案，根據(jù)書本的內(nèi)容進(jìn)行解答學(xué)生作答，聆聽解答鞏固知識課堂答疑一、為什么“表格寬度”這里我們設(shè)置為“800