網(wǎng)站制作初步

1、網(wǎng)站制作初步教學設計一、教材分析1本節(jié)課地位和作用本節(jié)課側(cè)重培養(yǎng)信息表達的能力，對于加強學生的信息意識，提高信息處理的能力有著重要的作用；網(wǎng)頁的設計也給學生提供了展示個性、自主創(chuàng)新的機會，促使他們主動地學、創(chuàng)造性地學；網(wǎng)頁的評價則能使學生了解內(nèi)容編排的原則，頁面布局的種類，色彩搭配的風格等，提高他們的藝術(shù)修養(yǎng)和審美情趣。2教材處理使用網(wǎng)頁視圖方式建立網(wǎng)頁，在課本中一筆帶過，但是從知識的呈上啟下來看，學生更易接受這個方案，缺點是網(wǎng)站中建立許多個網(wǎng)頁時，若無網(wǎng)站的組織結(jié)構(gòu)圖，建立工作將陷入迷茫中，同時也對后續(xù)的超鏈接的學習就造成一定的困難，因此課本中不采納這種方法建立網(wǎng)頁。課改后信息技術(shù)課已不再是

2、單純的計算機技能課，它強調(diào)以培養(yǎng)信息素養(yǎng)為目標，以任務驅(qū)動為模式，以應用軟件為載體。只有在實際教學中突破以往的教學模式，才能培養(yǎng)出適應信息社會發(fā)展的有用人才。這節(jié)課的主要任務是使學生掌握在FrontPage用表格規(guī)劃網(wǎng)頁及在網(wǎng)頁中插入圖片、聲音、水平線等相關知識與操作，并能合理、靈活地應用到網(wǎng)頁制作中，美化自己的網(wǎng)頁。二、教學目標1知識與技能（1）掌握打開站點的基本方法；（2）掌握新建網(wǎng)頁的基本方法。（3）了解表格在網(wǎng)頁設計中的作用，利用表格定位網(wǎng)頁。（4）掌握網(wǎng)頁中表格的制作方法、表格屬性的設置方法以及單元格的修飾與編輯方法，表格嵌套的設計方法，并會添加網(wǎng)頁元素。（5）使用模板的方法來制作風

3、格統(tǒng)一的網(wǎng)頁。2過程與方法（1）利用對比學習，培養(yǎng)學生知識遷移的能力。（2）通過用表格結(jié)構(gòu)設計網(wǎng)頁，使學生進一步理解表格的作用、功能及網(wǎng)頁設計方法的多樣性，培養(yǎng)學生的發(fā)散思維能力。（3）通過自主探究，使學生掌握軟件的使用規(guī)則，培養(yǎng)學生自主學習的能力。觀察能力及解決問題的能力。3情感態(tài)度與價值觀（1）通過運用表格布局網(wǎng)頁對象活動，進一步掌握各種不同對象屬性的設置方法和規(guī)律，體驗創(chuàng)造的快樂。（2）在合作實踐過程中，培養(yǎng)學生合作幫助、團結(jié)協(xié)作的良好品質(zhì)。（3）培養(yǎng)學生大膽構(gòu)思、自我創(chuàng)新的精神，培養(yǎng)學生的美感及創(chuàng)作后的成就感。三、教學重點難點：1教學重點(1)網(wǎng)頁名稱應與網(wǎng)頁中的信息一致是重點（2）表

4、格在網(wǎng)頁設計中的重要作用。（3）利用表格定位網(wǎng)頁。（4）保存使用模板。2教學難點 (1)在使用導航欄建立網(wǎng)頁時，網(wǎng)頁的命名是難點（2）表格的嵌套在網(wǎng)頁設計中的應用。（3）使用模板的方法來制作風格統(tǒng)一的網(wǎng)站。四、學情分析 高中學生具備了一定的自學能力，通過上幾節(jié)的學習，對自己要制作的網(wǎng)站進行了實際規(guī)劃和設計，準備好了制作網(wǎng)站的基本素材，興致很高。FrontPage2000與Word等其他Office軟件相類似的圖形操作界面，學生已經(jīng)學過了Word字處理軟件。因此，對FrontPage2000的使用會有一種似曾相識的感覺，這種知識遷移對后續(xù)的學習非常有利。五、教法學法分析 1先學后教，“

5、兵”教“兵”先學，就是讓學生自學，嘗試獨立操作；后教，是根據(jù)學生自學效果，教師進行精講、點評，并盡量讓學生去“教”；“兵”教“兵”，就是讓學生充當小教師的角色，自學得較好的學生操作給其他學生看，通過示范，在學生間起到相互促進，相互影響的作用，達到共同進步。 2任務驅(qū)動，小組競賽法 根據(jù)學生不同的學習能力、知識儲備、興趣愛好，依據(jù)自愿組成原則，將全班分為6 8 人的小組。通過網(wǎng)頁教學課件的輔助，在教師的引導下，各小組按照自己規(guī)劃出的網(wǎng)頁設計方案，以任務驅(qū)動和分工合作形式制作網(wǎng)頁。并通過自我評價、小組評價、師生互評相結(jié)合的評價方式使學生自主完成作業(yè)，由學生自己擔任評委，評選出優(yōu)秀網(wǎng)頁，通過展示學生

6、的優(yōu)秀作品來激發(fā)學生對網(wǎng)頁制作的興趣。進行小組競賽學習，讓學生看一看、想一想、練一練，以練為主，親自實踐、積極動腦動手學習新的知識，掌握重點難點。由操作能力強的學生充當組長，帶動其他成員完成網(wǎng)頁制作，一來培養(yǎng)他們合作互助的關系，二來培養(yǎng)學生之間、師生之間的感情。整節(jié)課教師只扮演一個組織者和提示者的角色，一步步引導學生完成本課的目標，讓學生充分發(fā)揮自主性、協(xié)助性，培養(yǎng)他們合作、創(chuàng)新的能力。3提問引導法 根據(jù)學生已有的知識結(jié)構(gòu)體系，采用提問的方式引出每個教學目標，中間穿插比較、觀察的方式加深學生的印象，培養(yǎng)學生的觀察能力。讓學生自覺主動地去分析問題、解決問題，學生在操作過程中不斷“發(fā)現(xiàn)問題解決問題

7、”，變學生“學會”為“會學”。六、教學過程教學內(nèi)容教師活動學生活動設計意圖一、導入部分（第一課）上節(jié)課我們建立了“我的家鄉(xiāng)”站點，大家能使用“我的電腦”或“資源管理器”找到他們嗎？找到后請大家打開站點并預覽自己所編輯的主頁信息。問：大家看看自己編輯的主頁信息中有沒有錯誤？有錯了，該如何修改？問：一個網(wǎng)站中一張網(wǎng)頁不能夠表達一個站點的所有信息，那就需要許多個網(wǎng)頁，我如何增加網(wǎng)頁呢？我們這一節(jié)課就來解決這些問題。從計算機中查找自己的站點學生觀察發(fā)現(xiàn)問題學生思考（1）使學生確認自己站點所在的位置，復習上節(jié)課預覽網(wǎng)頁的知識便于后面知識的學習。（2）通過學生的觀察，發(fā)現(xiàn)問題，激發(fā)學生解決問題的興趣。（3

8、）留給學生思考的問題，讓學生帶著問題學習新知。 二、新課部分1新建網(wǎng)頁2保存網(wǎng)頁及網(wǎng)頁重命名（任務一）大家已經(jīng)打開網(wǎng)站，看看“文件”菜單中有沒有添加網(wǎng)頁的命令，自己動手試試給自己的站點增加兩個網(wǎng)頁，同時結(jié)合課本將相應的網(wǎng)頁的文字內(nèi)容錄入到網(wǎng)頁中。大家可以互相交流。教師進行輔導（任務二）大家剛才建立了網(wǎng)頁，并為網(wǎng)頁添加了文字，因此需要大家及時將自己的網(wǎng)頁保存在網(wǎng)站中。大家動手實踐教師進行輔導（1）在大家保存時應正確選擇自己的站點，輸入網(wǎng)頁名稱即可保存。（2）在此過程中，有的同學未能輸入網(wǎng)頁名稱，就點擊保存了，出現(xiàn)一個現(xiàn)象：網(wǎng)頁全部都是new-page_1(2，3，4)html的形式，多

9、了自己也被迷糊了。出現(xiàn)這種情況時大家可以使用文件夾列表窗體來重新給網(wǎng)頁命名。具體操作：選中你的網(wǎng)頁文件，使用右鍵的快捷菜單完成，它的操作類似于“資源管理器”中的命令操作。一定要注意命名時不能將網(wǎng)頁的屬性html丟棄了，若已經(jīng)丟棄，請將它加上。（3）保存完成后，若還想給網(wǎng)頁增加信息，一定要在文件夾列表窗體中雙擊網(wǎng)頁的名稱，當你看到你所雙擊的網(wǎng)頁名稱與編輯窗口中的名稱一致時，在輸入信息，完成后隨時保存信息。學生動手實踐學生動手實踐學生動手實踐學生改正自己錯誤學生已經(jīng)在新建站點中看到過新建網(wǎng)頁，很容易接受，同時通過交流達到共同進步。引導學生保存自己的網(wǎng)頁。學生在動手過程中就會引出重命名操作。將本節(jié)課

10、的難點集中展示出來，并糾正出錯的原因三、合理安排網(wǎng)頁元素的具體位置，使網(wǎng)頁更加合理美觀，方便訪問者訪問 （第二課）提問學生都為他們的主頁準備了哪些內(nèi)容和素材（如文本、圖片、動畫、音頻、視頻）？ 學生自主回答提問引導：你打算怎樣安排它們的具體位置才能使網(wǎng)頁更加合理美觀，方便訪問者訪問？學生思考打開學生常去的網(wǎng)站，騰訊QQ網(wǎng)站，讓學生觀察并提問他們發(fā)現(xiàn)了什么，再逐一把表格中的各元素刪除，使網(wǎng)頁上只留下一個空表格結(jié)構(gòu)觀察思考引出本課教學目標一：利用表格定位網(wǎng)頁對比展示兩張素材相同布局不同的網(wǎng)頁。一個使用表格布局，但表格邊框隱藏，其頁面工整，文本、圖片擺放對稱，具有一定的規(guī)律；另一個頁面凌亂，圖文混雜

11、，擺放雜亂根據(jù)上節(jié)課設計好的版面，利用已學過的知識動手在網(wǎng)頁中插入表格，調(diào)整表格的結(jié)構(gòu)，使插入的表格結(jié)構(gòu)與設計的版面盡量吻合，組長負責記錄表格結(jié)構(gòu)是否合理，并注明理由讓學生認識用表格布局的優(yōu)點；使學生能合理的安排和組織表格結(jié)構(gòu)，為以下的制作創(chuàng)造有利的條件提醒學生要在編輯窗口和預窗口之間切換觀察，使表格結(jié)構(gòu)調(diào)整得更加合理  教師引導，并安排操作熟練的學生進行演示學生動手操作培養(yǎng)學生知識遷移的能力和動手能力。 引出表格的嵌套提出問題：如何才能讓表格不顯示在我們的網(wǎng)頁中呢學生思考并動手操作引出表格屬性的設置，讓學生通過表格屬性的設置來設置表格的邊框、顏色等1.添加網(wǎng)頁元

12、素把事先準備好的各種網(wǎng)頁元素（如文本、圖片、動畫、音頻、視頻）添加到主頁，也可使用教師機的共享資源庫的素材；把學生用到的技能要點發(fā)到學習網(wǎng)站上；解決學生提出的疑難問題學生自主實踐引導學生掌握添加網(wǎng)頁元素的方法 2.使用模板制作其他頁面打開榕樹下這個網(wǎng)站的主頁和其他子頁面學生欣賞并觀察這些頁面的風格是否一致結(jié)合FrontPage模板功能引出目標三：使用模板制作其他頁面。提示學生，一個網(wǎng)站的風格一般是由主頁和子頁來共同體現(xiàn)，因此其他頁面應和主頁面的風格保持一致，那我們接下要做的其他頁面的風格也應和主頁風格保持一致提問學生是否還是象做主頁一樣從頭開始一個頁面一個頁面制作？還是有更方便的方法

13、，減少重復相同的操作提示學生把風格一致的部分保留下來，刪除其他部分，并當作模板保存下來，以供其他頁面使用，以后準備制作網(wǎng)頁時可從模板列表中選取并在此基礎上進行編輯學生自己動手為他們的網(wǎng)站制作模板四、作品共評下課前8分鐘，展示學生作品，評價打分各小組把做好的主頁和模板上傳到FTP服務器，組長記錄整個制作過程中的難點，心得體會，以備下次點評既可以提高學生的自信心，也可通過評價提高學生的鑒賞審美能力。為下一節(jié)課的學習提供基礎每組推薦一個相對優(yōu)秀的學生作品，共同評價七、教學評價本節(jié)課采用以學生自己實踐、自主學習為主，老師巧妙引導，適時指點為輔，讓學生通過合作協(xié)調(diào)、構(gòu)思創(chuàng)新的方式完成兩節(jié)課學習的方法，極大調(diào)