網(wǎng)站設(shè)計(jì)與規(guī)劃

1、課題名稱科目信息教學(xué)對象八年級授課人課時安排所需課時1課時一、教材內(nèi)容分析網(wǎng)頁制作是其中第五章的教學(xué)內(nèi)容。在這之前，學(xué)生已初步掌握了網(wǎng)絡(luò)通信的基礎(chǔ)知識，因特網(wǎng)的信息服務(wù)，網(wǎng)絡(luò)信息的搜索、瀏覽和下載，以及電子郵件的使用等內(nèi)容。因此，學(xué)生已經(jīng)具備了獲取信息的能力，網(wǎng)頁制作單元就可側(cè)重培養(yǎng)信息表達(dá)的能力，這對于加強(qiáng)學(xué)生的信息意識，提高信息處理的能力有著重要的作用；網(wǎng)頁的設(shè)計(jì)也給學(xué)生提供了展示個性、自主創(chuàng)新的機(jī)會，促使他們主動地學(xué)、創(chuàng)造性地學(xué)；網(wǎng)頁的評價則能使學(xué)生了解內(nèi)容編排的原則，頁面布局的種類，色彩搭配的風(fēng)格等，提高他們的藝術(shù)修養(yǎng)和審美情趣。二、教學(xué)目標(biāo)（知識與技能，方法和過程，情感態(tài)度與價值觀）

2、認(rèn)知目標(biāo)1、能簡要陳述FrontPage2000主要功能，熟悉其操作界面2、能用自己的話解釋下列術(shù)語：HTML，URL，網(wǎng)頁，主頁，超鏈接3、能主動獲取、收集班級信息，并加以分類和整理4、能客觀評價網(wǎng)頁的內(nèi)容和風(fēng)格，具備一定的審美能力情感目標(biāo)1、具有集體榮譽(yù)感，愿意為班級的網(wǎng)頁建設(shè)出謀劃策2、具有樂于助人、團(tuán)結(jié)協(xié)作的精神3、能尊重他人的勞動成果，有保護(hù)知識產(chǎn)權(quán)的意識動作技能目標(biāo)1、能熟練地建立、打開、保存、瀏覽網(wǎng)頁文件2、能按照需要建立框架網(wǎng)頁，設(shè)置各框架中的初始網(wǎng)頁3、能在網(wǎng)頁中熟練地插入文字、圖片、動畫、水平線4、能使用簡單的表格編排網(wǎng)頁內(nèi)容，使網(wǎng)頁的結(jié)構(gòu)清晰，內(nèi)容整齊5、能選擇合適的網(wǎng)頁

3、背景圖案和背景音樂6、能根據(jù)實(shí)際需要使用不同的超鏈接，合理地組織網(wǎng)頁7、能在網(wǎng)頁中插入懸停按鈕、滾動字幕和橫幅廣告管理器，使網(wǎng)頁具有動感8、能夠插入簡單的表單，使網(wǎng)頁具有初步的動態(tài)交互功能三、學(xué)習(xí)者特征分析通過上節(jié)課的學(xué)習(xí)，學(xué)生對網(wǎng)頁的制作有了一定的了解，具備了一定的基礎(chǔ)知識。四、教學(xué)策略選擇與設(shè)計(jì)任務(wù)驅(qū)動教學(xué)法五、教學(xué)環(huán)境及設(shè)備、資源準(zhǔn)備多媒體教學(xué)課件，并有相關(guān)的教學(xué)網(wǎng)絡(luò)資源。六、教學(xué)過程教學(xué)過程教師活動學(xué)生活動備注教學(xué)環(huán)節(jié)（導(dǎo)課、教與學(xué)的過程、突破重難點(diǎn)、小結(jié)與拓展）同學(xué)們初中畢業(yè)已有一年多了，是否還記得你們初中時你們班發(fā)生的一些事呢？還記得每一位同學(xué)嗎？是否很想念他們呢？分別時，你們是如

4、何贈別的？ 同學(xué)發(fā)表各自的意見，相對較激烈 同學(xué)們都留下了畢業(yè)紀(jì)念冊，大家比較一下有沒有老師的生動、感人。演示教師制作的畢業(yè)紀(jì)念冊（例初三(8)班）網(wǎng)站。二、確定主題： 你們想做什么網(wǎng)站呢？ 教師疏導(dǎo)：其實(shí)我們大家的興趣、愛好是不一樣的，那么做自己的網(wǎng)站時，如果沒有興趣，是挖掘不出內(nèi)容的，因此我們先根據(jù)大家的興趣，選擇幾個專題，然后大家分頭做。 大家有那些想法呢？準(zhǔn)備做什么專題的網(wǎng)站呢？ 根據(jù)學(xué)生提出的主題，由組長選擇一個主題（領(lǐng)任務(wù)），可重復(fù)，然后根據(jù)各人愛好，組織自己的志同道合的組員（這樣每個主題可以選擇不同組員），自己進(jìn)行分工并著手準(zhǔn)備素材。（注：允許組間求助）  三、確定網(wǎng)站

5、名稱網(wǎng)站名稱的好壞，直接影響到訪問量及別人對你的網(wǎng)站的認(rèn)可度，如何取一個合理的名字呢？首先要吸引人的眼球，第二要與你的網(wǎng)站內(nèi)容相吻合（參見教材P76，留給學(xué)生一段討論時間）。列舉二個知名網(wǎng)站，請學(xué)生分析站名與內(nèi)容之間的聯(lián)系、內(nèi)涵。然后由學(xué)生舉出若干有特色的網(wǎng)站名，并說出網(wǎng)站名稱好在那里？ 四、網(wǎng)頁布局 我們做網(wǎng)站，首先選擇一個主題，主題選好后，下一步該做什么呢？（提示：那些網(wǎng)站，你經(jīng)常去的？有什么特點(diǎn)？）做網(wǎng)站，一定要給瀏覽你的網(wǎng)頁的人留下一個好印像。也就是要設(shè)計(jì)好主頁。應(yīng)當(dāng)考慮： 1、準(zhǔn)備做那些欄目。（初步確定大方向，不一定很精確，但如果欄目不確定，就無法進(jìn)行下一步的設(shè)計(jì)），參看一些知名網(wǎng)站

6、的內(nèi)容。 2、設(shè)計(jì)主頁布局。 同學(xué)們還記得初中時的網(wǎng)頁布局方式嗎？（一般有表格、框架、樣式表等）學(xué)生回答后 演示網(wǎng)站并請學(xué)生分析各自特點(diǎn)，使用場合：校園網(wǎng)、教科網(wǎng) （表格布局）（校園網(wǎng)上）PASCAL專題學(xué)習(xí)網(wǎng)站、法律基礎(chǔ)知識 （框架布局）（學(xué)生觀察欄目編排形式，學(xué)會整體結(jié)構(gòu)） 同學(xué)們都知道了兩種主要方式，但界面是否都這樣規(guī)整呢？ 演示網(wǎng)上的各具特色的班級主頁、專題學(xué)習(xí)主頁，讓學(xué)生了解，有特色的網(wǎng)站主頁是如何制作的。（請學(xué)生分析這些個性化的網(wǎng)站有什么特色？） 3、設(shè)計(jì)主頁界面： 通過觀察老師演示的個性化網(wǎng)站（演示三個以上，否則學(xué)生以為要自己摹仿），學(xué)生回答：你覺得這些主題是如何實(shí)現(xiàn)的？ 利用網(wǎng)頁編輯軟件打開相關(guān)網(wǎng)頁，讓學(xué)生明白，原來是將整圖切塊后，通過表格拼接的！老師介紹：如何先在紙上畫出大概草圖、如何通過繪圖軟件如PHOTOSHOP、FireWorks等構(gòu)思自己的主頁界面、進(jìn)行圖像切分、再到網(wǎng)頁工具中用表格布局的方式設(shè)計(jì)主頁。培養(yǎng)學(xué)生審美觀點(diǎn)。學(xué)生自己報名，選6-8人為課題小組組長。（每組6-8人，待組長確定主題后，由組