一、教學(xué)目標(biāo)
? ? ? ?知識(shí)與技能目標(biāo):通過充實(shí)主頁的內(nèi)容,掌握插入圖片、設(shè)置單元格屬性、加入滾動(dòng)字幕等方法;通過主頁上版本信息的注明,樹立正確的版權(quán)保護(hù)意識(shí);通過對(duì)主頁的適當(dāng)調(diào)整與美化,進(jìn)一步提高對(duì)頁面布局、圖文混搭,顏色搭配進(jìn)行合理的調(diào)控能力。
? ? ? ?過程與方法目標(biāo):通過充實(shí)主頁內(nèi)容,掌握插入圖片、設(shè)置單元格屬性、加入滾動(dòng)字幕等方法,并樹立正確的版權(quán)意識(shí)。
? ? ? ?情感態(tài)度價(jià)值觀目標(biāo):本課特意安排了“給網(wǎng)站注明作者和聯(lián)系方式”,培訓(xùn)樣學(xué)生對(duì)自我作品的保護(hù)意識(shí)。
二、教學(xué)重難點(diǎn)
教學(xué)重點(diǎn):圖片插入、單元格屬性設(shè)置、版權(quán)說明;
教學(xué)難點(diǎn):首頁內(nèi)容豐富、圖片色彩搭配和諧。
三、教學(xué)準(zhǔn)備
網(wǎng)絡(luò)教室,示例網(wǎng)站,素材庫。
四、教學(xué)過程設(shè)計(jì)
? ? ? ?一、導(dǎo)入
? ? ? ?展示2張素材相同布局不同的網(wǎng)頁。提問①:哪一張比較美觀?對(duì)照課本圖12-1至12-4常見網(wǎng)站主頁構(gòu)成圖,它屬于哪種類型? ②:它是怎么布局的?
? ? ? ?設(shè)計(jì)意圖:學(xué)生觀察和比較兩張網(wǎng)頁,個(gè)別回答問題。通過提問、引導(dǎo)、比較等方法,培養(yǎng)學(xué)生辨別表格布局網(wǎng)頁頁面的好處。
? ? ? 教師分析網(wǎng)頁中所隱含的表格結(jié)構(gòu),總結(jié)用表格為網(wǎng)頁布局的重要性。
? ? ? ? ? 二、新授
? ? ? ?(一)分析表格布局
? ? ? ? 提問:這張網(wǎng)頁是用幾行幾列的表格布局的?
? ? ? ? 教師展示表格結(jié)構(gòu)。
? ? ? ? 展示“網(wǎng)絡(luò)世界”網(wǎng)站主頁,讓學(xué)生分析表格結(jié)構(gòu)。
? ? ? ?學(xué)生活動(dòng):分析網(wǎng)頁中所隱含的表格結(jié)構(gòu),并回答。
? ? ? ?設(shè)計(jì)意圖:通過提問、比較、學(xué)生回答,教師示范演示等方法,提高學(xué)生如何利用表格布局網(wǎng)頁頁面的能力。
? ? ? ? (二)設(shè)置網(wǎng)頁大小
? ? ? ? 布置任務(wù)一:打開自己的網(wǎng)站主頁,設(shè)置網(wǎng)頁大小。
? ? ? ?一起學(xué)習(xí)“日積月累”。
? ?學(xué)生活動(dòng):學(xué)生讀讀“日積月累”,查找一下自己屏幕的分辨率。
? ? ? (三)插入及編輯表格并完成頁面布局
? ? ? 布置任務(wù)二:根據(jù)自己的網(wǎng)站主頁設(shè)計(jì),插入表格。
? ? ? 個(gè)別學(xué)生演示插入表格。
? ? ? 布置任務(wù)三:對(duì)表格進(jìn)行拆分,調(diào)整單元格。
? ? ? 教師演示,并作頁面布局。
? ? ? 完成之前操作的學(xué)生確定標(biāo)題欄目和分欄目,并在主頁中插入圖片和文字。
? ? ? 設(shè)計(jì)意圖:學(xué)生在制作過程中的合作、討論、展示、交流、評(píng)價(jià)及歸納等方法,培養(yǎng)學(xué)生的思考能力、語言組織能力、語言表達(dá)能力、歸納能力和審美能力。
? ? ? ? (四)注明版權(quán)信息
? ? ? ? 布置任務(wù)三:在網(wǎng)站主頁正下方標(biāo)注網(wǎng)站作者及聯(lián)系方式等信息。
? ? ? ? 三、課堂總結(jié)
? ? ? ?展示個(gè)別學(xué)生的成果,并分析成功和欠缺的地方。
? ? ? ?設(shè)計(jì)意圖:學(xué)生分析,教師總結(jié)。培養(yǎng)學(xué)生重視學(xué)習(xí)結(jié)果質(zhì)量,并從中獲得成功的體驗(yàn)。
五、教后反思
? ? ? ?如何將文字、圖像和網(wǎng)頁各元素合理、恰當(dāng)?shù)呐欧旁诰W(wǎng)頁中,使頁面易讀和美觀,是初學(xué)者建設(shè)網(wǎng)站要考慮的問題。觀察一些站點(diǎn),不難發(fā)現(xiàn),很多網(wǎng)頁都是使用表格來組織的。利用表格來布局頁面,對(duì)于初學(xué)者來說易上手,因?yàn)樗钥梢暬男问匠尸F(xiàn)信息,比較直觀,對(duì)頁面元素定位也比較方便。學(xué)生制作的網(wǎng)站最終效果如何,取決于頁面布局的合理性,因此,本課對(duì)于網(wǎng)頁制作有著十分重要的作用。