網(wǎng) 站 的 設(shè) 計(jì)
網(wǎng) 站 的 設(shè) 計(jì)
佛山市高明區(qū)第二中學(xué) 黃江英
一、教學(xué)課題
網(wǎng)站的設(shè)計(jì) (《高中信息技術(shù)第二冊(cè)》第一章 第1節(jié)) 1課時(shí)
二、教學(xué)目標(biāo)
2、了解網(wǎng)頁設(shè)計(jì)的關(guān)聯(lián)知識(shí)
三、教學(xué)重點(diǎn)、難點(diǎn)：網(wǎng)站的整體構(gòu)思
四、教材內(nèi)容分析
五、教學(xué)對(duì)象分析
本節(jié)課的教學(xué)對(duì)象為高一年級(jí)第二學(xué)期的學(xué)生。在上學(xué)期，他們已經(jīng)掌握了信息技術(shù)的基礎(chǔ)知識(shí)、windows的基本操作、字處理軟件的應(yīng)用，掌握了上網(wǎng)的相關(guān)操作（如：接入internet、瀏覽網(wǎng)頁，從因特網(wǎng)上獲取信息、收發(fā)電子郵件等等），通過觀察，他們對(duì)上網(wǎng)很感興趣。很多學(xué)生曾問我：老師，這些東西是從哪里來的呀？是誰做的呀？怎樣發(fā)布到internet上的呀？那些動(dòng)畫是怎么做的呀？等等。由此可見，他們對(duì)網(wǎng)站的設(shè)計(jì)也一定有興趣、有信心。為了使本節(jié)課內(nèi)容更好的讓學(xué)生吸收，我特提前（上節(jié)課）給他們介紹了frontpage軟件（包括菜單的介紹、創(chuàng)建站點(diǎn)）。
六、教學(xué)方法及策略
七、教學(xué)準(zhǔn)備
八、板書設(shè)計(jì)
觀摩網(wǎng)站
網(wǎng)站的整體構(gòu)思的介紹
演示創(chuàng)建站點(diǎn)實(shí)例
學(xué)生分組討論
學(xué)生分組創(chuàng)作
小組成果展示，各組互評(píng)
九、教學(xué)過程設(shè)計(jì) ‑‑‑‑ 流程圖
提出問題： 如何設(shè)計(jì)一個(gè)網(wǎng)站？
觀摩幾個(gè)站點(diǎn)，介紹網(wǎng)站設(shè)計(jì)思想
網(wǎng)站整體構(gòu)思介紹
教師巡視指導(dǎo)
播放課件
開 始
學(xué)生分組討論、探索
學(xué)生分組策劃
學(xué)生策劃結(jié)果展示
課堂小結(jié)
各組互評(píng)
結(jié) 束
十、教學(xué)過程
教 師 活 動(dòng)學(xué) 生 活 動(dòng)引入課題3分鐘1、用frontpage打開輔助教學(xué)課件：“網(wǎng)站的設(shè)計(jì)”站點(diǎn)，對(duì)上節(jié)課內(nèi)容稍做復(fù)習(xí)，又直接呈現(xiàn)本節(jié)課內(nèi)容，起到承上啟下的作用；瀏覽主頁，動(dòng)人的站點(diǎn)內(nèi)容為該節(jié)課創(chuàng)設(shè)了美好的情景，從而調(diào)動(dòng)起學(xué)生的興趣和積極性。
2、介紹太平洋電腦城網(wǎng)站：。
3、介紹8848電子商務(wù)網(wǎng)站：
4、介紹一個(gè)簡(jiǎn)單網(wǎng)站“今日廣東”站點(diǎn)
了解站點(diǎn)的設(shè)計(jì)思想及總體結(jié)構(gòu)和頁面的表達(dá)形式。
培養(yǎng)學(xué)生的審美觀念。
探索問題2分鐘提出問題：
如何設(shè)計(jì)一個(gè)網(wǎng)站？
分組討論，探索問題。
講授新課12分鐘【網(wǎng)站的整體構(gòu)思的介紹】
1、確定網(wǎng)站的主題。
a、主題的定位
b、給站點(diǎn)取名
c、進(jìn)行對(duì)象分析
2、確定網(wǎng)站的總體結(jié)構(gòu)。
主 頁
樹型結(jié)構(gòu)
線形結(jié)構(gòu)
一般只有：上一頁、下一頁、首頁、末頁
3、確定網(wǎng)頁的表達(dá)形式。文本、圖片、圖像、動(dòng)畫、聲音
4、資料的收集與整理。
5、建立網(wǎng)站的文件結(jié)構(gòu)。
今日廣東站點(diǎn)
index.htm
廣東簡(jiǎn)介.htm
廣東行政區(qū)域.htm
廣東地理.htm
廣東自然資源.htm
廣東風(fēng)景名勝.htm
images
music
廣東地理.jpg
a、需繪制草圖.如：
b、用frontpage創(chuàng)建站點(diǎn)（上節(jié)課已經(jīng)介紹過）
用演示法向?qū)W生介紹該節(jié)課的內(nèi)容，并且通過演示創(chuàng)建具體網(wǎng)站的方式使學(xué)生掌握網(wǎng)站設(shè)計(jì)的基本步驟
分組創(chuàng)作20分鐘一、布置創(chuàng)作內(nèi)容：
【要求】
1、根據(jù)今天所學(xué)的內(nèi)容設(shè)計(jì)一個(gè)網(wǎng)站，主題由大家商量決定（可以是以下各類：體育、娛樂、服裝、語文、英語、計(jì)算機(jī)……）
2、繪制站點(diǎn)總體結(jié)構(gòu)草圖
3、確定網(wǎng)頁的表達(dá)形式
4、資料的收集請(qǐng)?jiān)谡n后完成
5、用frontpage建立網(wǎng)站的基本結(jié)構(gòu)
6、每組發(fā)一張表格，填寫上交老師。
表格如下：
站點(diǎn)名稱組長(zhǎng)小組成員具體分工本節(jié)課完成情況
二、巡視指導(dǎo)
組長(zhǎng)組織小組成員共同參與網(wǎng)站的整體策劃，并且分工合作，培養(yǎng)他們的協(xié)作精神。
組長(zhǎng)根據(jù)本組情況給不同等級(jí)的學(xué)生做不同的分工，達(dá)到組內(nèi)分層的目的。
展示創(chuàng)作結(jié)果小組互評(píng)6分鐘將每組的設(shè)計(jì)情況展示給大家看（包括表格和創(chuàng)建的站點(diǎn)文件結(jié)構(gòu)及繪制的草圖資料），其他組的成員可以發(fā)表自己的看法。[page]
通過展示和互評(píng)，使大家相互學(xué)習(xí)，共同進(jìn)步。
課堂小結(jié)2分鐘講講學(xué)生的創(chuàng)作情況，對(duì)完成得好的組進(jìn)行表揚(yáng)，對(duì)還沒完成的組進(jìn)行鼓勵(lì)
十一、教學(xué)后記
本節(jié)課教學(xué)力求打破“傳統(tǒng)教學(xué)模式”、“單一教學(xué)模式”，采用了“演示法”、“任務(wù)驅(qū)動(dòng)法”、“小組協(xié)作法”、“分層教學(xué)法”等多種教學(xué)方法相結(jié)合的教學(xué)模式，努力為學(xué)生創(chuàng)設(shè)一種相互協(xié)作、相互激勵(lì)的學(xué)習(xí)環(huán)境，同時(shí)又能夠讓學(xué)生培養(yǎng)自主學(xué)習(xí)的能力和創(chuàng)新精神。始終以學(xué)生為主體，通過多種教學(xué)方式驅(qū)使學(xué)生主動(dòng)學(xué)習(xí)、主動(dòng)參與、相互協(xié)作、相互激勵(lì)、取長(zhǎng)補(bǔ)短、共同提高。
在這節(jié)課中，學(xué)生把學(xué)到的知識(shí)應(yīng)用于一個(gè)實(shí)際作品的制作過程，是一個(gè)創(chuàng)作實(shí)踐的過程。使學(xué)生感到自己是實(shí)踐活動(dòng)的主人，是學(xué)習(xí)的主體。學(xué)生在積極、主動(dòng)的學(xué)習(xí)氣氛中，有利于提高學(xué)生的學(xué)習(xí)興趣，充分調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性。
本人利用課件輔助教學(xué)，這樣不但易于學(xué)生理清思路，掌握重點(diǎn)，把握難點(diǎn)，而且還可以調(diào)節(jié)課堂氣氛，使學(xué)生在輕松活躍的課堂氣氛中達(dá)到提高認(rèn)知目的。而且，我把課件用網(wǎng)站的形式展現(xiàn)在學(xué)生面前，提高他們的對(duì)網(wǎng)站的感性認(rèn)識(shí)，促使他們更容易接受本節(jié)課內(nèi)容。
我認(rèn)為，上課的收效良好與否，教師的“引導(dǎo)”作用尤其重要，它不光是體現(xiàn)在課堂上，而是體現(xiàn)在教學(xué)設(shè)計(jì)的全過程，即：
（一）備課。備課不光是備教材，還要備學(xué)生；
（二）輔助教學(xué)資料的準(zhǔn)備；
（三）對(duì)課程總體結(jié)構(gòu)的把握；
（四）對(duì)教學(xué)目標(biāo)的把握；
（五）對(duì)整個(gè)教學(xué)環(huán)境和課堂教學(xué)節(jié)奏的把握；
（六）課上對(duì)學(xué)生“有的放矢”、“畫龍點(diǎn)睛”的及時(shí)指導(dǎo)。
（七）對(duì)學(xué)生創(chuàng)作結(jié)果的展示和評(píng)價(jià)