人的記憶力會隨著歲月的流逝而衰退，寫作可以彌補記憶的不足,，將曾經的人生經歷和感悟記錄下來,，也便于保存一份美好的回憶。寫范文的時候需要注意什么呢,？有哪些格式需要注意呢,？接下來小編就給大家介紹一下優(yōu)秀的范文該怎么寫,，我們一起來看一看吧,。

網頁的制作教學設計篇一

1,、知識與技能：靈活運用添加超鏈接和在網頁中插入表格方法,，根據網頁內容進行頁面布局,，完善網頁,掌握網頁布局的技能和技巧。

過程與方法：培養(yǎng)學生加工信息和應用信息的能力及培養(yǎng)學生思維能力,，規(guī)劃能力、創(chuàng)新能力,、及合作能力。

情感與態(tài)度：使學生感受中國源遠流長的歷史文明,，并通過網頁傳遞給世界,；幫助學生樹立良好的信息道德意識,；讓學生享受成就感,，樹立自信心。

2,、初中二年級學生感知能力較強,理解能力和抽象思維較弱;學生基本學會使用在網頁中插入表格的方法,，但分析信息、處理信息和應用信息能力較弱;對教學內容的了解程度較強,。

3、

教學重點：利用表格對網頁頁面進行布局,。

教學難點：怎樣合理,、美觀地設計網頁頁面布局。

此部分教學內容在整個網頁設計知識體系中處于綜合處理信息的重要部分,。

4、

我根據教學主題及其教學目標確定的教學指導思想是以學生為主體,，以學生自己的親身體驗展開探究式小組合作學習,。本節(jié)課采用研究體驗式教學法,建構主義模式下的任務驅動式教學法組織教學。首先設計“總任務”,，再細分成若干“小任務”,，實現教學目標,。

整個教學活動,，尤其是學習活動，我采用探究式學習法,，又稱研究性學習,，我強調的是學生在教師指導下，根據各自的興趣,、愛好和條件，再結合與自己有相同或相近的興趣,、愛好的同學組成合作伙伴,，共同選擇西安不同的旅游景點,，確定研究課題,，借助“表格布局”功能規(guī)劃七天的旅游行程,，獨立自主結合小組合作開展研究,，進行合理的網頁布局設計，達到從中培養(yǎng)創(chuàng)新精神和創(chuàng)造能力及審美能力的一種學習方式,，實現“雙贏”,。建構主義學習理論認為，學習過程不是學習者被動地接受知識,，而是積極地建構知識的過程,，把學過的網頁設計知識綜合應用起來，由于建構主義學習活動是以學習者為中心,，而且是真實的，并且以完成特定的任務為動力,，因而學習者就更具有興趣和動機,，能夠鼓勵學習者進行批判型思維，能夠更易于提供個體的學習風格,，展現自己的獨特思維,，不受現有網頁模式的拘束,?；跇嫿ㄖ髁x的探究性學習模式,，我的設想是整個教學過程是動態(tài)的,，學生是學習的主體,，教師是學生學習環(huán)境的創(chuàng)設者,、學習動力的激發(fā)者,、學習過程的指引者和學生學習的協(xié)作者。

信息技術在本次教-學活動有不可替代的功能,。利用信息技術中計算機技術進行網頁設計，實現教學目標,，完成讓世界各地的人實現“網上游古都”,。在教學中計劃通過探究式教學方式,，小組合作學習方式和“任務驅動式”教學策略,，自主設計網頁,，發(fā)布網頁,，運用網絡使信息技術的這些潛在優(yōu)勢發(fā)揮作用并真正促進學生能夠結合實際應用，通過自主實踐,，完成“網上游古都”任務，并同時完成了學習任務,，進一步建構了自己的知識體系,，并實時地享受到巨大的成就感。

創(chuàng)設情境

激發(fā)興趣

設計一個含有指向各旅游景點網頁的超鏈接的主頁,。

提供信息活條件，激發(fā)起學生的興趣,。

利用“表格”。

為細化任務埋下伏筆;并且激發(fā)學生的認知沖突,。

學生明確本節(jié)課課題，初步了解任務,。

出示課題,，介紹總任務。

根據對各旅游景點的興趣及當初搜索信息的分工情況及本節(jié)課任務分工,，四人一小組,。

學生進行分組

為細化任務做準備

出示任務

明確分工

每個組圍繞主題,，利用表格規(guī)劃設計旅游行程,，并建立好超鏈接,，利用主頁展示出來。

學生明確任務

明確總任務

形式：創(chuàng)建并完善主頁,，并展示整個網站。

分工參考：

內容版式規(guī)劃

整理七個旅游景點網頁

超鏈接的建立與維護

作品演示解說

學生明確匯報形式,，分工參考。

使學生明確各自任務后,，通過研究，探討,，操作，通過電腦媒體來完成任務,。

出示任務

明確分工

學生自由分組后,共同研究選組長,，組長進行給組員分配任務。

學生共同研究選組長,并協(xié)調分配好任務.

鍛煉學生自主協(xié)調分工能力,。

教師出示作品評價標準：

作品內容：設計含有七個鏈接網頁的主頁,，資料豐富,，內容準確,。

技術表現：頁面布局設計合理,，顏色搭配和諧，主題突出,，作品演示運行正常，操作熟練,。

創(chuàng)新特色：作品布局規(guī)劃有獨特之處,，有新意,。

提示學生有三條幫助熱線：

1,、組長2,、鄰座學習伙伴3、教師4,、自學課件

學生明確要求。

培養(yǎng)學生的創(chuàng)新能力,，規(guī)劃能力,，思維能力和合作能力。

學生研究探索合作交流創(chuàng)作作品

播放舒緩音樂,，為學生營造自由和諧氣氛,。

（提示學生利用網上鄰居把各組員的作品組合在一起，共同完成此任務,。）

學生根據角色分工,，按小組形式開始完善網站,。

學生體會了超鏈接的作用,，練習了超鏈接的使用,，理解了表格強大的頁面布局功能,；培養(yǎng)學生處理信息和應用信息的能力,；通過學生間交流合作,，老師及時點撥與指導,，培養(yǎng)學生發(fā)現問題和解決問題的能力,。

下面請各組派代表，到教師機前展示以下你們的旅游行程,。其他同學觀察后,，可提意見或建議。

由小組代表展示組內作品,，并詳細說明旅游景點規(guī)劃的呈現形式，內容選擇及整體構思,。

鍛煉學生口語表達能力和分析說明問題能力,。

合作成功展示作品成果匯報交流探討

教師引導學生探討頁面布局的方法和技巧；談看完作品后,，對其改進意見,；進行組間互評和組內自評,。

評出“最受歡迎獎”（即如果此網站上傳到網上,，點擊率最高）,，“最具創(chuàng)意獎”“最佳布局獎”作品。

學生間相互交流探討,。

培養(yǎng)學生合作交流能力。

教師從頁面布局,，整體規(guī)劃合理性，創(chuàng)意等幾方面進行點評,。

學生思考，怎樣完善作品,。

教師鼓勵學生發(fā)展創(chuàng)新思維,，頁面布局規(guī)劃能力，邏輯思維能力及合作能力,。

教師或其他同學提問頁面布局的方法,。

學生代表演示

及時檢測學生對表格的掌握情況。

你受到的最大啟示和收到的最大收獲,？成功經驗和失敗教訓？

學生回答

鞏固知識,，培養(yǎng)情感

同學們已熟練掌握表格的使用方法,，并且加工和應用信息的能力增強。

悠久的歷史積淀和豐富的人文資源,，使西安居中國六大古都之首,，是世界四大文明古都之一,，著名的旅游中心城市。希望你們熱愛中國博大精深的歷史,，感受西安古老的魅力,！

學生感悟,。

全課總結，培養(yǎng)道德情感,。

全課總結知識延伸

網站制作好了，怎樣讓世界各地的人都看到你們的網站呢,？

想當我們的故鄉(xiāng)—大慶的小導游嗎,？趕快制作一個“鐵人故鄉(xiāng)—大慶”的網站吧！

學生思考,。

學生課后實踐。

為激發(fā)下一節(jié)課內容（上傳主頁）的興趣奠定基礎,。

讓學生可把本課內容應用到實際生活中去。

培養(yǎng)學生自發(fā)探究能力,。

利用信息技術創(chuàng)設情境，播放一段自拍的錄像,，內容大體是：一位外國友人，想要來中國四大古都之一“西安”旅游,，但想要自助游,，想借助因特網,，先在網上了解一下西安,，并參考一下旅游行程,。通過此錄像激發(fā)學生興趣并利用信息技術呈現問題,，使學生產生認知沖突，培養(yǎng)學生發(fā)現問題,、分析問題、解決問題的能力,。我通過學生利用信息技術完成此項任務，促進學生對基礎知識,、基本技能的學習。我利用信息技術,，尤其是網絡提供的有關“西安”豐富的旅游景點介紹資源,，幫助和拓展學生的學習。讓學生借助信息技術手段開展探索,、總結并進行創(chuàng)作,。我利用信息技術展示學生自評,，學生互評,，教師評價的評價表,，為學生的學習提供評價、反饋和矯正,。我利用網頁自學課件和網絡教室教學廣播系統(tǒng)支持師生間,、生生間的交流對話。

本節(jié)課主題明確、集中,，讓學生分成小組,，合作探究學習，給出特定的總任務,，有利于學習效果評判的可比較性,，也便于學生之間的廣泛交流和良性競爭。通過利用信息技術規(guī)劃規(guī)劃網上西安七日游,，對西安七個主要景點的介紹，讓世界了解西安,，每個學生在共同完成“網上游古都”網站作品后，讓每個學生都有完成任務和宣傳中國源遠流長的文明歷史的成就感,，并感到自豪。

本節(jié)課,，在小組合作學習過程中,，學生之間互學互教，彼此交流探討,，經歷了提出問題,、分析問題和解決問題過程,，每個學生都承擔一定學習任務，防止濫竽充數,，促進了學生的參與程度,、認知深度，高質量地實現了課程的目標,，增強學生的責任感。但個別學生沒有認識到合作學習的重要意義,，自主探究能力較弱，容易喪失信心,。

教學實際實施過程，有學生提出：我對中國的少數民族文化感興趣,，能否制作一個宣傳中國五十六個少數民族文化的特色網站？于是我了解到學生對中國的不同文化感興趣,，可在課外活動小組完成此任務或作為課外自主探究性學習課題來探究,。

本節(jié)課讓學生掌握了“表格”的妙用，還提高了加工信息和應用信息的能力,，而且使學生感悟到了中國上下五千年的博大精深,，對祖國更加熱愛。

（

在新課程標準的理念中,，明確提出要關注全體學生，建設有特色的信息技術課程,。在教材因篇幅的限制,，提供給學生感知的背景材料極其有限,，“信息”且都處于“靜止、儲存”狀態(tài),，不利于學生的感知和抽象概括,。因此，允許教師在不改變教材內容,、體系,、結構的前提下,，經教學法的加工，營造引入新課的“情境問題”的氛圍,。學生在積極的參與,、體驗,、研究并在已有知識經驗的支持下,，自主能動地探索,，實現知識的再創(chuàng)造。

教學活動在面向全體的同時更注重學生情感的`交流協(xié)作意識與因材施教,。更注重學生個性培養(yǎng)和創(chuàng)新智能的開發(fā)。

學生自主性學習,，需要有一個適應的過程,，開始階段，布置任務要明確具體,。

學生之間的交流和幫助比較少,，自主學習的能力還要不斷提高等,。

附：學生學習過程及典型成果

第________組組長________作品題目______________

網頁的制作教學設計篇二

1,、讓學生掌握在網頁中插入表格的方法以及表格的修改

2、學會利用表格來規(guī)劃網頁

3,、培養(yǎng)學生創(chuàng)新的能力以及動手操作的能力

利用表格來規(guī)劃網頁,，從中培養(yǎng)學生的創(chuàng)新能力

一,、情境導入

同學們你們善于觀察嗎,？老師先考考你們，我們一起來看一組圖片,，你們看看在那里看過呢？學校緩臺的窗臺上,。你們的觀察能力真的很強啊，對,，這些都是我們學校美術的特色作口，盤畫,。其實,，我們做過很多作品：有手工作品,，語文課中的作文,、書法等都是作品,，這節(jié)課我們以繪畫作口品為例,，做一個學習園地網頁,，把我們的作品展示到自己的班級網站中,，以便我們更好的努力學習?，F在我們就一起來制作吧！

二,、新知探究

首先我們來打開上節(jié)課的班級網站，在這個網站中新建一個網頁,，并保存成“學習園地”,。

教師講解：如何制作學習園地網頁,。

1,、制作網頁的標題：輸入文字,，并設置文字的格式。

2,、插入表格：單擊“表格”中的“插入表格”并對表格屬性進行設置,。如：行,、列的操作,，對齊方式等,。同時講解什么是行，什么是列,，以及單元格的概念,。

3、修改表格：調整表格行高和列寬,。

4,、在學生學會插入表格的基礎上，來設計網頁,，展示作品,。并講解在單元格中可以插入圖片,、文字。那我們就一起快快去做吧,！插入圖片，并在圖片的上面或下面進行圖片的注釋,。

5、進一步設置單元格的背景,，來美化網頁。

6,、設置超鏈接：通過導航欄目,，設置文字超鏈接。選中文字,，點擊右鍵選擇超鏈接在列表中選擇你要鏈接的網頁,，單擊“確定”按鈕。

7,、學生在教師的講解后,，學生自己動手操作制作網頁,。教師進行指導,。（伴隨音樂）

三,、作品評價

1,、生評：從網頁設計上,，美觀程度上,，知識落實上重點評價,。

2,、師評：對學生作品進行評價，并對其它學生的評價加以更完整的解釋,。

四,、總結

我們這節(jié)課主要是利用了表格來設計網頁,，以使來美化我們的網頁,，通過繪畫作品的展示，學習更多的知識,。

網頁的制作教學設計篇三

一,、教學題目：網頁的制作

二、教學目標：

1,、知道站點,、主頁的概念，能在指定位置建立只有一個網頁的站點,；

2、認識frontpage的界面,；

3、掌握在主頁中插入文字,、圖片,、水平線,；

4,、掌握頁面文件與圖片的保存,。

三、教學重點：

1,、能在指定位置建立只有一個網頁的站點（難點）

2,、能在頁面中插入文字,、圖片,、水平線

3、掌握頁面文件與圖片的保存（難點）

四,、教學難點：

在教學中,，一方面采用比較教學的方法,，促進學生知識的遷移；另一方面,，提供學生一個導學課件,，讓學生根據這個網絡環(huán)境下的課件自己探索學習，以滿足不同層次學生的需求,。

五,、教學過程：

教師活動：

1、引入課題：（激發(fā)興趣,，活躍氣氛）

同學們喜不喜歡上網,？經常上新浪、西祠胡同等,，有沒有同學知道新浪,、西祠胡同稱做什么,？（網站）

瀏覽新浪網站,，瀏覽的第一個頁面稱為什么,？（主頁）

我們還可以瀏覽其它的頁面,，點擊超鏈接瀏覽,，當鼠標變成手指的形狀時有超鏈接。

問題1：網站是不是就是網頁,？用自己的語言描述一下網站的概念（網站包含多個網頁,，通過超鏈接把不同的頁面鏈接起來）

問題2：網頁是不是就是主頁,？(第一個頁面稱為主頁,網站設計者可以確定哪一個是主頁,主頁的文件名一般為：,主頁也是網頁)設計網站一般必須經過兩個步驟,，首先是在計算機里做好，然后發(fā)布在internet上,，讓所有的人訪問瀏覽,。

今天我們學習用frontpage建立站點,，制作一個主頁,。先來研究一下沒有發(fā)布的網站,打開教師做的網站 問：同學們看到了什么,？（文件夾）總結：

可以這樣理解網站：在資源管理器里,，網站表現為一個文件夾，里面存放的是所有與網站相關的文件,。

打開主頁,，瀏覽頁面,，這是老師做的一個導學課件，將幫助大家完成學習任務,。請學生瀏覽教師課件,，了解學習任務。

2,、新建站點

frontpage的啟動 問：與word比較,，有什么不同,？（增加了視圖區(qū),，編輯區(qū)有三個窗口）總結：

視圖區(qū)：多種視圖模式是為了方便網站的管理。制作網頁時,，必須在網頁視圖中編輯頁面,。

普通窗口：鼠標在閃動,，可編輯、修改頁面,，所見即所得的方式。

預覽窗口：瀏覽器中出現的效果,，與powerpoint中的“放映幻燈片”類似。html窗口：編寫html（超文本標記語言,，它是描述網頁內容和外觀的標準,。）打開導學軟件,，根據步驟，示范建立只有一個網頁的站點,，強調新站點的位置、路徑的正確輸入,，站點的名稱,。

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

3、編輯主頁與保存主頁

看效果圖,，請學生分析主頁中的元素

根據導學軟件,，學生完成任務2：設計主頁,、保存主頁與圖片

4,、總結反饋

請學生示范，講解如何插入圖片（來自剪貼畫與來自文件）,、插入水平線,，如何保存

總結：必須切換到“普通”窗口下編輯 主頁的保存中存在問題：

單擊“文件”---“保存”或工具欄的“保存”按扭,，彈出一個對話框,，保存嵌入式文件,，改變文件夾,，圖片必須保存在本站點images文件夾中,便于站點的管理。

5,、請學生繼續(xù)完成自己的主頁，有能力的同學完成提高篇

六,、小結：

展示學生作品，教師與學生共同評價 請學生總結今天的學習內容：建立包含一個頁面的站點,，主頁的設計與保存,。

網頁的制作教學設計篇四

《網頁制作》教學是信息基礎必修教材中第六章第1節(jié)信息集成中網站制作簡介的有關內容,。編輯網頁所使用的是軟件是frontpage20xx,，該軟件的使用與以前所學的word有類似的地方,，軟件操作具有一定的遷移性,。

學生在之前已經學習了word的有關操作,，具備網上獲取信息和一定的信息處理能力,。frontpage20xx的使用與word有很多類似的地方,，學生較容易上手,。

過程與方法：通過實踐體驗對比,，得出結論,。親歷網頁制作的過程,。情感態(tài)度與價值觀：在與同伴合作完成簡單網頁的制作過程中,，培養(yǎng)與他人合作交流的意識和習慣,，通過設計學校網頁,，培養(yǎng)學生熱愛學校的情感,。

教學重點：網頁制作中網頁元素的應用

教學難點：利用表格布局網頁

（一）情境導入

生回答：通過網絡發(fā)布，需要制作網頁（如回答不在話題上,，引導）

師：本節(jié)課我們就一起來學習制作《美麗的蒲中校園》網頁，宣傳學校的美,。學校將組織評選同學們設計的優(yōu)秀網頁作品,，放在學校網站上。

（二）新課講授

生：文字,、圖片、動畫,、聲音、超鏈接等,。

師：網頁里的這些元素是通過什么工具集成起來的呢？在這里，老師向大家介紹office20xx中的frontpage20xx來制作網頁,，它具有功能強大、簡單易用的特點,。

教師演示啟動frontpage20xx的步驟，啟發(fā)學生：界面和學過的哪個軟件比較相似,？教師點擊相關菜單,，引導。由于都是office套件的一種,，所以和word界面很相似,，演示界面和功能。演示打開站點bpzx,，站點打開后，觀察網站文件夾的結構,，介紹images文件夾與_private文件夾的作用。,，代表的是網頁文件。其中,，表示網站的主頁名稱。點擊視圖下的網頁,，切換到網頁窗口,，點擊文件夾，切換到站點文件夾窗口,，點擊bpzx站點文件夾，便于我們打開網頁文件,。

師：剛才同學們的都非常好,，在制作網頁前，我們先來放松一下,，來玩拼圖,。請同學們打開d盤的《網頁制作》學案，完成實踐一,。

實踐一：2個小實驗

實驗1：啟動frontpage后,，點擊“文件”“打開站點”，找到d盤下的bpzx文件夾。雙擊文件夾列表里的文件,，學生嘗試拼湊圖形。

學生操作,，發(fā)現實驗1中的圖形總有1個無法拖動，拼湊不成功,，實驗2在表格中拼湊圖形成功。

教師啟發(fā)學生思考,，引導學生觀察一開始出示的網頁，發(fā)現圖片,、文字、動畫等網頁元素排列整齊,。

師：是什么在起作用,？

師生共同得出：利用表格布局網頁,。得出：表格的定位,。

師：利用表格的布局功能,。表格的'布局功能可以對頁面元素進行定位,，使網頁清晰美觀,、富有條理。表格中可以包含多種類型的內容,，如圖像,、文本,、多媒體文件,。

師：在網站文件夾里有一張利用表格布局的“美麗的蒲中校園”網頁,，今天,，老師要請你們當網頁設計師，完成“美麗的蒲中”網頁制作,。制作學校風景，需要什么樣的素材,？學生回答：圖片,。老師已經預先把素材準備好了，大家可以打開acde瀏覽素材,，選擇合適的素材,。

實踐二：雙擊文件夾視圖里的,。

任務一：請大家從d盤的sucai文件夾中，從7張校園風景圖片中挑選其中一張,，插入網頁表格的適當位置。文字材料直接從sucai文件夾中的word文檔中復制。注意頁面的保存,，保存時要注意：網站中用到的圖像、聲音,、視頻文件應有條理地存放到指定文件夾中。當保存圖片時,，要把圖片保存到images文件夾中,。

學生自主操作,，4人一組合作學習,。教師巡回輔導,。操作中的操作步驟要點參考《網頁制作》學案,。

任務二：在單元格中各插入gif圖像動畫,、歡迎字幕和flash動畫,,，以實現頁面的動態(tài)效果。注意保存和預覽,。

可能的問題：1,、圖片屬性設置2,、flash動畫的插入教師展示一部分學生的作品,，點評,，小結,。學生再次練習完善,。

師：剛才,，同學們的表現都非常出色,，要想使自己的網頁更漂亮,、更受歡迎嗎,？

實踐三：

任務一：美化頁面操作小貼士：

操作右擊網頁空白處,，“網頁屬性”，“常規(guī)”,，輸入標題,。切換到“背景”，設置背景色,。設置背景圖片：可勾選“背景圖片”,，“瀏覽”,。

任務二：打開頁面,，對“美麗校園”創(chuàng)建超鏈接到。操作小貼士：

創(chuàng)建超鏈接：選定文字,，“插入”、“超鏈接”,，選定超鏈接的網頁。學生合作學習,，教師巡回輔導,。教師展示學生作品,，點評,，小結,。

教師提醒學生,，做好后的網頁,，在瀏覽器里預覽,，發(fā)現有邊框線,，如何解決,？學生自主探究,。

文檔為doc格式

網頁的制作教學設計篇五

1,、知識與技能：

（1）,、了解框架結構網頁的概念及在網頁中的作用，了解它與表格網頁的區(qū)別,。

（2）,、掌握框架結構網頁的建立、框架結構的拆分,、框架的刪除等。

（3）,、掌握框架中頁面設置及保存的方法，如設置初始網頁按鈕,、新建網頁按鈕等,。

2、過程與方法：

（1）,、能夠區(qū)分框架結構屬性設置與網頁屬性設置的不同點,。

（2）,、通過框架結構網頁設計，使學生對網頁的整體結構有更進一步的認識,。

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

（1）,、能夠將表格與框架結構網頁結合使用,，在創(chuàng)作中體驗樂趣,。

（2）、培養(yǎng)學生網頁設計的審美意識,、創(chuàng)新意識,。

1,、教學重點：

（1）,、框架網頁的作用和功能,，框架的建立與屬性設置。

（2）,、框架中各個頁面之間的關聯(lián),，每個框中頁面的設置方法,。

（3）、框架網頁的保存方法,。

2、教學難點：

（1）,、框架結構網頁中框架屬性與頁面屬性的設置方法。

（2）,、理解框架結構的多頁面存儲方法及各頁面之間的關聯(lián)。

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

（1）,、教師展示一組表格制作的網頁,，引導學生找出它們的共同特點,。并提問如何快捷地制作這種網頁（學生回答：使用復制、粘貼快捷地制作）,。

（2）,、教師又提問：有沒有更好的方法呢,？相同的區(qū)域我們能否只做一遍呢,？從而導入新課——框架網頁的制作,。

設計意圖：通過對比,、比較,，引導學生思考,，激發(fā)學生學習的樂趣。

2,、任務驅動,、自主學習

（1）,、教師展示一個框架網頁,，引導學生理解框架網頁的概念,。

（2）、出示任務一：框架網頁的新建與保存,。教師要求學生先閱讀教材中的操作步驟,，再嘗試完成書本第227頁的實踐學習,。

（3）,、教師講解框架結構中的每個框都是一個獨立的選項文件，即網頁文件,，因此當框架確定之后,，需要為每個框分別指定其網頁文件的來源,，可以通過每個框中的“新建網頁”按鈕和“設置初始網頁”按鈕進行選擇,。

（4）、學生理解框架網頁的概念,，通過閱讀教材中的內容,，自學新建框架網頁的操作,，初步了解“新建網頁”和“設置初始網頁”兩個按鈕的不同,，并認真聆聽教師的講解,，注意觀察,，按要求模仿操作。

（5）,、出示任務二：相關頁面的制作與設置,。教師要求學生先閱讀教材中的操作步驟,，再嘗試完成書本第228,、229頁的實踐學習,。

（6）,、學生制作相關頁面,，同時也是對前面所學內容的復習和回顧,。教師反饋學生的操作情況,，開展評比活動,，對表現好的學生給與表揚,。

（7）,、出示任務三：框架網頁屬性的設置,。學生自主探究學習,，有問題可向教師尋求幫助。教師基礎扎實的同學完成任務后可進行拓展學習,。

（8）,、教師請學生示范操作,，并說明自己設置的方法和原因。同時鼓勵做的比較好的學生,。

設計意圖：培養(yǎng)學生的自主學習能力，對于課堂教學難點,，學生在教師的講解后模仿操作,，有效突破難點,。

3、展示作品,、課堂小結

（1）,、教師給出一些常見的框架結構應用界面,，如web郵箱頁面等,，引導學生總結本課內容,，并讓學生分組,，推進一些優(yōu)秀作品在全班展示,。

（2）,、教師點評，并鼓勵完成作品比較好的學生,。

設計意圖：拓展學生的視野，使學生了解框架的應用方法,。展示優(yōu)秀作品鼓勵學生，激發(fā)學生的創(chuàng)作欲望,。

的教學方法。教師可以簡單介紹框架結構網頁的功能及框架的建立與編輯方法,，以及框架屬性設置與網頁屬性設置的方法與區(qū)別,。然后由學生根據教師提供的學案及演示動畫,，完成框架網頁設計任務,。

網頁的制作教學設計篇六

一、教學目標,、知道站點、主頁的概念,，能在指定位置建立只有一個網頁的站點,；,、認識 frontpage 的界面,；、掌握在主頁中插入文字,、圖片,、水平線,；,、掌握頁面文件與圖片的保存。

二,、教學重點、能在指定位置建立只有一個網頁的站點（難點）,、能在頁面中插入文字、圖片,、水平線,、掌握頁面文件與圖片的保存（難點）

三,、學情分析

學生已經學習了 word、powerpoint 與上網瀏覽信息,，對計算機的基本操作（word 中文檔的編輯,，網頁的瀏覽等）比較熟練。這使得學生主動探索,、自主學習成為可能。每位學生必須完成基本任務,，有能力的學生還可以完成提高篇的學習,，以充分發(fā)揮學生的積極性與自主性,。

四,、教學方法

在教學中，一方面采用比較教學的方法,，促進學生知識的遷移,；另一方面,，提供學生一個導學課件,，讓學生根據這個網絡環(huán)境下的課件自己探索學習，以滿足不同層次學生的需求,。

五,、教學過程設計

教師活動： 1,、引入課題：（激發(fā)興趣,，活躍氣氛）

同學們喜不喜歡上網？經常上新浪,、西祠胡同等，有沒有同學知道新浪,、西祠胡同稱做什么？（網站）

瀏覽新浪網站,，瀏覽的第一個頁面稱為什么？（主頁）

我們還可以瀏覽其它的頁面,，點擊超鏈接瀏覽,，當鼠標變成手指的形狀時有超鏈接,。

問題 1 ：網站是不是就是網頁,？用自己的語言描述一下網站的概念（網站包含多個網頁，通過超鏈接把不同的頁面鏈接起來）

問題 2 ：網頁是不是就是主頁,？(第一個頁面稱為主頁 , 網站設計者可以確定哪一個是主頁 , 主頁的文件名一般為： , 主頁也是網頁)

設計網站一般必須經過兩個步驟,，首先是在計算機里做好,，然后發(fā)布在 internet 上，讓所有的人訪問瀏覽,。

今天我們學習用 frontpage 建立站點,，制作一個主頁。

先來研究一下沒有發(fā)布的網站 , 打開教師做的網站

問：同學們看到了什么,？（文件夾）

總結：

可以這樣理解網站：在資源管理器里,，網站表現為一個文件夾,，里面存放的是所有與網站相關的文件。

打開主頁,，瀏覽頁面,，這是老師做的一個導學課件,，將幫助大家完成學習任務,。

請學生瀏覽教師課件,，了解學習任務、新建站點

fp 的啟動

問：與 word 比較,，有什么不同？

（增加了視圖區(qū),，編輯區(qū)有三個窗口）

總結：

視圖區(qū)：多種視圖模式是為了方便網站的管理,。制作網頁時,，必須在網頁視圖中編輯頁面

普通窗口：鼠標在閃動,，可編輯,、修改頁面,，所見即所得的方式

預覽窗口：瀏覽器中出現的效果，與 powerpoint 中的 “ 放映幻燈片 ” 類似。

html 窗口：編寫 html（超文本標記語言,，它是描述網頁內容和外觀的標準,。）

打開導學軟件,，根據步驟，示范建立只有一個網頁的站點,，強調新站點的位置,、路徑的正確輸入,，站點的名稱,。

（教會學生利用導學課件,，根據導學軟件完成任務）

任務 1 ：學生根據導學課件,，在 d: 建立自己站點

教師巡視指導

請一位學生示范如何建立站點 , 教師總結

問：在文件夾列表中看到了什么,？

看效果圖,，請學生分析主頁中的元素

根據導學軟件,，學生完成任務 2 ：設計主頁,、保存主頁與圖片

教師巡視指導、總結反饋

請學生示范,，講解如何插入圖片（來自剪貼畫與來自文件）,、插入水平線,，如何保存

總結：必須切換到 “ 普通 ” 窗口下編輯

主頁的保存中存在問題：

教師巡視指導,、教師與學生共同評價總結

展示學生作品，教師與學生共同評價

請學生總結今天的學習內容：建立包含一個頁面的站點,，主頁的設計與保存,。

注：課件中包含每一個操作過程的操作步驟及拓展的知識、基本任務與提高任務的效果圖,。

點評：

教學課題 “ 網頁制作 ” 作為初中階段的最后一部分內容,，難度較大,，教學的深度較難掌握,。這就要教師在備教材的基礎上,，同時還要備學生，做到對學生的情況有較為深刻地了解,，以便很好地完成教學任務，達到預期的教學效果,。根據教材和《中小學信息技術課程指導綱要（試行）》中的精神，本課應以 “ 任務驅動 ” 的方式完成,，一方面教會學生了解和熟悉具體軟件的基本功能,，另一方面又能主動地掌握并深入學習思考。尋著這個思路授課教師在課前作了大量的課前準備制作出了相應的教學課件 “ 網頁制作 ”,。

一,、調動學生的學習熱情,，變被動學習為主動學習

整個教學過 程張云 老師采取了 “ 引導加任務驅動 ” 的模式進行,。首先教師進行導入，導入概念,，強調概念,；再引導學生學習課件的使用,，引導他們讀懂課件中的第一個任務：建立一個只有一頁的網站,，（此處若能引導學生,，由學生來完成,，減少老師的操作,，效果會更好），然后讓學生模仿第一步的操作進行下面內容的學習,，完成導學材料中給出的一個個任務,。

二,、突出重點,，及時點評

張云 老師在引導學生進行學習,、操作后,，就主動地去觀察和發(fā)現學生中出現的問題,，甚至于課前對可能出現的問題，也進行有預見性地準備,；發(fā)現問題及時點評,。（點評分為個別點評和全班點評,，點評不等于教師將操作過程演示一遍。張云 老師在點評建成的網站時,，重點若再突出些，介紹再清楚些,，效果會更好,。比如：站點中內容說明不夠清楚等,。）

三,、發(fā)揮學生的協(xié)作學習精神

張云 老師在教學過程中,，對有困難的學生進行個別輔導,，同時還需發(fā)揮學生的協(xié)作學習的精神,，充分調動學生學習的積極性,，讓學有余力的學生充當 “ 小老師 ”,，從而體會到學習的樂趣,。（整個教學過程中,，這點做地不夠,，沒有充分地讓師生互動起來）

四,、重點突出,、目標明確

最后,，張 老師在整個教學過程中,，應再突出教學重點，明確本節(jié)課的任務,。（課前的導入，最好給出教學目標,，課后的小結應讓學生總結他本堂課學習到哪些知識,，所以感覺這節(jié)課重點不突出,，內容分散,。）

五,、教學效果較好

由 于張云 老師在課前對本課作了大量的準備工作，課件制作效果較好，所以學生完成情況很好,，教學任務完成情況較好,。

網頁的制作教學設計篇七

山東省昌樂二中滕學梅

【學情分析】

1.在學習網頁制作之前,，學生進行了網站的規(guī)劃與設計,，還沒有就網頁制作真正著手練習，對frontpage的使用比較陌生,，但是已經有word等軟件的操作基礎,，很多基本的操作可以遷移過來,。并且,，通過高一的學習與養(yǎng)成,，學習小組的整體意識已經建立,，組內合作,、組間競爭的氛圍已經形成,，所以可以采用先進行自主練習,，然后合作探究,，通過各組推薦的作品展示進行評價,，在展示的同時也提高了學生的技術水平,。

課前準備：提前做好小組座次安排,，由學科班長組織大家按組入座,。

一,、展示導入,，明確學習目標（3分鐘）

1.展示精彩網頁（如北京大學,、清華大學網站首頁）,，引導學生簡單分析網頁風格,。2.明確本節(jié)課學習目標與主要任務。

二,、指導與點撥（3分鐘）

三,、基本功練習（10分鐘）

1.任務：快速“克隆”示例網頁。（素材發(fā)到桌面“基本功練習”文件夾中）

（2）每組的“技術顧問”完成任務后可下座指導,；（3）完成后相互檢查超鏈接的效果,。

四,、制作主題網頁（15分鐘）

2.具體要求參看導學案“實踐探究”部分,；可兩人合作,，有能力者最好獨立完成,；

五,、作品推選,、上傳：每組推選一個作品參加組間評選,，并將作品文件夾傳至ftp。

六,、精彩展示（10分鐘）各組派一代表向全班展示自己的作品,，并簡介操作要點。展示前,，引導全體學生積極思考以下問題：

1.你從展示作品中學到了什么？有哪些可借鑒之處,？

注：1.學生展示過程中，教師要引導大家規(guī)范操作,，對于重點加以強調。2.提醒學科班長記錄參與展示和積極質疑,、解答的同學,，匯入評價,。

七,、完善提升：（5分鐘）

1.借鑒所展示作品的優(yōu)秀之處,，進一步完善自己的作品,；2.根據展示同學的演示,，將新學到的操作嘗試一遍。

八,、總結：

1.網頁制作要領：（1）靈活運用基本操作；（2）版面設計清晰,、條理,，或者有獨特之處,；（3）配色和諧,，給人美感,；（4）超鏈接順暢、自由,，方便使用,。2.由學科班長公布本節(jié)課評價統(tǒng)計情況,。

【教學反思】

1.在學生自主練習過程中,，適時指導很重要,，但教師一人肯定不能照顧全體學生，所以充分發(fā)揮學習小組的“技術顧問”的作用很關鍵,。

2.在“制作主題網頁”環(huán)節(jié),，給學生準備四個不同的主題素材是很有必要的，我們在進行教學設計時要考慮到學生個性,、興趣不同,，并加以利用，促進教學,。

3.對進行展示的同學要進行簡單培訓（或者對各組長進行培訓,，由組長傳達到展示者），防止展示時只宣講他們網頁中的內容,，而忽略技術,，浪費寶貴的時間,。4.課堂即時評價很重要。學生初次接觸一個軟件,，要經常收獲一點成就感才有進一步探索的欲望,，這就需要我們教師注意發(fā)現、及時鼓勵,。學科班長記錄好大家的課堂參與情況,，下課前公布，這項工作若堅持下來,，對我們的教學會有很大促進,。

網頁的制作教學設計篇八

山東省昌樂二中 滕學梅

【學情分析】

1.在學習網頁制作之前，學生進行了網站的規(guī)劃與設計,，還沒有就網頁制作真正著手練習,，對frontpage的使用比較陌生，但是已經有word等軟件的操作基礎,，很多基本的操作可以遷移過來,。并且，通過高一的學習與養(yǎng)成,，學習小組的整體意識已經建立,，組內合作、組間競爭的氛圍已經形成,，所以可以采用先進行自主練習,，然后合作探究，通過各組推薦的作品展示進行評價,，在展示的同時也提高了學生的技術水平,。

課前準備：提前做好小組座次安排，由學科班長組織大家按組入座,。

一,、展示導入，明確學習目標（3分鐘）

1.展示精彩網頁（如北京大學,、清華大學網站首頁）,，引導學生簡單分析網頁風格。2.明確本節(jié)課學習目標與主要任務,。

二,、指導與點撥（3分鐘）

三、基本功練習（10分鐘）

1.任務：快速“克隆”示例網頁,。（素材發(fā)到桌面“基本功練習”文件夾中）

（2）每組的“技術顧問”完成任務后可下座指導,；（3）完成后相互檢查超鏈接的效果,。

四,、制作主題網頁（15分鐘）

2.具體要求參看導學案“實踐探究”部分,；可兩人合作，有能力者最好獨立完成,；

五,、作品推選、上傳：每組推選一個作品參加組間評選,，并將作品文件夾傳至ftp,。

六、精彩展示（10分鐘）各組派一代表向全班展示自己的作品,，并簡介操作要點,。展示前，引導全體學生積極思考以下問題：

1.你從展示作品中學到了什么,？有哪些可借鑒之處,？

注：1.學生展示過程中，教師要引導大家規(guī)范操作,，對于重點加以強調,。2.提醒學科班長記錄參與展示和積極質疑、解答的同學,，匯入評價,。

七、完善提升：（5分鐘）

1.借鑒所展示作品的優(yōu)秀之處,，進一步完善自己的作品,； 2.根據展示同學的演示，將新學到的操作嘗試一遍,。

八,、總結：

1.網頁制作要領：（1）靈活運用基本操作；（2）版面設計清晰,、條理,，或者有獨特之處；（3）配色和諧,，給人美感,；（4）超鏈接順暢、自由,，方便使用,。2.由學科班長公布本節(jié)課評價統(tǒng)計情況。

【教學反思】

1.在學生自主練習過程中,，適時指導很重要,，但教師一人肯定不能照顧全體學生，所以充分發(fā)揮學習小組的“技術顧問”的作用很關鍵,。

2.在“制作主題網頁”環(huán)節(jié),，給學生準備四個不同的主題素材是很有必要的,，我們在進行教學設計時要考慮到學生個性、興趣不同,，并加以利用,，促進教學。

3.對進行展示的同學要進行簡單培訓（或者對各組長進行培訓,，由組長傳達到展示者）,，防止展示時只宣講他們網頁中的內容，而忽略技術,，浪費寶貴的時間,。4.課堂即時評價很重要。學生初次接觸一個軟件,，要經常收獲一點成就感才有進一步探索的欲望,，這就需要我們教師注意發(fā)現、及時鼓勵,。學科班長記錄好大家的課堂參與情況,，下課前公布，這項工作若堅持下來,，對我們的教學會有很大促進,。