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

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

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

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

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

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

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

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

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