七年級信息技術上冊 第12課 規(guī)劃與設計網站教案 新人教版

網站規(guī)劃 網站的設計一、教學目標1、知識與技能（1）了解網站規(guī)劃的幾個階段和幾個要點基本過程（2）掌握網站規(guī)劃和設計的過程和方法。2、過程與方法（1）通過瀏覽與欣賞幾個教師提供的主題網站的內容、結構、風格、質量，并進行對比，了解網站設計的內容、特點以及根據不同內容選擇不同設計風格等（2）以個人或小組集體確立一個網站的主題，并圍繞主題討論即將設計的幾個頁面，規(guī)劃每個頁面大致需要反映的內容，從而了解規(guī)劃的一般過程3、情感態(tài)度與價值觀（1）通過網站主題的選擇、討論、規(guī)劃，培養(yǎng)學生交流合作意識。（2）通過學生動手上網收集與整理資料等實踐活動，使學生養(yǎng)成分類管理的思想。二、教學重、難點網站規(guī)劃和設計三、教學方法對比教學法，探究學習法，討論交流四、教學設計教學過程教師活動學生活動設計意圖新課引入教師引導:現(xiàn)如今，網站已經廣泛應用到社會的各行各業(yè)，滲透到各個領域。1.那我們可以借助網站來做什么呢？2.先讓我們一起來欣賞幾個優(yōu)秀網站師生交流： 網站提供相關內容豐富的信息，很漂亮，有的還可以與訪問者交互等漫談網站的作用新 授一、教師安排學生閱讀課本或教師講解以下知識點：1、網站規(guī)劃的基本過程網站設計是一項工程，我們需要一個具體規(guī)劃，一般規(guī)劃需要如下幾個過程：2、什么是網站的規(guī)劃(1)規(guī)劃涉及的內容 (2)網站的要素二、引導學生規(guī)劃自己的網站同樣結合實例，展示教師的規(guī)劃，并要求學生模仿，規(guī)劃自己的網站，給出主題與相關頁面內容等主題網站規(guī)劃網頁名稱網頁展示內容網頁結構備注Index.htm 主題：三、網站的設計網站設計的目的在于把需要表達的信息以恰當的方式組織并呈現(xiàn)在網上，設法吸引人們的關注，并為瀏覽者提供方便的訪問。網站設計一般包括網站欄目結構設計、網頁版面設計、網頁的鏈接設計（導航設計）等。請同學們再看看本課開頭提供的幾個優(yōu)秀網站，并思考以下幾個問題： （1）這些網站是怎樣圍繞主題展現(xiàn)內容的？ （2）這些網站提供了哪些欄目及功能？ （3）網站的鏈接有哪些特色，是否便捷？ （4）網站主頁的布局、色彩運用在哪些特點？1、 網站的結構設計經驗告訴我們，建立一個網站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰；也好比造一座高樓，首先要設計好框架圖紙，才能使樓房結構合理。 制作網站前要設計好網站的欄目，網站的欄目可以有多層，但并不是層數越多越好，以能夠恰當地體現(xiàn)網站主題為好。此外，每個欄目應有一個大致的內容描述，以表達該欄目的設計思路。2、 網頁的版面設計(1) 風格設計風格是指網站的整體形象給瀏覽者的綜合感受。有的嚴肅計策，有的清爽溫馨，有的深沉厚重，有的生動活潑，有的古樸典雅，有的豪邁奔放。風格設計與主題是密不可分的，是為突出主題服務的。(2) 版面布局設計 網頁要呈現(xiàn)的內容很多，概括起來可分為標題信息、欄目信息、內容信息、附加信息等，需要進行合理的放置，讓人看起來井井有條，主次分明。3、 網頁的交互設計 網站它不是一個“被動”的媒體，和電視、電臺等媒體不一樣的是網頁是需要我們用鼠標去點擊的。 瀏覽者點擊連接，網頁顯示出需要的內容然后在傳遞給瀏覽者。這就是網頁的交互性。四、任務布置請每個同學（或同桌兩個合作，合作成員不能超過兩個）設計制作一份網頁作品。 1、要求： （1）主題自定； （2）總共要有10個頁面或以上。（3）網頁中的內容要緊密結合作者的學習、生活實際或社會實踐。 （4）在水平分辨率為1024（或以上）像素的電腦屏幕上瀏覽時，頁面保持整齊，不允許出現(xiàn)橫向的滾動條。五、評價學生作業(yè)并總結本節(jié)課內容認真閱讀書本（或認真聽教師講解）模仿教師網站內容，規(guī)劃自己即將要設計的網站（包括主題、頁面內容等）需填寫相關表格，以指導日后網站設計認真閱讀書本（或認真聽教師講解）欣賞并回答學生通過前面對網站做的規(guī)劃，設計網站結構，教師巡回指導。學生分組完成任務教師巡回個別指導教師對學生作品作出評價總結本課此部分內容僅要求了解，故無需深入講解結合實例的分析，給學生以更直觀的認識