41《規(guī)劃網(wǎng)站及網(wǎng)站設計初步》教師課案

1、4.1網(wǎng)站的規(guī)劃設計課標（綱要、考綱）要求網(wǎng)站的概念 A級要求網(wǎng)站的規(guī)劃與設計 B級要求教學目標1.知識與技能 （1）理解網(wǎng)站、網(wǎng)頁、主頁的概念及網(wǎng)站的結(jié)構(gòu)（2）了解網(wǎng)站建設的前期準備工作，學會如何規(guī)劃、設計一個網(wǎng)站2.過程與方法教師引導與學生自主探究相結(jié)合，達到科學、合理地進行網(wǎng)站規(guī)劃、設計的目的。3.情感與價值觀通過親歷規(guī)劃一個網(wǎng)站的過程，培養(yǎng)學生思考問題的縝密性和科學性。教學重點、難點重點：規(guī)劃、設計一個網(wǎng)站。難點：科學、合理地進行網(wǎng)站的規(guī)劃。課時安排1課時教學設計打開的“學生素材”文件夾，打開其中的“班級主頁”文件夾，瀏覽網(wǎng)頁文件index.htm，理解下面的幾個概念。一、認識網(wǎng)站1.

2、網(wǎng)站：因特網(wǎng)上具有相似性質(zhì)、共同內(nèi)容的一組信息資源。2.網(wǎng)頁：用HTML語言寫成的文件。3.主頁：用來表示訪問某個網(wǎng)站時出現(xiàn)的第一個頁面。文件名通常為index.htm 。思考：網(wǎng)站、網(wǎng)頁、主頁之間有什么樣的關系呢？網(wǎng)站是由若干個網(wǎng)頁組成的，網(wǎng)頁是網(wǎng)站的元素。而主頁即網(wǎng)站中的第一個頁面。4.網(wǎng)站結(jié)構(gòu)包括：樹狀結(jié)構(gòu)(如圖1)、線性結(jié)構(gòu)(如圖2)、網(wǎng)狀結(jié)構(gòu)(如圖3)結(jié)構(gòu)如圖： （1） （2） （3）思考：“網(wǎng)站1”文件夾中的網(wǎng)站屬于哪一種網(wǎng)站結(jié)構(gòu)？（樹形結(jié)構(gòu)）二、規(guī)劃、設計網(wǎng)站引入：通過本章的學習我們將一起制作一個以“宣傳班級”為主題的網(wǎng)站，本節(jié)課我們先來規(guī)劃、設計一下該網(wǎng)站，希望大家能積極參與討

3、論，多出好點子。在規(guī)劃網(wǎng)站時我們需要對網(wǎng)站的主題、名稱、欄目、版面、整體風格等做一個整體的分析。提問：那么什么是網(wǎng)站的主題、名稱、欄目、版面結(jié)構(gòu)和整體風格呢？我們先一起來熟悉一下。教師以素材庫中的一個網(wǎng)站為例作簡單演示并介紹。提問：我們將要制作的網(wǎng)站的主題已經(jīng)確定了，那么哪位同學愿意為我們的班級網(wǎng)站取一個好聽的名字呢？教師提示：給網(wǎng)站取名時需要注意： 1.要與主題緊密相關 2.要有意義 3.要上口、悅耳、易記 4.注意名稱是否合法、合情、合理學生思考、討論（教師引導）確定網(wǎng)站名稱。（學生記錄，填寫表格）表格如下：高一年級網(wǎng)站規(guī)劃表 高一（ ）班 姓名： 小組長： 網(wǎng)站主題網(wǎng)站名稱網(wǎng)站欄目版面結(jié)

4、構(gòu)班級主題網(wǎng)站提問：接下來，你們覺得我們這個網(wǎng)站需要開設哪些欄目呢？教師提示：欄目設計時需要注意：1.要緊扣主題，盡可能刪除與主題無關的欄目2.盡可能將網(wǎng)站最有吸引力的內(nèi)容列在欄目上3.盡可能方便訪問者的瀏覽和查詢。學生分組交流討論，提出較多可選用的網(wǎng)站欄目的名稱，請各小組選擇其中的至少六個欄目作為我們后續(xù)網(wǎng)站制作的欄目。（學生記錄，填寫表格）引導：我們平時瀏覽的網(wǎng)頁版面非常豐富，大家一起閱讀課本P83頁，了解幾種常見網(wǎng)頁的版面結(jié)構(gòu)（“廠”字型、“口”字型、自由式）學生分組交流討論，確定本小組網(wǎng)站的版面結(jié)構(gòu)。（學生記錄，填寫表格）引導并提問：網(wǎng)站能不能從一開始就吸引住訪問者跟網(wǎng)站的整體風格關系

5、非常大，請大家閱讀教材84-87頁，思考一下網(wǎng)站的整體風格與哪些因素有關呢？網(wǎng)站的整體風格與網(wǎng)站標志、標準色彩、標準字體密切相關。請學生瀏覽素材中“網(wǎng)站風格對比”文件中的三類網(wǎng)站的主頁面（政府、學校、個人），并填寫下表：網(wǎng)站名稱網(wǎng)站標志網(wǎng)站類型頁面主色調(diào)主要字體清華大學學校網(wǎng)站藍色、白色、灰色宋體江蘇省人大網(wǎng)政府網(wǎng)站紅色、白色、黑色宋體個人網(wǎng)站個人網(wǎng)站白色、黑色、紅色宋體小結(jié)：樹立網(wǎng)站整體風格的具體要求（設計網(wǎng)站標志的方法、網(wǎng)站色彩的采用原則、網(wǎng)站常用的字體）課堂任務：請大家繼續(xù)完善表格，收集網(wǎng)站素材（文字、圖片、音頻、視頻等信息）并分類存放到相應文件夾中，請小組長合理進行組員間的分工。提示：

6、收集素材時注意的原則：1.要注意對收集來的素材分類2.文件名要易懂易記，便于調(diào)用3.注意保護知識產(chǎn)權(quán)，避免侵犯別人的版權(quán)教師展示部分學生收集的素材并稍作評價。鞏固練習：1.用來對整個網(wǎng)站進行概括性介紹的網(wǎng)頁稱為該網(wǎng)站的【 B 】 。A.封面 B.主頁 C.歡迎頁 D.目錄頁2.網(wǎng)站首頁默認的文件名一般為【 B 】 。A.Logo.gif B.index.htm C.E-mail D.ad.htm3.網(wǎng)站樹立整體形象的關鍵是【 A 】 。A.標志、色彩和字體 B.表格、圖片和文字C.音頻、視頻和文字 D.計劃、欄目和版面4下列哪一個不屬于常見的網(wǎng)站結(jié)構(gòu)【 C 】 。A.線性結(jié)構(gòu) B.樹狀結(jié)構(gòu) C.星形結(jié)構(gòu) D.網(wǎng)狀結(jié)構(gòu)總結(jié)：通過本節(jié)課的學習，我們了解了什