第一篇：11單元第2節(jié)創(chuàng)建網(wǎng)站制作首頁教案

第10章 主題網(wǎng)站設計

第2節(jié) 制作網(wǎng)站——創(chuàng)建網(wǎng)站制作首頁

一、教學目標： 1．知識與技能：

（1）認識FrontPage軟件窗口結(jié)構(gòu)，并與Word窗口進行比較。

（2）了解站點與主頁的概念，理解站點的意義，學會建立、刪除站點。

（3）掌握新建簡單網(wǎng)頁的方法，能夠在網(wǎng)頁中插入文字并進行排版，掌握圖片、水平線的插入方法及屬性的設置方法，能夠靈活應用“網(wǎng)頁屬性”對話框來設置網(wǎng)頁屬性，如背景圖、背景音樂等。

（4）掌握保存網(wǎng)頁的方法，了解網(wǎng)頁保存與普遍文檔保存的不同點。

2．過程與方法：

（1）通過對比，使學生掌握軟件的使用方法，達到舉一反三的功效。

（2）通過學生動手設計網(wǎng)站的實踐活動，使學生掌握對象屬性的設置方法，為學生今后學習其他軟件奠定基礎。

3．情感態(tài)度與價值觀：

（1）通過對比，使學生了解軟件學習的一般方法及規(guī)律，提高學生學習信息技術(shù)的信心。（2）通過創(chuàng)建網(wǎng)站和設計首頁，掌握對象屬性的設置方法，初步體驗成功的快樂。

（3）通過創(chuàng)建“動物——人類的朋友”網(wǎng)站，使學生樹立人與動物和諧相處，真愛、善待和保護動物的觀念。

二、教學重點難點： 1．教學重點：

（1）認識FrontPage窗口結(jié)構(gòu)及主要菜單的功能。（2）掌握建立、刪除網(wǎng)站的基本方法。

（3）掌握簡單網(wǎng)頁設計的基本方法，如文字、圖片以及水平線的插入與編輯等。（4）掌握設置網(wǎng)頁屬性的一般方法。

2．教學難點：

（1）站點的作用和存儲路徑。（2）網(wǎng)頁的保存。

三、教學過程：

1．創(chuàng)設情境、導入新課

（1）教師將配套光盤上“動物”網(wǎng)站展示給學生看，并分析網(wǎng)站的基本結(jié)構(gòu)和主題。（2）師生共同討論對比FrontPage與Word的異同，進入教學主題——創(chuàng)建網(wǎng)站站點與制作首頁設計。

設計意圖：通過討論對比，自然過渡，激發(fā)興趣，活躍氣氛。2．任務驅(qū)動、自主學習

（1）教師啟動FrontPage，介紹各窗口組成，并與office中的其他軟件作比較，分析有什么異同。學生打開軟件，并結(jié)合教材仔細觀察。

（2）由于我們的網(wǎng)站需要多個網(wǎng)頁文件以及相關(guān)圖片、聲音文件等，所以網(wǎng)站建設初期就要做好管理準備，我們以站點的形式來管理網(wǎng)站內(nèi)容的文件。出示任務一：建立一個站點。

（3）教師指導學生對照書本進行學習，學生明確教師要求后，閱讀教材，進行自主學習。學生操作期間教師巡視課堂，做個別輔導。針對學生普遍存在的問題，教師做詳細講解。

（4）進一步提問：在文件夾列表中看到了什么？引導學生分析一般首頁的組成情況，提出制作要求。出示任務二；設計首頁。學生可脫離教材中各對象的具體擺放要求，構(gòu)思自己網(wǎng)站首頁中各對象的布局，但必要的元素不得缺少。

（5）出示任務三：編輯主頁。教師提出編輯要求，引導學生設置相關(guān)對象的屬性。學生示范，講解如何設置文字、圖片、水平線以及網(wǎng)頁屬性等。教師強調(diào)必須切換到普通模式窗口下編輯。

（6）出示任務四：保存網(wǎng)頁。教師邊示范邊講解。學生認真聽講，按要求保存自己的網(wǎng)頁。

設計意圖：在完成基本任務的前提下，鼓勵學生創(chuàng)新，培養(yǎng)學生自主學習合作學習能力。

3．課堂小結(jié)、師生評價

（1）教師引導學生進行總結(jié)，針對本節(jié)課的重點知識進行提問，了解學生對相關(guān)知識的掌握。

（2）學生相互欣賞作品，推薦優(yōu)秀作品在全班進行展示，師生共同評價，教師對完成情況好的學生和幫助他人的學生給與表揚。

設計意圖：引導學生對所學的知識進行梳理，并及時了解學生對教學內(nèi)容的掌握情況，鼓勵學生互幫互助。

四、教學反思：

1．學生可以自定主題，根據(jù)主題確定網(wǎng)站內(nèi)容。在教學中，教師可以要求學生設計的網(wǎng)頁內(nèi)容不同，但網(wǎng)頁設計的基本要求要與教師的教學要求一致，保證教學內(nèi)容落實到位。

2．由于課堂時間有限，若用大量時間讓學生收集資料，則無法完成任務。為了使學生能有更多時間學習網(wǎng)頁設計，教師可以事先多準備一些各種類型的素材，以方便學生查找和使用。

第二篇：博物館網(wǎng)站首頁制作教案

博物館網(wǎng)站首頁制作教案

第一部分：課前導入

簡單復習回顧上節(jié)所學內(nèi)容 第二部分：學習新內(nèi)容 【步驟一】 告知

簡單介紹本單元需要學習掌握的內(nèi)容

【步驟二】 引入

由一組圖片導入 【步驟三】 操練

北京騰飛博物館網(wǎng)站首頁制作

一、行業(yè)應用 屬于網(wǎng)頁設計

二、設計理念

博物館本身存放的就是大量距今年代比較久遠的物品，因此設計師在設計過程中，從網(wǎng)頁的顏色、裝飾元素以及表面肌理等方面，都力求能夠表現(xiàn)出一種歷史久遠、古老典雅的氣氛，并給人以有內(nèi)涵、有文化氣息的視覺感受?！静襟E四】具體操作步驟

1、制作背景

1新建 ○2打開素材 ○3設置前景色…….○

2、制作輔助效果 【步驟五】 歸納

本網(wǎng)站在開始時采用了很多圖形繪制功能輔助進行布局，然后再結(jié)合各種肌理素材、混合模式、圖層蒙版以及調(diào)色功能，為網(wǎng)頁的各個部分疊加紋理；在制作內(nèi)部的各個內(nèi)容時，將使用的蒙版、圖層樣式、圖形繪制以及文字輸入等功能，為每個圖形對象邊框等精致的效果，以及相關(guān)的裝飾圖形及說明文字，最后還需要打開一些裝飾圖形，結(jié)合縮放功能將其擺放在網(wǎng)頁的各個邊角位置作為裝飾?！静襟E六】 評價

對學生作品作具體評價，好的作品給予肯定，容易出現(xiàn)問題的方面，如部分疊加紋理方面、蒙版的使用等，具體講解?！静襟E七】 小結(jié)

本案例：博物館本身存放的就是大量距今年代比較久遠的物品，因此設計師在設計過程中，從網(wǎng)頁的顏色、裝飾元素以及表面肌理等方面，都力求能夠表現(xiàn)出一種歷史久遠、古老典雅的氣氛，并給人以有內(nèi)涵、有文化氣息的視覺感受。因此同學們要把這種厚重感表現(xiàn)出來，此作品才算成功。

【步驟八】 作業(yè)

1、北京騰飛博物館網(wǎng)站首頁制作

2、完成實訓報告冊 【步驟九】 課后反思

第三篇：制作網(wǎng)站首頁教案設計

制作網(wǎng)站首頁教案設計

制作網(wǎng)站首頁教案設計

廣東省云浮市郁南縣平臺鎮(zhèn)初級中學

黃偉興

教學課題：制作網(wǎng)站首頁 教學背景：

網(wǎng)站首頁是網(wǎng)站的“臉面”，學生通過學習設計網(wǎng)站首頁，一方面培養(yǎng)他們?yōu)樘岣咦髌肺?、展現(xiàn)自我而積極思考、探究、嘗試的意識和態(tài)度，另一方面通過學習各種基本網(wǎng)頁設計技術(shù)，親歷網(wǎng)頁制作的一般過程，更好地為接下去幾節(jié)課的學習和活動參與打下基本功。教學目標：

1、知識與技能：

（1）了解網(wǎng)頁一般由哪些元素組成。（2）學會運用表格進行版面布局。（3）能夠在網(wǎng)頁中添加網(wǎng)頁元素。（4）能在網(wǎng)頁中設置超鏈接。

2、過程與方法：

（1）通過制作網(wǎng)站首頁，掌握版面布局、添加網(wǎng)頁元素和設置超鏈接的基本技術(shù)方法，達到舉一反三的功效。

（2）通過學生動手設計網(wǎng)頁的實踐活動，使學生掌握對象屬性的設置方法，為學生今后學習其他軟件奠定基礎。

3、情感態(tài)度與價值觀：

制作網(wǎng)站首頁教案設計

（1）提高視覺素養(yǎng)，能根據(jù)網(wǎng)頁主題確定恰當?shù)木W(wǎng)頁風格并具有初步的創(chuàng)意。（2）通過運用表格布局網(wǎng)頁對象活動，進一步掌握各種不同對象屬性的設置方法和規(guī)律，提高學生學習信息技術(shù)的信心。

（3）在合作實踐過程中，培養(yǎng)學生的審美能力和創(chuàng)造能力，在小組協(xié)作學習中，培養(yǎng)學生合作幫助、團結(jié)協(xié)作的良好品質(zhì)。

（4）培養(yǎng)學生大膽構(gòu)思、自我創(chuàng)新的精神，培養(yǎng)學生的美感及創(chuàng)作后的成就感。

（5）善于和老師、同伴一起分析討論，在分析、探討中學會欣賞，學會評價。

4、學情分析：

學生已經(jīng)具備了計算機軟件使用的基礎，但學生在學習過程中往往會把注意力停留在技術(shù)實現(xiàn)的層面上，讓學生認識和掌握制作網(wǎng)站首頁的方法，故操作性強。在前面幾節(jié)課學生初步確定了網(wǎng)站的主題，收集了部分資料。學生已經(jīng)在word文檔的學習中掌握在文檔中插入圖片、藝術(shù)字等素材方法，為制作網(wǎng)頁中的添加素材這一環(huán)節(jié)打下基礎，同時表格教學比較枯燥，表格嵌套、根據(jù)圖片特點裁剪圖片、設計制作表格等知識點更加枯燥乏味。圖片處理操作水平的差異和教學內(nèi)容的枯燥，可能會造成很多學生不愿動手、不會動手。在實際教學時，教師應該時刻給予學生恰當?shù)囊龑?，在調(diào)動學生學習興趣方面下足功夫。

5、素質(zhì)目標：

制作網(wǎng)頁要應用到多方面的知識，培養(yǎng)學生的知識遷移能力，同時給學生提供了自由發(fā)揮的空間，學生可以充分發(fā)揮自身的創(chuàng)造力與想象力，培養(yǎng)學生綜合運用知識的能力。教學重點難點：

1、教學重點：

制作網(wǎng)站首頁教案設計

（1）能用表格規(guī)劃版面布局的方法與技巧。（2）恰當選取網(wǎng)頁元素與設置。

2、教學難點：

（1）掌握超鏈接技術(shù)設置網(wǎng)站導航功能的方法。（2）掌握設置網(wǎng)頁屬性的一般方法。教材分析：

1、本節(jié)的作用和地位：

本節(jié)課側(cè)重培養(yǎng)信息表達的能力，對于加強學生的信息意識，提高信息處理的能力有著重要的作用；網(wǎng)頁的設計也給學生提供了展示個性、自主創(chuàng)新的機會，促使他們主動地學、創(chuàng)造性地學；網(wǎng)頁的評價則能使學生了解內(nèi)容編排的原則，頁面布局的種類，色彩搭配的風格等，提高他們的藝術(shù)修養(yǎng)和審美情趣。

2、本節(jié)主要內(nèi)容介紹：

課改后信息技術(shù)課已不再是單純的計算機技能課，它強調(diào)以培養(yǎng)信息素養(yǎng)為目標，以任務驅(qū)動為模式，以應用軟件為載體。只有在實際教學中突破以往的教學模式，才能培養(yǎng)出適應信息社會發(fā)展的有用人才。這節(jié)課的主要任務是使學生掌握在FrontPage用表格規(guī)劃網(wǎng)頁及在網(wǎng)頁中插入圖片、聲音、水平線等相關(guān)知識與操作，并能合理、靈活地應用到網(wǎng)頁制作中，美化自己的網(wǎng)頁。教學方法：

1、先學后教，“兵”教“兵”

先學，就是讓學生自學，嘗試獨立操作；后教，是根據(jù)學生自學效果，教師進行精講、點評，并盡量讓學生去“教”；“兵”教“兵”，就是讓學生充當小教師的角色，自學得較好的學生操作給其他學生看，通過示范，在學生間起到相互

制作網(wǎng)站首頁教案設計

促進，相互影響的作用，達到共同進步。

2、任務驅(qū)動，小組競賽法

根據(jù)學生不同的學習能力、知識儲備、興趣愛好，依據(jù)自愿組成原則，將全班分成若干個小組。通過網(wǎng)頁教學課件的輔助，在教師的引導下，各小組按照自己規(guī)劃出的網(wǎng)頁設計方案，以任務驅(qū)動和分工合作形式制作網(wǎng)頁。并通過自我評價、小組評價、師生互評相結(jié)合的評價方式使學生自主完成作業(yè)，由學生自己擔任評委，評選出優(yōu)秀網(wǎng)頁，通過展示學生的優(yōu)秀作品來激發(fā)學生對網(wǎng)頁制作的興趣。

由操作能力強的學生充當組長，帶動其他成員完成網(wǎng)頁制作，一來培養(yǎng)他們合作互助的關(guān)系，二來培養(yǎng)學生之間、師生之間的感情。

整節(jié)課教師只扮演一個組織者和提示者的角色，一步步引導學生完成本課的目標，讓學生充分發(fā)揮自主性、協(xié)助性，培養(yǎng)他們合作、創(chuàng)新的能力。

3、提問引導法

根據(jù)學生已有的知識結(jié)構(gòu)體系，采用提問的方式引出每個教學目標，中間穿插觀察、自主探究、合作交流的方式加深學生的印象，培養(yǎng)學生的觀察能力，動手能力和團結(jié)合作精神。讓學生自覺主動地去分析問題、解決問題，學生在操作過程中不斷發(fā)現(xiàn)問題、解決問題，使學生由學會知識變?yōu)闀W知識。教學評價：

在教學過程中一方面要考查學生能否順利掌握制作網(wǎng)頁的基本技術(shù)方法，根據(jù)設計需求完成網(wǎng)站首頁的制作，另一方面又要考查學生在作品中是否做了科學的布局規(guī)劃、是否合理地運用了各種網(wǎng)頁元素，作品是否具備表現(xiàn)力和較強的可讀性。教學過程：

制作網(wǎng)站首頁教案設計

一、創(chuàng)設情景、引入課題、明確任務

師：上節(jié)課我們已經(jīng)規(guī)劃了自己的網(wǎng)站，今天老師給大家?guī)砹艘粋€禮物，它是一個漂亮的網(wǎng)站，它就是“老師個人學校網(wǎng)站”，里面有許多關(guān)于同學們的內(nèi)容，如：你們漂亮的生活相等，請同學們欣賞。

生：學生認真觀看，自主互相討論，暢談想法及發(fā)表意見。

師：繼網(wǎng)站籌劃之后我們就要著手來進行網(wǎng)頁的設計了，第一個要進行的當然是首頁的制作。首頁是網(wǎng)站的“臉面”，能不能吸引訪問者的注意，它顯得尤為重要，所以在設計制作首頁時需要特別花心思。怎樣設計一個好看的網(wǎng)頁讓網(wǎng)站第一時間搶占瀏覽者的眼球呢？再度打開網(wǎng)站的首頁。生：仔細觀察該首頁的特點。并互相討論，各抒已見。

師：上節(jié)課已經(jīng)搜集了素材，這節(jié)課咱們來動手制作網(wǎng)站的首頁。指導學生使用FrontPage打開范例“班級網(wǎng)站”的首頁，讓學生進行小組交流，回答以下幾個問題：

1、你知道有哪些軟件可以用來制作網(wǎng)頁嗎？

2、該網(wǎng)頁包含了很多元素，它們是如何整齊有序地分布在網(wǎng)頁中的？用什么可以分割網(wǎng)頁的版面布局呢？

3、該首頁包含了哪些元素？是否能很好地表達主題思想？結(jié)合小組收集到的素材，你認為在自己的網(wǎng)站首頁中可以添加哪些網(wǎng)頁元素？

4、導航欄是網(wǎng)站的“地圖”，沒有它，瀏覽者就會“迷路”。選定范例網(wǎng)站首頁導航欄中的欄目文字，單擊常用工具欄上的超鏈接按鈕，看看會出現(xiàn)什么？ 生：觀察思考、探究、小組合作交流，回答教師提出的幾個問題，并確立自己將要開展的工作。

制作網(wǎng)站首頁教案設計

師：其實很多文字處理軟件都可以設計網(wǎng)頁，如Word中，利用“另存為web頁”就可以將文檔保存為網(wǎng)頁，有些圖像處理軟件如PhotoShop也可以制作網(wǎng)頁，Windows“記事本”也可以制作網(wǎng)頁等，不過FrontPage和Dreamweaver卻是最方便的網(wǎng)頁制作軟件，因為它們不僅可以制作網(wǎng)頁，而且能方便地設計和管理網(wǎng)站，很適合入門學習。

二、先學后教、任務驅(qū)動、自主學習

1、用表格進行版面布局

師：（1）提問學生都為他們的主頁準備了哪些內(nèi)容和素材（如文本、圖片、動畫、音頻、視頻）？

（2）引導學生閱讀教材，然后動手實踐。生：（1）學生回答老師的問題。（2）上網(wǎng)學習相關(guān)的技能技巧。

（3）小組合作自主探究，教師引導，并安排操作熟練的學生進行演示。師：（1）教師巡視課堂，做個別輔導。針對學生普遍存在的問題，教師做詳細講解。

（2）以前我們可以用表格來表示數(shù)據(jù)信息嗎？表格還可以用來對網(wǎng)頁版面實現(xiàn)分割嗎？

（3）你打算怎樣安排它們的具體位置才能使網(wǎng)頁更加合理美觀，方便訪問者訪問？

（4）讓打開學生常去的網(wǎng)站，騰訊QQ網(wǎng)站，讓學生觀察并提問他們發(fā)現(xiàn)了什么，再逐一把表格中的各元素刪除，使網(wǎng)頁上只留下一個空表格結(jié)構(gòu)。（5）提醒學生要在編輯窗口和預窗口之間切換觀察，使表格結(jié)構(gòu)調(diào)整得更加

制作網(wǎng)站首頁教案設計

合理。

（6）如何才能讓表格不顯示在我們的網(wǎng)頁中呢？

生：思考回答問題，小組合作探究、交流，完成老師布置的任務。

師：（1）對比展示兩張素材相同布局不同的網(wǎng)頁。一個使用表格布局，但表格邊框隱藏，其頁面工整，文本、圖片擺放對稱，具有一定的規(guī)律；另一個不用表格布局則頁面凌亂，圖文混雜，擺放雜亂。（2）教師簡單演示。

A：添加表格；B：表格屬性設置面板中的幾個常用設置選項說明。（3）指出學生易出錯或難于處理的問題及學生可能遇到的問題。

生：（1）認真觀看教師演示，歸納總結(jié)交流自己動手動實踐過程中存在的問題和不足、成功的心得體會及改進思路等。

（2）互相找出易出錯或難于處理的問題及學生可能遇到的問題，合作探究解決的辦法。

2、添加網(wǎng)頁元素

師：（1）要求學生把事先準備好的各種網(wǎng)頁元素（如文本、圖片、動畫、音頻、視頻）添加到主頁，也可使用教師機的共享資源庫的素材。（2）把學生用到的技能要點發(fā)到學習網(wǎng)站上。

生：（1）小組合作交流，對之前收集到的素材進行選用，添加到網(wǎng)頁中。（2）上網(wǎng)學習相關(guān)的技能技巧。（3）上網(wǎng)查找需補充的素材。

制作網(wǎng)站首頁教案設計

（4）學有余力的同學還可以嘗試怎樣讓網(wǎng)頁更加生動。如添加視頻、背景音樂等。

師：（1）恰當?shù)貫閷W生提供方法，講授經(jīng)驗心得。（2）解決學生提出的疑難問題。

（3）鼓勵學生進行發(fā)現(xiàn)和嘗試提高他們的動手能力。

（4）教師巡視課堂，做個別輔導。針對學生普遍存在的問題，教師做詳細講解。

師：（1）教師簡單演示。

（2）指出學生易出錯或難于處理的問題及學生可能遇到的問題。

生：認真觀看教師演示，歸納總結(jié)交流自己動手動實踐過程中存在的問題和不足、成功的心得體會及改進思路等。

3、設置超鏈接

師：（1）如何通過超鏈接技術(shù)實現(xiàn)網(wǎng)站的導航功能？

（2）再次提出導航欄是網(wǎng)站的“地圖”，沒有它，瀏覽者就會“迷路”。選定范例網(wǎng)站首頁導航欄中的欄目文字，單擊常用工具欄上的超鏈接按鈕，看看會出現(xiàn)什么？

（3）你發(fā)現(xiàn)哪些地方需要設置超鏈接嗎？試對它們進行設置。（4）如何檢查各個鏈接目標是否設置正確？

生：動手嘗試，通過自主探究、小組合作交流，回答老師的問題。師：教師簡單演示。

制作網(wǎng)站首頁教案設計

三、課堂小結(jié)、作品展示、師生評價

（1）教師引導學生進行總結(jié)，針對本節(jié)課的重點知識進行提問，了解學生對相關(guān)知識的掌握。

（2）學生相互欣賞作品，推薦優(yōu)秀作品在全班進行展示。我們來評一評，哪個作品做得好，好在哪里？那個作品還存在不足之處，都有那些方面？師生共同評價，教師對完成情況好的學生和幫助他人的學生給與表揚。

四、教學反思

本節(jié)課采用的教學理念和教學方式是在建構(gòu)主義的教學理論指導下，采用“任務驅(qū)動教學法”,讓學生這種“帶著任務自主學習”的探究模式下實現(xiàn)知識的意義建構(gòu)。以學生自己實踐、自主學習為主，老師巧妙引導，適時指點為輔，學生在這種學習過程中處于積極主動的主體地位，從而可以充分發(fā)揮學生的學習主動性和創(chuàng)造性，使學生自主地獲取知識。讓學生通過合作協(xié)調(diào)、構(gòu)思創(chuàng)新的方式完成整節(jié)課學習的方法，極大調(diào)動了學生的學習積極性，培養(yǎng)了其信息表達的能力，加強了學生的信息意識，提高了信息處理的能力。在探索式學習中，重要的不只是僅對任務完成的學習，而是學習者對知識的探索過程，是學習者在探索知識過程中的思維飛躍，是個性化發(fā)展的極好過程。同時，自主學習可以使每一位學生根據(jù)自己的知識基礎與學習方法自定步調(diào)進行個別化學習，克服了傳統(tǒng)課堂教學中壓制個性化發(fā)展而采用“一刀切”的人為現(xiàn)象,但在引導過程中要注意掌握好“度”，既讓學生自己探索，掌握知識，又要合理補充，及時糾錯。

制作網(wǎng)站首頁教案設計

《網(wǎng)站制作——站點創(chuàng)建與首頁制作》教學設計

一、教材分析

本節(jié)課是江蘇科學技術(shù)出版社教材，初中信息技術(shù)（8年級）第3章第2節(jié)的第二課時的內(nèi)容，是繼網(wǎng)站規(guī)劃、網(wǎng)站設計后進行網(wǎng)站實現(xiàn)的關(guān)鍵一節(jié)，在整個課程的學習過程中至關(guān)重要。這節(jié)課的主要任務是運用Dreamweaver軟件，讓學生掌握在網(wǎng)頁中插入圖片、聲音、水平線等相關(guān)知識與操作，并能合理、靈活地編輯和美化自己的網(wǎng)頁。

二、教學目標 1．知識與技能

（1）掌握簡單網(wǎng)頁的新建方法。

（2）能夠在網(wǎng)頁中插入、排版文字，掌握圖片、水平線的插入方法及屬性的設置方法，能夠靈活應用“網(wǎng)頁屬性”對話框，設置網(wǎng)頁屬性，如背景、背景音樂。

（3）掌握保存網(wǎng)頁的方法，了解網(wǎng)頁保存與普通文檔保存的不同點。2．過程與方法

（1）對比教學，使學生掌握學習應用軟件的基本方法和規(guī)律，達到舉一反三的功效。

（2）任務驅(qū)動、自助探究，動手設計網(wǎng)站的實踐活動，建立對象屬性設置的思維方法和操作方法，為學生今后學習其它軟件奠定基礎。

（3）小組合作，培養(yǎng)學生自助、協(xié)作學習的能力。3．情感態(tài)度與價值觀

制作網(wǎng)站首頁教案設計

（1）能夠在對比學習中，讓學生體驗軟件學習的一般方法及規(guī)律，提高其學習信息技術(shù)的信心。

（2）能夠在網(wǎng)站首頁的設計和創(chuàng)建的過程中，掌握對象屬性的設置方法，初步體驗成功的快樂。

（3）能夠通過小組交流學習，激發(fā)學生探究創(chuàng)新的學習精神。

三、教學重難點 1．教學重點（1）站點的建立。

（2）簡單網(wǎng)頁設計方法，如文字、圖片以及水平線的插入與編輯等。（3）設置網(wǎng)頁屬性的一般方法。2．教學難點

（1）站點的作用和存儲路徑。（2）網(wǎng)頁的保存。

四、教學方法

對比和任務驅(qū)動教學法，自助探究和合作學習法，五、教學準備

教學內(nèi)容準備：整理、歸類相關(guān)素材，并分發(fā)到學生電腦指定盤。上課地點：多媒體教室

六、教學過程 1．情境導入

制作網(wǎng)站首頁教案設計

分發(fā)導學案，展示《旅游日記》網(wǎng)站，提問學生放假出門旅游的經(jīng)歷，引導學生思考如何記錄旅行過程，講解網(wǎng)站展示的內(nèi)容，激發(fā)學生創(chuàng)建網(wǎng)站的學習興趣。

設計意圖：由學生生活實際入手，自然過渡，激發(fā)興趣，活躍氣氛。2．新課教學（1）網(wǎng)站介紹

通過展示的網(wǎng)頁，分析其組成元素：網(wǎng)站標志、標題、水平線、文字介紹、背景圖片、背景音樂，強調(diào)網(wǎng)站內(nèi)容的合理布局。

（2）建立站點

由于我們的網(wǎng)站需要制作多個網(wǎng)頁文件以及相關(guān)圖片、聲音文件等，所以網(wǎng)站建設初期就要做好管理準備，我們以站點的形式來管理網(wǎng)站內(nèi)部文件。

任務1 在D盤下建立一個站點文件夾，站點名稱：0128（即班級序號+學號）。教師活動：指導學生對照書本進行學習（限時）； 學生操作期間教師巡視課堂，做個別輔導； 針對學生中普遍存在的問題，教師可做詳細講解。

學生活動：明確教師要求后，閱讀教材，開展對照著教材的自學活動； 舉手反饋完成與否。

設計意圖：對照教材操作步驟自學軟件的相關(guān)操作。（自學為主）提問思考：在文件夾列表中看到了什么？

分析多出的文件夾列表欄，多了一個文件夾，里面有兩個子文件夾和主頁，圖片存放在“images”文件夾中。

設計意圖：了解站點的作用，強調(diào)站點的管理。

制作網(wǎng)站首頁教案設計

（3）設計首頁

再次強調(diào)一般首頁組成情況，提出課堂制作要求（可跳出案例中各對象的具體擺放要求，但要求出現(xiàn)元素不得缺少）。

任務2 新建首頁，要求首頁中有如下對象： 網(wǎng)站的圖片標志和標題。網(wǎng)站的建立主旨（文字介紹）。水平線（起分隔作用）。

鏈接到下一頁的標記（可為文字，也可為圖片）。

教師活動：指導學生示范，講解如何插入圖片（來自文件）、插入水平線等。（注意各對象“插入點”的選擇）

學生活動：按要求小組合作完成任務。

設計意圖：類比Word中對象的插入方法，使學生學會知識遷移。并在完成基本任務的前提下，鼓勵學生創(chuàng)新。（類比學習法、知識遷移學習法）

（4）編輯與預覽主頁

提出具體編輯要求，引導學生設置相關(guān)對象的屬性。

任務

3編輯主頁

設置網(wǎng)站標題文字為隸書、7級、藍色、居中。設置水平線粗細為5像素。

設置文字介紹文字為楷體、小二號、藍色、加粗。選擇一張淡雅圖片，將其設置為首頁背景圖片。為首頁加上背景音樂。

制作網(wǎng)站首頁教案設計

教師活動：指導學生示范，講解如何設置文字、圖片、水平線以及網(wǎng)頁屬性等。

學生活動：按要求小組合作完成任務。

（強調(diào)：必須在“普通” 窗口下編輯，網(wǎng)頁背景圖片的像素符合要求）。設計意圖：通過小組交流學習，培養(yǎng)學生自助、協(xié)作學習的能力，激發(fā)學生探究創(chuàng)新的學習精神。

（5）保存網(wǎng)頁

教師活動：深入講解示范。

學生活動：認真聽講，按要求保存自己的網(wǎng)頁。

（強調(diào)：選擇一個其他文件的文件夾分類保存圖片等素材）３．總結(jié)與評價

（1）引導學生填寫任務完成測評表，相互檢查作業(yè)，推薦優(yōu)秀作品，展示給全班同學，表揚完成情況好的同學與幫助他人的同學。

（2）對照本堂課的學習情況進行總結(jié)，提問本節(jié)課的重點知識，反饋學生相關(guān)知識的掌握情況。

設計意圖：加強總結(jié)反饋，鼓勵學生互幫互助

第四篇：教案【設計網(wǎng)站與制作首頁】

教學目標

1.知識與技能：了解設計網(wǎng)站的一般流程以及網(wǎng)頁的基本構(gòu)成元素；學會運用表格進行版面布局；能夠在網(wǎng)頁中添加網(wǎng)頁元素 2.過程與方法：

通過制作網(wǎng)站首頁，掌握版面布局、添加網(wǎng)頁元素和設置網(wǎng)頁背景的基本技術(shù)方法，達到舉一反三的效果。

通過學生跟隨老師動手設計網(wǎng)站的實踐活動，使學生掌握對象屬性的設置方法，為學生今后學習其他軟件奠定基礎。3.情感態(tài)度價值觀：

提高視覺美感素養(yǎng)，能夠根據(jù)網(wǎng)站主題確定恰當?shù)木W(wǎng)頁風格并具有初步的創(chuàng)意； 使學生善于交流，在分析探討中學會欣賞與評價。教學重難點

1.學會使用表格規(guī)劃版面布局的方法與技巧 2.恰當選取網(wǎng)頁元素并進行設置。難點：掌握設置網(wǎng)頁屬性的一般方法 教學過程

一、創(chuàng)設情境、引入課題——5min 師：同學們，你們上過網(wǎng)嗎？哪位同學說說自己都知道哪些網(wǎng)站？可以相互討論一下。生：百度、新浪、騰訊??

師：非常好，那么同學們還記得它們的樣子嗎？老師這里有一些我們常用網(wǎng)站的首頁，咱們一起來欣賞、探討一下。哪位同學說說，你最喜歡哪個網(wǎng)頁？為什么？ 生：仔細觀察幾類首頁的特點，并踴躍發(fā)言。

師：一個網(wǎng)站，最重要的是它的人氣。獨特的設計、新穎的構(gòu)思都能夠為你的網(wǎng)站吸引大眾增光添彩。而首頁，作為網(wǎng)站的“臉面”，能不能吸引訪問者的注意，它更是重中之重。所以在設計制作首頁時需要特別地花心思，那么怎么樣設計一個好的首頁讓網(wǎng)站第一時間搶占瀏覽者的眼球呢？今天我們一起來學習《設計網(wǎng)站與制作首頁》。

二、新課講授

1.熟悉Dreamweaver開發(fā)環(huán)境——6min 師演示操作：運行Macromedia Dreamweaver MX 2004，在“起始頁”對話框中，選擇“創(chuàng)建新項目”中的“HTML”選項，進入操作界面。

師講解：菜單欄；插入欄；視圖模式按鈕：設計視圖、拆分視圖、代碼視圖；文檔工具欄；工作區(qū)、版面組、屬性面板。

師：制作網(wǎng)站的第一步要定義站點。站點是存放所有網(wǎng)頁以及相關(guān)圖片、動畫等媒體文件的文件夾。下面請大家跟隨我一起進行操作，定義本地站點。師生共同操作：課本P53定義本地站點。2.制作網(wǎng)站首頁——6min 師：設計網(wǎng)站首先要確定網(wǎng)站主題，主題是網(wǎng)站的靈魂，是確定網(wǎng)站風格與創(chuàng)意的前提和出發(fā)點。【板書：1.確定網(wǎng)站主題、名稱】 我想大家應該非常熟悉自己的QQ空間，所以我們今天就以個人網(wǎng)站為例，做一個個人主頁?，F(xiàn)在我們一起創(chuàng)建網(wǎng)站首頁。師生共同操作：

1）在“文件”面板的站點根目錄“myweb”下，右鍵——新建文件——命名“index.htm”作為網(wǎng)站首頁；新建文件夾，命名“images”，保存首頁中用到的圖片文件。2）雙擊“index.htm”文件，進入網(wǎng)頁編輯狀態(tài)。3）在“文檔工具欄”上的“標題”輸入框中輸入頁面標題：***個人主頁，作為首頁標題。按鍵盤上F12鍵預覽網(wǎng)頁，師：“請同學們觀察哪里發(fā)生了變化？” 生：首頁標題變?yōu)?**個人主頁。3.用表格布局首頁——8min 師：好，在確立網(wǎng)站主題后，要設計網(wǎng)站欄目，規(guī)劃出網(wǎng)站結(jié)構(gòu)圖【板書：2.規(guī)劃網(wǎng)站欄目結(jié)構(gòu)】。下面老師把QQ空間的主頁展示給大家，大家觀察并進行分析，咱們這個個人網(wǎng)站應該包含哪些欄目？請一位同學回答。

生：主頁日志相冊留言板說說個人檔音樂時光軸更多

師：非常好，接下來我們就要設計網(wǎng)頁版面布局了【板書：3.設計網(wǎng)頁版面布局】。請同學們快速閱讀課本P47網(wǎng)頁版面布局部分的內(nèi)容。

師演示講解：我們可以借助表格實現(xiàn)網(wǎng)頁的精細排版。打開“index.htm”文件——插入——表格。在“表格”對話框中可以設置行數(shù)、列數(shù)、表格寬度、邊框粗細、單元格間距等參數(shù)。單擊表格邊框，選中整個表格，就會顯示出表格的“屬性”面板，在這里可以對單元格進行拆分。

師生共同操作：下面請同學們跟隨我進行操作，簡單布置我們的個人主頁結(jié)構(gòu)。4.添加首頁內(nèi)容——3min 師演示操作：為了節(jié)省時間，老師已將文本內(nèi)容為大家準備好，咱們直接把一部分內(nèi)容復制粘貼進來。

類似我們學習過的Word等文本編輯軟件，可以在屬性面板中設置字體、字號、顏色等。5.插入圖像——4min 師演示：我們現(xiàn)在按F12鍵瀏覽一下，這樣的網(wǎng)頁你們喜歡看嗎？為什么？ 生：不喜歡，都是字。師演示：那我們現(xiàn)在就來學習如何插入圖片，選擇“插入——圖像”，如果圖片大小不合適，可以選中圖片，在屬性面板中設置圖片的寬度和高度。6.設置網(wǎng)頁背景——3min 師：網(wǎng)頁背景可以是顏色，也可以鏈接調(diào)用圖像文件，下面請同學們認真看我的演示。

三、知識回顧——3min 師：請幾位同學說說本節(jié)課學到了哪些知識或者技能？ 生：積極思考并發(fā)言。

四、布置任務——2min 小組合作：下節(jié)課我們需要利用本課所學知識和技能為班級設計一個主題網(wǎng)站的首頁。課下請同學們4人為一組，分工合作，確定網(wǎng)站主題和名稱，并作出欄目規(guī)劃和版面設計，搜集整理相關(guān)資料，以小組為單位提交至老師郵箱，以備下節(jié)課使用?！径嗝襟w展示】

五、課程收尾——5min 師：剩余5分鐘時間大家快速為個人主頁添加文本和圖片，將沒完成的部分補充完整，做得快的同學可以嘗試修改格式以及設置網(wǎng)頁背景?！窘處熝惨曊n堂，進行個別指導?！?/p>

第五篇：制作網(wǎng)站首頁教案設計

制作網(wǎng)站首頁教案設計

制作網(wǎng)站首頁教案設計

教學課題：制作網(wǎng)站首頁 教學背景：

網(wǎng)站首頁是網(wǎng)站的“臉面”，學生通過學習設計網(wǎng)站首頁，一方面培養(yǎng)他們?yōu)樘岣咦髌肺?、展現(xiàn)自我而積極思考、探究、嘗試的意識和態(tài)度，另一方面通過學習各種基本網(wǎng)頁設計技術(shù)，親歷網(wǎng)頁制作的一般過程，更好地為接下去幾節(jié)課的學習和活動參與打下基本功。教學目標：

1、知識與技能：

（1）了解網(wǎng)頁一般由哪些元素組成。（2）學會運用表格進行版面布局。（3）能夠在網(wǎng)頁中添加網(wǎng)頁元素。（4）能在網(wǎng)頁中設置超鏈接。

2、過程與方法：

（1）通過制作網(wǎng)站首頁，掌握版面布局、添加網(wǎng)頁元素和設置超鏈接的基本技術(shù)方法，達到舉一反三的功效。

（2）通過學生動手設計網(wǎng)頁的實踐活動，使學生掌握對象屬性的設置方法，為學生今后學習其他軟件奠定基礎。

3、情感態(tài)度與價值觀：

（1）提高視覺素養(yǎng)，能根據(jù)網(wǎng)頁主題確定恰當?shù)木W(wǎng)頁風格并具有初步的創(chuàng)意。

制作網(wǎng)站首頁教案設計

（2）通過運用表格布局網(wǎng)頁對象活動，進一步掌握各種不同對象屬性的設置方法和規(guī)律，提高學生學習信息技術(shù)的信心。

（3）在合作實踐過程中，培養(yǎng)學生的審美能力和創(chuàng)造能力，在小組協(xié)作學習中，培養(yǎng)學生合作幫助、團結(jié)協(xié)作的良好品質(zhì)。

（4）培養(yǎng)學生大膽構(gòu)思、自我創(chuàng)新的精神，培養(yǎng)學生的美感及創(chuàng)作后的成就感。

（5）善于和老師、同伴一起分析討論，在分析、探討中學會欣賞，學會評價。

4、學情分析：

學生已經(jīng)具備了計算機軟件使用的基礎，但學生在學習過程中往往會把注意力停留在技術(shù)實現(xiàn)的層面上，讓學生認識和掌握制作網(wǎng)站首頁的方法，故操作性強。在前面幾節(jié)課學生初步確定了網(wǎng)站的主題，收集了部分資料。學生已經(jīng)在word文檔的學習中掌握在文檔中插入圖片、藝術(shù)字等素材方法，為制作網(wǎng)頁中的添加素材這一環(huán)節(jié)打下基礎，同時表格教學比較枯燥，表格嵌套、根據(jù)圖片特點裁剪圖片、設計制作表格等知識點更加枯燥乏味。圖片處理操作水平的差異和教學內(nèi)容的枯燥，可能會造成很多學生不愿動手、不會動手。在實際教學時，教師應該時刻給予學生恰當?shù)囊龑?，在調(diào)動學生學習興趣方面下足功夫。

5、素質(zhì)目標：

制作網(wǎng)頁要應用到多方面的知識，培養(yǎng)學生的知識遷移能力，同時給學生提供了自由發(fā)揮的空間，學生可以充分發(fā)揮自身的創(chuàng)造力與想象力，培養(yǎng)學生綜合運用知識的能力。教學重點難點：

1、教學重點：

（1）能用表格規(guī)劃版面布局的方法與技巧。

制作網(wǎng)站首頁教案設計

（2）恰當選取網(wǎng)頁元素與設置。

2、教學難點：

（1）掌握超鏈接技術(shù)設置網(wǎng)站導航功能的方法。（2）掌握設置網(wǎng)頁屬性的一般方法。教材分析：

1、本節(jié)的作用和地位：

本節(jié)課側(cè)重培養(yǎng)信息表達的能力，對于加強學生的信息意識，提高信息處理的能力有著重要的作用；網(wǎng)頁的設計也給學生提供了展示個性、自主創(chuàng)新的機會，促使他們主動地學、創(chuàng)造性地學；網(wǎng)頁的評價則能使學生了解內(nèi)容編排的原則，頁面布局的種類，色彩搭配的風格等，提高他們的藝術(shù)修養(yǎng)和審美情趣。

2、本節(jié)主要內(nèi)容介紹：

課改后信息技術(shù)課已不再是單純的計算機技能課，它強調(diào)以培養(yǎng)信息素養(yǎng)為目標，以任務驅(qū)動為模式，以應用軟件為載體。只有在實際教學中突破以往的教學模式，才能培養(yǎng)出適應信息社會發(fā)展的有用人才。這節(jié)課的主要任務是使學生掌握在FrontPage用表格規(guī)劃網(wǎng)頁及在網(wǎng)頁中插入圖片、聲音、水平線等相關(guān)知識與操作，并能合理、靈活地應用到網(wǎng)頁制作中，美化自己的網(wǎng)頁。教學方法：

1、先學后教，“兵”教“兵”

先學，就是讓學生自學，嘗試獨立操作；后教，是根據(jù)學生自學效果，教師進行精講、點評，并盡量讓學生去“教”；“兵”教“兵”，就是讓學生充當小教師的角色，自學得較好的學生操作給其他學生看，通過示范，在學生間起到相互促進，相互影響的作用，達到共同進步。

制作網(wǎng)站首頁教案設計

2、任務驅(qū)動，小組競賽法

根據(jù)學生不同的學習能力、知識儲備、興趣愛好，依據(jù)自愿組成原則，將全班分成若干個小組。通過網(wǎng)頁教學課件的輔助，在教師的引導下，各小組按照自己規(guī)劃出的網(wǎng)頁設計方案，以任務驅(qū)動和分工合作形式制作網(wǎng)頁。并通過自我評價、小組評價、師生互評相結(jié)合的評價方式使學生自主完成作業(yè)，由學生自己擔任評委，評選出優(yōu)秀網(wǎng)頁，通過展示學生的優(yōu)秀作品來激發(fā)學生對網(wǎng)頁制作的興趣。

由操作能力強的學生充當組長，帶動其他成員完成網(wǎng)頁制作，一來培養(yǎng)他們合作互助的關(guān)系，二來培養(yǎng)學生之間、師生之間的感情。

整節(jié)課教師只扮演一個組織者和提示者的角色，一步步引導學生完成本課的目標，讓學生充分發(fā)揮自主性、協(xié)助性，培養(yǎng)他們合作、創(chuàng)新的能力。

3、提問引導法

根據(jù)學生已有的知識結(jié)構(gòu)體系，采用提問的方式引出每個教學目標，中間穿插觀察、自主探究、合作交流的方式加深學生的印象，培養(yǎng)學生的觀察能力，動手能力和團結(jié)合作精神。讓學生自覺主動地去分析問題、解決問題，學生在操作過程中不斷發(fā)現(xiàn)問題、解決問題，使學生由學會知識變?yōu)闀W知識。教學評價：

在教學過程中一方面要考查學生能否順利掌握制作網(wǎng)頁的基本技術(shù)方法，根據(jù)設計需求完成網(wǎng)站首頁的制作，另一方面又要考查學生在作品中是否做了科學的布局規(guī)劃、是否合理地運用了各種網(wǎng)頁元素，作品是否具備表現(xiàn)力和較強的可讀性。教學過程：

一、創(chuàng)設情景、引入課題、明確任務

制作網(wǎng)站首頁教案設計

師：上節(jié)課我們已經(jīng)規(guī)劃了自己的網(wǎng)站，今天老師給大家?guī)砹艘粋€禮物，它是一個漂亮的網(wǎng)站，它就是“老師個人學校網(wǎng)站”，里面有許多關(guān)于同學們的內(nèi)容，如：你們漂亮的生活相等，請同學們欣賞。

生：學生認真觀看，自主互相討論，暢談想法及發(fā)表意見。

師：繼網(wǎng)站籌劃之后我們就要著手來進行網(wǎng)頁的設計了，第一個要進行的當然是首頁的制作。首頁是網(wǎng)站的“臉面”，能不能吸引訪問者的注意，它顯得尤為重要，所以在設計制作首頁時需要特別花心思。怎樣設計一個好看的網(wǎng)頁讓網(wǎng)站第一時間搶占瀏覽者的眼球呢？再度打開網(wǎng)站的首頁。生：仔細觀察該首頁的特點。并互相討論，各抒已見。

師：上節(jié)課已經(jīng)搜集了素材，這節(jié)課咱們來動手制作網(wǎng)站的首頁。指導學生使用FrontPage打開范例“班級網(wǎng)站”的首頁，讓學生進行小組交流，回答以下幾個問題：

1、你知道有哪些軟件可以用來制作網(wǎng)頁嗎？

2、該網(wǎng)頁包含了很多元素，它們是如何整齊有序地分布在網(wǎng)頁中的？用什么可以分割網(wǎng)頁的版面布局呢？

3、該首頁包含了哪些元素？是否能很好地表達主題思想？結(jié)合小組收集到的素材，你認為在自己的網(wǎng)站首頁中可以添加哪些網(wǎng)頁元素？

4、導航欄是網(wǎng)站的“地圖”，沒有它，瀏覽者就會“迷路”。選定范例網(wǎng)站首頁導航欄中的欄目文字，單擊常用工具欄上的超鏈接按鈕，看看會出現(xiàn)什么？ 生：觀察思考、探究、小組合作交流，回答教師提出的幾個問題，并確立自己將要開展的工作。

師：其實很多文字處理軟件都可以設計網(wǎng)頁，如Word中，利用“另存為web頁”就可以將文檔保存為網(wǎng)頁，有些圖像處理軟件如PhotoShop也可以制作網(wǎng)頁，制作網(wǎng)站首頁教案設計

Windows“記事本”也可以制作網(wǎng)頁等，不過FrontPage和Dreamweaver卻是最方便的網(wǎng)頁制作軟件，因為它們不僅可以制作網(wǎng)頁，而且能方便地設計和管理網(wǎng)站，很適合入門學習。

二、先學后教、任務驅(qū)動、自主學習

1、用表格進行版面布局

師：（1）提問學生都為他們的主頁準備了哪些內(nèi)容和素材（如文本、圖片、動畫、音頻、視頻）？

（2）引導學生閱讀教材，然后動手實踐。生：（1）學生回答老師的問題。（2）上網(wǎng)學習相關(guān)的技能技巧。

（3）小組合作自主探究，教師引導，并安排操作熟練的學生進行演示。師：（1）教師巡視課堂，做個別輔導。針對學生普遍存在的問題，教師做詳細講解。

（2）以前我們可以用表格來表示數(shù)據(jù)信息嗎？表格還可以用來對網(wǎng)頁版面實現(xiàn)分割嗎？

（3）你打算怎樣安排它們的具體位置才能使網(wǎng)頁更加合理美觀，方便訪問者訪問？

（4）讓打開學生常去的網(wǎng)站，騰訊QQ網(wǎng)站，讓學生觀察并提問他們發(fā)現(xiàn)了什么，再逐一把表格中的各元素刪除，使網(wǎng)頁上只留下一個空表格結(jié)構(gòu)。（5）提醒學生要在編輯窗口和預窗口之間切換觀察，使表格結(jié)構(gòu)調(diào)整得更加合理。

制作網(wǎng)站首頁教案設計

（6）如何才能讓表格不顯示在我們的網(wǎng)頁中呢？

生：思考回答問題，小組合作探究、交流，完成老師布置的任務。

師：（1）對比展示兩張素材相同布局不同的網(wǎng)頁。一個使用表格布局，但表格邊框隱藏，其頁面工整，文本、圖片擺放對稱，具有一定的規(guī)律；另一個不用表格布局則頁面凌亂，圖文混雜，擺放雜亂。（2）教師簡單演示。

A：添加表格；B：表格屬性設置面板中的幾個常用設置選項說明。（3）指出學生易出錯或難于處理的問題及學生可能遇到的問題。

生：（1）認真觀看教師演示，歸納總結(jié)交流自己動手動實踐過程中存在的問題和不足、成功的心得體會及改進思路等。

（2）互相找出易出錯或難于處理的問題及學生可能遇到的問題，合作探究解決的辦法。

2、添加網(wǎng)頁元素

師：（1）要求學生把事先準備好的各種網(wǎng)頁元素（如文本、圖片、動畫、音頻、視頻）添加到主頁，也可使用教師機的共享資源庫的素材。（2）把學生用到的技能要點發(fā)到學習網(wǎng)站上。

生：（1）小組合作交流，對之前收集到的素材進行選用，添加到網(wǎng)頁中。（2）上網(wǎng)學習相關(guān)的技能技巧。（3）上網(wǎng)查找需補充的素材。

（4）學有余力的同學還可以嘗試怎樣讓網(wǎng)頁更加生動。如添加視頻、背景音 7

制作網(wǎng)站首頁教案設計

樂等。

師：（1）恰當?shù)貫閷W生提供方法，講授經(jīng)驗心得。（2）解決學生提出的疑難問題。

（3）鼓勵學生進行發(fā)現(xiàn)和嘗試提高他們的動手能力。

（4）教師巡視課堂，做個別輔導。針對學生普遍存在的問題，教師做詳細講解。

師：（1）教師簡單演示。

（2）指出學生易出錯或難于處理的問題及學生可能遇到的問題。

生：認真觀看教師演示，歸納總結(jié)交流自己動手動實踐過程中存在的問題和不足、成功的心得體會及改進思路等。

3、設置超鏈接

師：（1）如何通過超鏈接技術(shù)實現(xiàn)網(wǎng)站的導航功能？

（2）再次提出導航欄是網(wǎng)站的“地圖”，沒有它，瀏覽者就會“迷路”。選定范例網(wǎng)站首頁導航欄中的欄目文字，單擊常用工具欄上的超鏈接按鈕，看看會出現(xiàn)什么？

（3）你發(fā)現(xiàn)哪些地方需要設置超鏈接嗎？試對它們進行設置。（4）如何檢查各個鏈接目標是否設置正確？

生：動手嘗試，通過自主探究、小組合作交流，回答老師的問題。師：教師簡單演示。

三、課堂小結(jié)、作品展示、師生評價

制作網(wǎng)站首頁教案設計

（1）教師引導學生進行總結(jié)，針對本節(jié)課的重點知識進行提問，了解學生對相關(guān)知識的掌握。

（2）學生相互欣賞作品，推薦優(yōu)秀作品在全班進行展示。我們來評一評，哪個作品做得好，好在哪里？那個作品還存在不足之處，都有那些方面？師生共同評價，教師對完成情況好的學生和幫助他人的學生給與表揚。

四、教學反思

本節(jié)課采用的教學理念和教學方式是在建構(gòu)主義的教學理論指導下，采用“任務驅(qū)動教學法”,讓學生這種“帶著任務自主學習”的探究模式下實現(xiàn)知識的意義建構(gòu)。以學生自己實踐、自主學習為主，老師巧妙引導，適時指點為輔，學生在這種學習過程中處于積極主動的主體地位，從而可以充分發(fā)揮學生的學習主動性和創(chuàng)造性，使學生自主地獲取知識。讓學生通過合作協(xié)調(diào)、構(gòu)思創(chuàng)新的方式完成整節(jié)課學習的方法，極大調(diào)動了學生的學習積極性，培養(yǎng)了其信息表達的能力，加強了學生的信息意識，提高了信息處理的能力。在探索式學習中，重要的不只是僅對任務完成的學習，而是學習者對知識的探索過程，是學習者在探索知識過程中的思維飛躍，是個性化發(fā)展的極好過程。同時，自主學習可以使每一位學生根據(jù)自己的知識基礎與學習方法自定步調(diào)進行個別化學習，克服了傳統(tǒng)課堂教學中壓制個性化發(fā)展而采用“一刀切”的人為現(xiàn)象,但在引導過程中要注意掌握好“度”，既讓學生自己探索，掌握知識，又要合理補充，及時糾錯。