《網(wǎng)制作》教學設計

1、魔術(shù)揭密網(wǎng)頁制作教學設計一、教材依據(jù)義務教育中小學教科書（實驗）初中信息技術(shù)第四冊，第二單元制作七彩的網(wǎng)頁， 活動 1“初識HTML 語言”以及活動 2 中的關(guān)于部分FrontPage2000 的內(nèi)容。二、設計思想【教學指導思想】從而使學生最有效地進行學習，達到最優(yōu)的教學效果。教學對象分析】學生的知識能力但形象思維仍是獲取知識的重要思維方式。而本節(jié)課中涉及到的HTML 語言有其枯燥難懂的一學生心理特點分析【教學內(nèi)容分析】本節(jié)課是新授課且是第二單元制作七彩的網(wǎng)頁的第一節(jié)課基礎、做好鋪墊。本節(jié)課的教學內(nèi)容有兩個方面，一是初識HTML 語言，二是初識FrontPage2000 的窗口組成。教師設計的

2、重點并不是讓學生充分理解HTML 語言的結(jié)構(gòu)，而是通過HTML 語言能夠有效地引出制作網(wǎng)頁的軟件FrontPage2000，繼而使學生能順其自然產(chǎn)生使用FrontPage2000 制作網(wǎng)頁的興趣。教學內(nèi)容的整合：課本上將初識HTML 語言和FrontPage2000HTML 語言，不涉及制作網(wǎng)頁的軟件FrontPage2000HTML三、教學目標【知識與技能】區(qū)分文本文檔、網(wǎng)頁的圖標和文件格式；了解HTML了解HTML了解常用的制作網(wǎng)頁的軟件；學會啟動、退出FrontPage2000；了解網(wǎng)站設計軟件FrontPage2000理解FrontPage20003HTML【過程與方法】趣味導入新課的

3、內(nèi)容，極大地發(fā)揮學生主體、教師主導的作用；來解決問題?！厩楦袘B(tài)度與價值觀】強烈的求知欲激發(fā)學生的學習興趣和學習積極性；了解信息技術(shù)的前沿知識后，學生會對信息技術(shù)課保持新鮮感和興趣感；快樂。四、教學重點和難點了解HTML學會啟動FrontPage2000，了解網(wǎng)站設計軟件FrontPage2000理解FrontPage20003HTML難點：理解HTML五、教學準備搜集常用的網(wǎng)頁制作軟件的相關(guān)信息；打開多媒體電腦教室的教師機和學生機，保證電腦教室的廣播系統(tǒng)工作正常；在教師機上新建“魔術(shù)”文件夾，并將其設為共享文件夾，在該文件夾中建立10 個、1、45、8、9”命名并寫入不同內(nèi)容的HTML 代碼；

4、共享班級文件夾；示例的班級網(wǎng)站及網(wǎng)頁。六、教學模式選擇“學生主體，教師主導”的教學模式。七、教學過程學生的求知欲，為整堂課的和諧自然發(fā)展定下基調(diào)。在初步了解“小魔術(shù)”的秘訣后，學生了解了HTML 語言的功能，接著教師引導學生進一HTML 文件的基本結(jié)構(gòu)和HTML考慮到HTML 語言和網(wǎng)頁制作軟件FrontPage2000 的內(nèi)容銜接問題，教師設計了一個網(wǎng)頁制作比賽的情境假設導入，引導學生認識到直接用HTML 語言制作比較美觀的網(wǎng)頁不僅不方便，而且難度很大，從而使學生產(chǎn)生尋求新方法的積極動力和學習新方法的求知欲。隨后介紹FrontPage2000 的窗口組成，展示示例網(wǎng)站，使學生從實例中理解Fr

5、ontPage2000 的優(yōu)點，產(chǎn)生學習的動力。（如 （如 的個人文件夾中）不懂，有點奇怪觀察、熟悉操作環(huán)境表演結(jié)束記憶操作步驟察。教學安排教師活動學生活動設計思想趣味導入與學生聊一聊魔術(shù)表演學生注意力集中導入設計時，圍繞學生感興趣的事物提聊一聊魔術(shù)表演提問：同學們喜不喜歡魔術(shù)表與老師交流出問題，充分吸引學演？生的注意力，與學生學生很感興趣積極交流，首先創(chuàng)建引起共鳴良好的師生關(guān)系，營積極回答造輕松的課堂氛圍。激勵學生來當一回小小魔術(shù)家有疑惑，也有興趣通過觀察教師的操作，學生能夠模仿操邊講解邊演示操作“小魔術(shù)”仔細觀察作，目的不是讓學生的內(nèi)容和操作方法。學習操作的方法，而摩拳擦掌，躍躍欲試是使學

6、生能夠經(jīng)過教師開始表演：打開網(wǎng)上鄰居自己的雙手操作發(fā)的共享文件夾“魔術(shù)”，文件了解操作過程夾內(nèi)有若干文本文檔文件，打繼而導入學習內(nèi)容。教學安排教師活動（不演示操作觀察“小 仔細觀察學生活動設計思想只講解觀察“小魔 ht“1htm 為了能將神秘感保教師巡視，個別幫助。奇，想象到底是什么結(jié)果。 留到學生操作時，這樣不僅能夠吸引學 為避免文件重名，提醒學生將 觀察到了魔術(shù)表演的最終結(jié) 能提高學生動手操另存的文件用文本文檔的文件名+自己的姓名命名。個別學生演示他們的“小魔術(shù)”的結(jié)果。果，很興奮，覺得不可思議 作的積極性，體現(xiàn)學生的主體性。互相觀察激發(fā)學生思考“小魔術(shù)”的秘 發(fā)現(xiàn)和別人的不同之處，與魔術(shù)

7、揭秘訣。揭密過程。引導學生區(qū)分兩個。周圍同學積極交流產(chǎn)生好奇心，有學習動力感興趣學生只有在與其他 同學交流時才能發(fā) 繼續(xù)新的文件的圖標，并理解它們的含 積極思考義。引入HTML 語言。教學安排教師活動HTML學生活動設計思想教學活動，但有的學了解它的功能作前后的兩個文件的圖標（例txht”兩個文件的圖標），共同討論講解“小魔術(shù)”的秘訣：文本以設計了這樣的環(huán) 節(jié)展示魔術(shù)結(jié) 文檔中的符號其實是一種制 HTML了解HTML 文件的將 HTML 代碼輸入文本文件基本結(jié)構(gòu)和HTML 中，然后保存到以“htm”積極回答理解的主導作用，提高學習效率。語言常用的標識 為文件擴展名的 初步了解“小魔術(shù)”的秘符文

8、件中，就可以制作網(wǎng)頁文件。注意力集中了解 HTML 文件的基本結(jié)構(gòu)。 觀察先滿足一下學生的 興趣。展示“1txt”。了解講解 HTML 文件的基本結(jié)構(gòu)： 觀察網(wǎng)頁中的文字顏色，圖開始標記、內(nèi)容主體、結(jié)束標 片內(nèi)容，水平線粗細等記。展示 1 王二Htm。教學安排教師活展示“1txt”。學生活動 設計思想學生首先通過觀察 結(jié)合觀察網(wǎng)頁的結(jié)果引導學 發(fā)現(xiàn)與網(wǎng)頁中“文字顏色生了解HTML語言常用的標識 圖片內(nèi)容，水平線粗細”符。關(guān)的內(nèi)容想一想、試一試：能不能改變 例如：color=green 文字顏色，圖片內(nèi)容，水平線像信息。緊接著選擇學生較 熟悉的英文單詞colorgreensize 粗細？zira

9、njpg樣容易吸引學生的 結(jié)合學生的回答演示操作。 size =3修改“1txt”另存為新的網(wǎng) 學習氛圍濃厚頁文件。動腦思考展示新網(wǎng)頁文件。共同討論，回答拓展延伸介紹其他標識符觀察如：換行與舊網(wǎng)頁文件比較。獲得成看不懂便不注意聽了。在修改網(wǎng)頁時又一 次體現(xiàn)了選擇較熟 悉 的 英 文 單 詞 colorgreen的優(yōu)勢，學生會聯(lián)想到用別的顏色如： yellow、red 等等。同樣體現(xiàn)了教師主教學安排BODY BGCOLOR=#顏色等等教師活動功的喜悅了解學生活動導、學生主體的一個設計思想。設計思想情境假設導入激勵學生學以致用在理論的基礎上，動手實踐， 雖然又是模仿教師FrontPage2000

10、動動手：模仿老師的操作，修改網(wǎng)頁中的相關(guān)內(nèi)容。教師巡視，個別幫助展示個別學生修改的網(wǎng)頁觀察興奮有學習興趣己的想法付之于行 設計這個情境假設們真棒！認為難度較大能夠很好地銜接 HTML鼓勵學生積極動手操作。產(chǎn)生疑惑教師適時地引導學 一次網(wǎng)頁制作比賽，哪些同學 想尋求其他辦法想?yún)⒓幽兀恳龑W生提出疑問：難道沒有更好的方法制作網(wǎng)頁嗎？而不是因為老師要 教學安排 網(wǎng)頁的軟件學會啟動、退出FrontPage2000教師活動Dreamweaver：這是網(wǎng)頁三劍客之一，專門制作網(wǎng)頁的工具，實用功能比較強大Frontpagoffice一個工具，操作簡單，實用，學起來比較輕松展示示例的班級網(wǎng)站學生活動設計思了解

11、信息技術(shù)前沿知識了解今后學習的新軟件觀察了解任務的整體要求教學安排簡單介紹說明今后的學習任務：用FrontPage2000 制作一個以班級為主題的網(wǎng)站激勵學生的學習熱情邊講解邊演示操作的方法（與WORD）教師活動簡單介紹FrontPage2000學習熱情高漲仔細觀察聯(lián)系啟動WORD 的方法記憶學生活動大致了解設計思想FrontPage2000 的 的窗口組成。窗口組成展示示例的班級網(wǎng)頁。重點講解FrontPage 編輯區(qū)的3 種工作模式的作用。培養(yǎng)學生學習興趣教學安排小結(jié)普通模式：一般用來編輯、修改網(wǎng)頁。演示操作插入圖片、插入水平線。引導學生對比兩種方法（直接修改HTMLFrontPage20

12、00HTML 模式：一般用來查看、修改HTML 代碼。預覽模式：一般用來觀看網(wǎng)頁的顯示效果。FrontPage2000是編輯網(wǎng)頁還是觀看網(wǎng)頁效果都很方便。教師活動鼓勵學生動手試一試，啟動FrontPage200熟悉窗口，一方面嘗試制作簡單的網(wǎng)頁。教師巡視，觀察學生的操 肯定學生的積極努力鼓勵學生多動手激勵學生在今后的課中更進一步從實例中理解FrontPage2000 的優(yōu)點，產(chǎn)生學習的興趣對比文本文檔和FrontPage 中的代碼，發(fā)現(xiàn)類似的很多觀察網(wǎng)頁效果學生活動在老師沒有講解新課前，嘗試操作，有新鮮感，產(chǎn)生積極的學習興趣期待下節(jié)課的到來，有滿足感枯燥的概念學生很 個概念溶入實例中 效。設計

13、思想緊密聯(lián)系前面的學 對學生的學習也能 起到一定的幫助作 用。適時小結(jié)是為了突 今后的教學活動開 墊。八、教學反思適合信息技術(shù)課堂教學的教與學的新策略和新模式來挖掘?qū)W生潛能，提高學生素質(zhì)。生的主體作用，努力提高學生的學習效果。的機會，特別是那些學習有困難的學生，我應該多關(guān)注他們的動態(tài)，多幫助他們。教學主題網(wǎng)頁制作工具（1）（Frontpage 和Dreamweaver教學主題網(wǎng)頁制作工具（1）（Frontpage 和Dreamweaver）教案設計趙志教案編號13適用年級高二年級教學課時1教概述：通過網(wǎng)頁設計，了解并熟悉網(wǎng)頁設計軟件的基本使用方法，掌握常用工具的使用方法材Dreamweaver

14、分難點：層和時間軸的設置析學習1、掌握網(wǎng)頁制作軟件Dreamweaver的基本使用方法目2、學會設計和制作簡單的動態(tài)網(wǎng)頁標所需資源和環(huán)境網(wǎng)絡資源使用搜索引擎查找網(wǎng)頁設計相關(guān)的信息（包括圖片、文字、視頻等）12004常規(guī)資源2、教材配套教師用書3、小組合作學習任務單教學支撐環(huán)境計算機網(wǎng)絡教室、所有計算機能夠上網(wǎng)、多媒體網(wǎng)絡教室軟件或者投影儀教學設計教學問題目的引導你知道網(wǎng)頁上面文字的滾動效果是怎么制作激發(fā)學生的好奇心問題出來的嗎？設計你知道如何讓網(wǎng)頁中的一幅圖片動起來你知道有哪些網(wǎng)頁動態(tài)效果？Dreamweaver的動態(tài)網(wǎng)頁？教師活動1、新課導入引導學生設計動態(tài)網(wǎng)頁中圖片運動的效果為學生的課后探

15、究學習做鋪墊體會動態(tài)網(wǎng)頁的效果，進一步完善網(wǎng)頁設計學生活動2、教學內(nèi)容的工具軟件，能夠收到事半功倍的效果。 設問：面對那么誘人的網(wǎng)頁，要想學習網(wǎng)頁制作，我們應該選擇什么樣的網(wǎng)頁制作工具，首先同學們需要先了解有哪些軟件，它們各有什么樣的特教學點？過程布置任務：請同學們完成任務單中的第一個任務設計教師點撥：網(wǎng)頁工具軟件大體上分為兩類：一種著眼于網(wǎng)頁、網(wǎng)站整體規(guī)借助我們的因特網(wǎng)完成任務一各小組總結(jié)不同的網(wǎng)頁制作工具軟件的特點、主要功能。劃使用的基本工具；另一類是著眼于網(wǎng)頁上面的某些元素（栩栩如生的動畫、逼真的三維圖像），使用到的輔助工具。Frontpage 和Dreamweaver。 網(wǎng)頁設計工具

16、Frontpage：FrontpageWordWord學者很容易的制作相當美觀的網(wǎng)頁。學生回憶必修教材使用 Frontpage 設計“故宮”主題網(wǎng)頁的過程布置任務：請同學們完成任務單中的第二個任務：利用教師提供的素材（內(nèi)容），制作一個網(wǎng)頁。（教師提供一個已設計的簡單網(wǎng)頁）教師評價： 網(wǎng)頁制作 DreamweaverDreamweaverMacromedia學生小組合作完成任務二填寫“任務二”評價表格Fireworks、動畫Flash。運用他特有的“行為”、“層”等功能可以容易的生成網(wǎng)頁的動態(tài)效果。下面讓我們來體驗 Dreamweaver 軟件的動態(tài)網(wǎng)頁制作布置任務：請同學們完成任務單中的第三個

17、任務：運用 Dreamweaver 中的層、時間軸制作動態(tài)網(wǎng)頁圖像移動12、時間軸上面的“關(guān)鍵幀”有什么特點？34、對自己設計的作品的評價是什么？FrontpageDreamweaver最后給同學們留下了一個課后任務。小組合作完成任務三并填寫“任務三”評價表格網(wǎng)頁工具學習任務單常用工具主要功能（總結(jié)每個軟件的主要功能）常用工具主要功能（總結(jié)每個軟件的主要功能）完成人員FrontPage，利用老師提供的一些素材（D），作一個網(wǎng)頁，并保存。評價指標評價指標Frontpage4Frontpage3組員評價Frontpage2Frontpage1合主動合作4組長評價作精較為合作能夠合作32神需要鼓勵1Dreamweaver，利用老師提供的素材（素材位置），琢磨其動態(tài)效果。步驟提示：（提醒：每一步都需要注意觀察有沒有多種方法實現(xiàn)同一個操作 ） 1、打開軟件，新建一個“基本頁”。（可參考課本具體步驟）2、修改網(wǎng)頁的標題為“我的第一個動態(tài)網(wǎng)頁”；3、插入“圖層”，選擇“描繪層”插入，找到并觀察“層屬性面板”，修改“背景圖像”；4、調(diào)整層的大小，使其與圖像等大；5、找到“時