07.網(wǎng)站的設(shè)計與規(guī)劃

1、網(wǎng)站的設(shè)計與規(guī)劃武進(jìn)區(qū)鳴凰中學(xué)徐英俊一、教材內(nèi)容分析木節(jié)課是高中選修教材網(wǎng)絡(luò)技術(shù)應(yīng)用第四章第一節(jié)的內(nèi)容，它是進(jìn)行網(wǎng)頁制作的前 提工作，其重點(diǎn)在于創(chuàng)建網(wǎng)站的兒個步驟，即網(wǎng)站設(shè)計的整體構(gòu)思。本課內(nèi)容在整個網(wǎng)站建 設(shè)中是非常關(guān)鍵的步驟，在這部分內(nèi)容中，要求動腦思考的內(nèi)容比較多，所以對于本節(jié)課內(nèi) 容只在于讓學(xué)生了解網(wǎng)站設(shè)計的完整過程及其在網(wǎng)站建設(shè)中的重要性，不能急于求成，暫時 只要他們能夠策劃出簡單的網(wǎng)站就可以了。二、學(xué)生分析本節(jié)課的教學(xué)對象為高一年級第二學(xué)期的學(xué)生。在上學(xué)期，他們已經(jīng)掌握了信息技術(shù)的 基礎(chǔ)知識、windows的基本操作、字處理軟件的應(yīng)用，掌握了上網(wǎng)的相關(guān)操作（如：接入 interne

2、t.瀏覽網(wǎng)頁，從因特網(wǎng)上獲収信息、收發(fā)電子郵件等等），通過觀察，他們對上網(wǎng) 很感興趣。很多學(xué)牛曾問我：老師，這些東西是從哪里來的呀？是誰做的呀？怎樣發(fā)布到 internet ±的呀？等等。由此可見，他們對網(wǎng)詁的設(shè)計這部分的求知欲是很強(qiáng)烈的。為了 使本節(jié)課內(nèi)容更好的讓學(xué)生吸收，我特提前（上節(jié)課）給他們介紹了 frontpage軟件（包括 菜單的介紹、創(chuàng)建站點(diǎn)）并要求同學(xué)們以小組為單位需求分析和確定網(wǎng)站主題。三、教學(xué)目標(biāo)分析 知識與技能目標(biāo):1、以網(wǎng)站欣賞為主線，介紹網(wǎng)站設(shè)計思想，使學(xué)生初步了解網(wǎng)站設(shè)計的整體構(gòu)思。2、通過小組協(xié)助的方法培養(yǎng)學(xué)生合作學(xué)習(xí)和創(chuàng)新的能力。3、了解網(wǎng)站設(shè)計的基本

3、流程。 過程和方法目標(biāo)：1、了解設(shè)計在整個網(wǎng)站建設(shè)中的重要性。2、學(xué)生通過親身經(jīng)歷，提高分析和解決問題的能力。 情感態(tài)度價值觀目標(biāo)：1、培養(yǎng)學(xué)生樂于幫助、團(tuán)結(jié)協(xié)作的團(tuán)隊(duì)精神2、培養(yǎng)學(xué)生的科學(xué)探索精神和個性化創(chuàng)作精神3、培養(yǎng)學(xué)生的審美觀念四、教學(xué)重點(diǎn)、難點(diǎn)分析及教學(xué)方法（一）教學(xué)重點(diǎn)1、網(wǎng)站設(shè)計的基本流程2、網(wǎng)站規(guī)劃設(shè)計的步驟（二）教學(xué)難點(diǎn)1、網(wǎng)站設(shè)計的整個流程（三）教學(xué)方法信息技術(shù)作為一門獨(dú)立的新型學(xué)科，在教學(xué)方法上應(yīng)該根據(jù)不同的教學(xué)內(nèi)容選擇不同的 教學(xué)場所以及采用不同的教學(xué)手段，從而激發(fā)學(xué)生的學(xué)習(xí)興趣，調(diào)動學(xué)生的學(xué)習(xí)積極性。針 對這節(jié)課，本人采用了多種教學(xué)方法相結(jié)合的教學(xué)方式，并幾在不同的教

4、學(xué)環(huán)節(jié)中應(yīng)用了不 同的教學(xué)策略。分別是：1、演示法：利用多媒體網(wǎng)絡(luò)教學(xué)環(huán)境，通過演示輔助教學(xué)課件，而且實(shí)吋講解，并把實(shí)例操作過程 演示給學(xué)生觀看，使學(xué)生在這種計算機(jī)數(shù)字化了的“集體講授模式”下更容易接受木節(jié)課的 知識點(diǎn)。2、任務(wù)驅(qū)動法：多數(shù)同學(xué)對任務(wù)都會產(chǎn)生一種急切完成的動機(jī)，而完成任務(wù)又能給他們帶來成就感和滿 足感。通過布置任務(wù)，驅(qū)使學(xué)生山“要我學(xué)”變成“我要學(xué)”。3、小組協(xié)作法：由于網(wǎng)站設(shè)計是個人任務(wù)，要建設(shè)一個網(wǎng)站往往需要多人合作才能完成，因而采用小組 協(xié)作法充分發(fā)揮學(xué)牛各白的特長，關(guān)注到每一個學(xué)住的發(fā)展。還能煉就他們良好的團(tuán)隊(duì)協(xié)作 精神，而且小組成員的知識程度、學(xué)習(xí)能力和思維方式都有差

5、界，可以通過討論、交流與合 作，取長補(bǔ)短、拓展思維。五、教學(xué)準(zhǔn)備1、設(shè)置教學(xué)環(huán)境，確保能夠訪問因特網(wǎng)和多媒體教學(xué)軟件的正常運(yùn)行。2、準(zhǔn)備好教學(xué)所需的教學(xué)課件及相關(guān)資料。3、學(xué)生分組：先自由組合，再做適當(dāng)調(diào)整。（以4個人一個小組為宜，可適當(dāng)增減）六、教學(xué)過程教師活動學(xué)牛活動引入課題5分鐘1、前面我們已經(jīng)學(xué)習(xí)了因特網(wǎng)的應(yīng)用 以及網(wǎng)絡(luò)技術(shù)棊礎(chǔ)，深刻的體驗(yàn)到了 網(wǎng)絡(luò)的功能：數(shù)據(jù)通信、資源共享、 分如處理。如何實(shí)現(xiàn)資源共享呢？瀏 覽網(wǎng)頁是查看別人的資源，如何將我 們口己的有用信息也能共享給其他朋 友呢？ 一個比較好的就是自己動手來 創(chuàng)作網(wǎng)站。2、介紹“機(jī)器人做學(xué)玩”網(wǎng)站 介紹我校高二（1）班班級主頁激發(fā)

6、學(xué)生對網(wǎng)站建立和設(shè)計的興 趣探索問題2分鐘提出問題：如何設(shè)計一個網(wǎng)站？ 該先做什么再做什么呢？（1）選題立意（2）規(guī)劃設(shè)計（3）選擇素材（4）網(wǎng)站的開發(fā)制作（5）發(fā)布、管理網(wǎng)站分組討論，探索問題。用演示法向?qū)W生介紹該節(jié)課的內(nèi) 容，并且通過演示創(chuàng)建貝體網(wǎng)站 的方式使學(xué)生掌握網(wǎng)站設(shè)計的基 木步驟。講授新課10分鐘1、網(wǎng)站的規(guī)劃設(shè)計上節(jié)課已經(jīng)布置了任務(wù)，要你們自 己以小組為單位選擇一個網(wǎng)站的主 題，并定好網(wǎng)站的名稱?，F(xiàn)在請同學(xué) 們把網(wǎng)站的名稱出來亮亮相呢？ 現(xiàn)在我們的主題已經(jīng)定好了，名稱也 確定了，那么要進(jìn)入網(wǎng)站的設(shè)計規(guī)劃 階段了，這也是我們本節(jié)課所要學(xué)習(xí) 的內(nèi)容。如何來規(guī)劃設(shè)計我們的網(wǎng)站呢？請同

7、淫們打開“網(wǎng)站的設(shè)計與規(guī)劃” indcx.html網(wǎng)頁,我們可以從以下幾 方面來入手。學(xué)生爭先恐后的搶答(1) 網(wǎng)站結(jié)構(gòu)(2) 欄目設(shè)置(3) 版面設(shè)計(4) 網(wǎng)站的風(fēng)格2、欣賞網(wǎng)站現(xiàn)在我這里給同學(xué)們看兒個網(wǎng)站，看 看他們是如何來設(shè)計整個網(wǎng)站的？(1)機(jī)器人做學(xué)玩同學(xué)們打開“網(wǎng)站的設(shè)計與規(guī)劃” index, html網(wǎng)頁,從4個方面入 手自己規(guī)劃網(wǎng)站。以小組為單位 討論共同完成。學(xué)生學(xué)習(xí)模仿剛才欣賞的網(wǎng)頁設(shè) 計，結(jié)合自己的主題，以小組為 單位討論設(shè)計整體布局。(2) 模板1(3) 模板2分紐創(chuàng)作20分鐘一、布置創(chuàng)作內(nèi)容:根據(jù)今天所學(xué)的內(nèi)容結(jié)合同學(xué)們口己 確定的主題來設(shè)計一個網(wǎng)站。1、繪制站點(diǎn)總

8、休結(jié)構(gòu)草圖2、確定網(wǎng)頁的表達(dá)形式3、資料的收集請在課后完成4、完成快的同學(xué)可以用fwntpage建 立網(wǎng)站的基木結(jié)構(gòu)5、每組發(fā)一張表格，填寫上交老師。二、巡視指導(dǎo)三、任務(wù)拓展完成快的學(xué)生可以使用frontpage中 的表格來規(guī)劃設(shè)計好的這張網(wǎng)頁。組長組織小紐成員共同參與網(wǎng)站 的整體策劃，并n分工合作，培 養(yǎng)他們的協(xié)作精神。組長根據(jù)本組情況給不同籌級的 學(xué)生做不同的分工，達(dá)到組內(nèi)分 層的目的。展示創(chuàng)作結(jié)果 小組互評6分鐘將每組的設(shè)計情況展示給人家看(包 括表格和創(chuàng)建的站點(diǎn)文件結(jié)構(gòu)及繪制 的草圖資料)，其他組的成員可以發(fā) 表口己的看法。通過展示成果，采用h評和互評的 方式，使人家相互學(xué)習(xí)，共同進(jìn)步。課堂小結(jié)2分鐘講講學(xué)生的創(chuàng)作情況，對完成得好的 組進(jìn)行表揚(yáng)，對還沒完成的組進(jìn)行鼓 勵。七、教學(xué)隨想本節(jié)課教學(xué)力求打破單一的傳統(tǒng)教學(xué)模式采用了 “演示法”、“任務(wù)驅(qū)動法”、“小組 協(xié)作法”等多種教學(xué)方法和結(jié)合的教學(xué)模式，努力為學(xué)牛創(chuàng)設(shè)-種和互協(xié)作、相互激勵的學(xué) 習(xí)環(huán)境，同時又能夠讓學(xué)生培養(yǎng)自主學(xué)習(xí)的能力和創(chuàng)新精神。始終以學(xué)生為主體，通過多種 教學(xué)方式驅(qū)使學(xué)生主動學(xué)習(xí)、主動參與、相互協(xié)作、