《HTML網(wǎng)頁設(shè)計》教案

1、章節(jié)課題HTML 網(wǎng)頁設(shè)計教案第一章 HTML列 1號共 5頁授課日期2007 年9 月4 日 第一周星期（二） 第12 節(jié)授課時數(shù)2 學(xué)時教學(xué)目的知識目標：了解HTML 的發(fā)展歷史，掌握網(wǎng)頁設(shè)計原則。學(xué)會操作DREAMWEAVER 8 ，學(xué)會結(jié)合 Dreamweaver 輔助編寫HTML代碼。能力目標：培養(yǎng)學(xué)生們軟件操作的技能、協(xié)作學(xué)習(xí)的能力以及應(yīng)用所學(xué)知識解決實際問題的能力。品德目標：引發(fā)學(xué)生學(xué)習(xí)制作網(wǎng)頁知識的興趣，發(fā)展創(chuàng)新精神，培養(yǎng)實事求是，理論與實際相結(jié)合的科學(xué)態(tài)度與科學(xué)精神。通過師生、生生互動，增進增強學(xué)生的自主性和合作精神。教學(xué)方法多媒體教室，采用“演示式”教學(xué)法。教學(xué)重點掌握網(wǎng)頁

2、設(shè)計原則，引發(fā)學(xué)習(xí)興趣。教學(xué)難點DREAMWEAVER 8結(jié)合 Dreamweaver 輔助編寫HTML圖見課前準備工作作業(yè)題號見教案：附加題時間分配圖樣主 要 教 學(xué) 內(nèi) 容 及 步 驟圖11：騰迅QQ 網(wǎng)站首頁；圖12：網(wǎng)址之家首頁截圖；截圖； 圖14：愛情交友網(wǎng)站首頁截圖；圖15：兒童網(wǎng)站首頁截圖；圖16：新浪網(wǎng)站首頁截圖。課前演準示1第一章 HTML網(wǎng)頁設(shè)計入門PPT 演示文稿13 頁備素2HAO123網(wǎng)站代碼，1 套。工材作軟DREAMWEAVER8 綠色企業(yè)版，1套。件時間分配HTML網(wǎng)頁設(shè)計教案（續(xù)頁）第 2頁教學(xué)內(nèi)容組織教學(xué)師生致禮、點名、檢查學(xué)生準備情況、使學(xué)生集中注意力上課

3、。3分鐘（組織教學(xué)貫徹于上課的始終）（一）生活中，我們常常會上網(wǎng)獲取各種各樣的信息，完成各種各樣的工作，創(chuàng)設(shè)情境， 上網(wǎng)展示在大家面前的是豐富多彩的網(wǎng)頁，比如引入課題10（二） 15+8（ （ ）與渲染1- 1教學(xué)意圖：創(chuàng)設(shè)問題情境，激發(fā)學(xué)習(xí)動機。后，為什么依然風(fēng)采依舊，而且是獨樹一幟，hao123 網(wǎng)址之家最好的亮點就是他的創(chuàng)意了，在他運作起來并且迅速被大家認可的時候，大量站點的模仿以及復(fù)制其實是等于對他的運作模式的認可，對于這么個站點的結(jié)構(gòu)內(nèi)容以及程序方面， 大家都已經(jīng)認為了他一點技術(shù)含量沒有，但是為什么他就這樣一直做的很好，而別的網(wǎng)站倒的倒，改行的改行，那么“hao123網(wǎng)址之家”他到底

4、好在哪里？教師活動：啟發(fā)誘導(dǎo)，師生互動，把實際問題轉(zhuǎn)化為專業(yè)問題。學(xué)生活動：通過討論、思考回答問題，把實際問題轉(zhuǎn)化為思考專業(yè)問題。 用專業(yè)知識的意識。1- 2HTML 網(wǎng)頁設(shè)計教案（續(xù)頁）HTML 網(wǎng)頁設(shè)計教案（續(xù)頁）第5頁時間分配條件變化變化：教學(xué)內(nèi)容5+5實例講解5+8hao123網(wǎng)址之家內(nèi)容不變?nèi)绻?hao123 網(wǎng)址之家的網(wǎng)站瀏覽速度不夠快？如果網(wǎng)站里的連接打開后是一些錯誤連接或者沒有品位的站點？如果網(wǎng)站打開后廣告在首頁滿天飛？教師活動：師：是否因為hao123功了呢？學(xué)生活動：學(xué)生積極思考、討論得出結(jié)果。和能力的培養(yǎng)。2：網(wǎng)頁色彩的搭配問題探究：IBM（藍色巨人）網(wǎng)站愛情交友網(wǎng)圖1-

5、 3例 3：網(wǎng)頁風(fēng)格的設(shè)計問題探究：兒童網(wǎng)站新浪網(wǎng)站1- 4圖1- 5圖1- 6應(yīng)用場合、不同人群。學(xué)生活動：學(xué)生分組討論，交流互動。最后到講臺說思路。的思維空間，培養(yǎng)學(xué)生的創(chuàng)新意識和創(chuàng)新能力。時間分配（三）小結(jié)網(wǎng)頁設(shè)計原則是：教學(xué)內(nèi)容8（四） 操作技能練習(xí)一 練習(xí)二（五） 8結(jié)構(gòu)性； 2.通用性；3.差異性； 4.習(xí)慣性；5.適用性；6.反復(fù)性；注意：教師活動：教師及時引導(dǎo)學(xué)生小結(jié)。教學(xué)意圖：學(xué)生及時形成能力。練習(xí)一：DREAMWEAVER8基本操作：安裝與啟動；文檔使用；工作區(qū)結(jié)構(gòu) （上（下；菜單概述（上（下；插入欄詳解；面板組。練習(xí)二：操作技能 HTML代碼文件HTML 概念；HTML

6、的示例。教師活動：啟發(fā)誘導(dǎo)、構(gòu)思、實際操作演示。注意：配色方案、風(fēng)格問題；軟件操作的方法。學(xué)生活動：學(xué)生討論，交流互動，發(fā)散探究。培養(yǎng)學(xué)生的動手能力。歸納總結(jié)：小結(jié)本節(jié)課的主要內(nèi)容、主要思想方法和主要操作技能。1、掌握網(wǎng)頁設(shè)計原則，引發(fā)學(xué)習(xí)興趣；2DREAMWEAVER 操作技能；3、本節(jié)課主要用了轉(zhuǎn)化的思想、理論結(jié)合實際的思想。時間分配（六） 5課后反思5教學(xué)內(nèi)容教師活動：指導(dǎo)小結(jié)，激勵評價，概括總結(jié)。的有序儲存和轉(zhuǎn)化，培養(yǎng)學(xué)生的抽象思維能力。附加題課后作業(yè)（3、4 節(jié)前上交 1簡述網(wǎng)頁、網(wǎng)站和主頁的異同。網(wǎng)頁標準主要由哪三部分組成？分別解釋其含義。簡述網(wǎng)站開發(fā)的工作流程。課外練習(xí)：1、根據(jù)自己的興趣、愛好、特點，構(gòu)思一個個人網(wǎng)站的首頁，并在草稿紙上勾畫出來。 制作一個簡單的網(wǎng)頁，題材自定，不要復(fù)制網(wǎng)上的。學(xué)生活動：學(xué)生看書學(xué)習(xí)，上機操作。實踐能力、拓展知識結(jié)構(gòu)。師生交流，學(xué)生之間交流。失，只有及時了解了課堂上的成功和失誤之處，才能揚長避短，不斷取得新的進步。通過師生之間的交流，教師了解到有哪些教學(xué)環(huán)節(jié)比較新穎，比較科學(xué)，學(xué)生樂于接受；解決的問題中，有哪些學(xué)生比