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