8A 第13課 充實(shí)主頁

一、教學(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)頁制作有著十分重要的作用。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,921評(píng)論 25 709
  • 用兩張圖告訴你,為什么你的 App 會(huì)卡頓? - Android - 掘金 Cover 有什么料? 從這篇文章中你...
    hw1212閱讀 13,950評(píng)論 2 59
  • 一、教學(xué)目標(biāo) 知識(shí)與技能目標(biāo):通過分析不同的頁面布局,理解布局在版面設(shè)計(jì)中的重要性。利用表格規(guī)劃網(wǎng)頁布局,掌...
    夢(mèng)幻天堂曉閱讀 671評(píng)論 0 2
  • 從廈門回四川,在武漢中途轉(zhuǎn)車因?yàn)榱熊囃睃c(diǎn),我一個(gè)人拖著裝滿廈門特產(chǎn)的行李箱,走在這座長(zhǎng)江邊的大城市,我索性去夜市吃...
    七昕月閱讀 358評(píng)論 0 3
  • (一) A小姐,每天都能在朋友圈看到她各種花式自拍,漂亮的大眼睛,或萌或高冷的表情,有時(shí)候你會(huì)產(chǎn)生幻覺,我微信什么...
    Bramasole_c02a閱讀 159評(píng)論 0 0

友情鏈接更多精彩內(nèi)容