高中信息技術-網頁的制作教學設計學情分析教材分析課后反思

《4.3網頁的制作》教學設計【教學目標】知識與技能1、認識FrontPage的工作界面，能在編輯狀態(tài)下打開網頁。2、會使用表格進行網頁布局。3、掌握網頁中元素的添加，如文本、藝術字、背景圖片等，實現(xiàn)網頁圖文混排。4、掌握插入超鏈接的步驟，通過超鏈接實現(xiàn)頁面跳轉。過程與方法通過基于任務的探究、小組合作、師生交流，提高動手實踐能力和創(chuàng)新能力情感態(tài)度與價值觀1、通過小組協(xié)作和自主探究，培養(yǎng)協(xié)作意識和探究精神，從而激發(fā)創(chuàng)作熱情。2、通過作品制作進一步了解傳統(tǒng)節(jié)日端午節(jié)，為弘揚中國傳統(tǒng)文化盡一份力?！窘虒W重點】1、用表格進行網頁布局2、掌握網頁中元素的添加，如背景圖片、藝術字等，實現(xiàn)網頁圖文混排3、添加文本超鏈接，實現(xiàn)頁面跳轉【教學難點】如何利用表格布局和網頁圖文混排，制作出美觀的網頁【教學方法】演示法、任務驅動、小組合作、自主探究【教學過程】一、情景導入我們先來欣賞一首歌曲。這首歌唱的是？（端午節(jié)）。端午節(jié)是我國的傳統(tǒng)節(jié)日。在本節(jié)課中我們學習用FrontPage制作一個端午節(jié)專題網頁，弘揚我國的傳統(tǒng)文化。呈現(xiàn)學習目標學生朗讀學習目標，明確應達到的三維目標要求作品欣賞這是用FrontPage制作成的端午節(jié)專題網頁，可以看到背景圖片、聽到背景音樂。采用藝術字作為標題，正文包括兩大內容：起源，文字介紹；習俗，圖片配文字。點擊屈原二字，可跳轉到屈原網頁，點擊點此返回首頁，又回到第一個頁面。FrontPage啟動及界面介紹1、如何啟動FrontPage？【教師屏幕廣播】啟動FrontPage操作步驟：開始→程序→MicrosoftOffice→MicrosoftOfficeFrontPage2003【學生操作】啟動FrontPage【教師巡回指導】發(fā)現(xiàn)問題，個別輔導。2、認識FrontPage界面【教師屏幕廣播】認識FrontPage界面（1）菜單介紹“文件”菜單的“打開”，打開一個已經存在的網頁；制作完成網頁后點擊“保存。”“插入”菜單→圖片→來自文件，可以插入一個圖片文件；“插入”菜單→圖片→藝術字，可插入藝術字；“插入”菜單→超鏈接，可以插入各種超鏈接?！案袷健辈藛巍尘?，可以設置網頁背景圖片或背景顏色。對表格的所有操作都在“表格”菜單中，“表格”菜單→插入→表格，可以插入一個幾行幾列的表格。（2）常用工具欄介紹“打開”按鈕、“保存”按鈕、“撤銷”按鈕（當操作有誤，點擊該按鈕撤銷誤操作）、“插入超鏈接”按鈕（可插入超鏈接）。（3）格式工具欄介紹“字體”、“字號”、“加粗”、“傾斜”、“加下劃線”、“兩端對齊”、“居中”、“右對齊”、“分散對齊”、“字體顏色”按鈕（點擊右側的“▼”，可以選擇字體顏色，當鼠標放到“標準色”對應的顏色上時，會出現(xiàn)顏色名稱）。（4）視圖介紹點擊窗口左下角的“設計”，顯示設計視圖，我們可以編輯、修改網頁。點擊“預覽”，顯示預覽視圖，只能預覽不能修改。對網頁的制作是在“設計”視圖中完成的?！緦W生操作】打開桌面4.3網頁素材文件夾中的index.htm網頁。操作步驟：點擊“文件”菜單→打開→選擇位置：桌面4.3網頁素材文件夾→點擊“index.htm”→點擊“打開”按鈕?！窘處熝不刂笇А堪l(fā)現(xiàn)問題，個別輔導。新授【任務一】設置網頁背景圖片要求：設置網頁背景圖片為背景.jpg提示：所有的素材均存放到桌面“4.3網頁素材”文件夾中【教師屏幕廣播】設置網頁背景圖片操作步驟：點擊“格式”菜單→“背景”→勾選“背景圖片”→點擊“瀏覽”按鈕→選擇桌面4.3網頁素材文件夾中的背景.jpg→打開→確定，就向網頁中添加了背景圖片?！緦W生操作】按要求添加背景圖片【教師巡回指導】發(fā)現(xiàn)問題，個別輔導?！救蝿斩坎迦霕祟}藝術字并設置要求：1、插入藝術字，樣式選用第1行第4個，輸入“端午節(jié)”，設置字體幼圓、字號66、加粗、居中對齊。2、設置藝術字樣式，填充顏色紅色，線條黃色、粗細1像素?！緦W生操作】小組合作，完成任務二【教師巡回指導】發(fā)現(xiàn)問題，個別輔導【學生演示】插入標題藝術字并設置操作步驟：1、“插入”菜單→圖片→藝術字→點擊第1行第4個→確定→輸入“端午節(jié)”并按要求進行設置2、點擊藝術字工具欄的“設計藝術字格式”按鈕→填充顏色選：紅色，直線顏色選：黃色，直線粗細選：1像素→點擊“確定”按鈕【任務三】用表格布局網頁要求：1、插入5行1列表格，設置邊框粗細為0。2、選中第4、5行，將其拆分為4列【教師屏幕廣播】用表格布局網頁操作步驟：1、點擊“表格”菜單→插入→表格，在打開的對話框中輸入行數：5，列數：1，邊框粗細：0→確定2、拖動鼠標選中第4、5行→點擊“表格”菜單→拆分單元格→輸入列數：4→確定?！緦W生操作】按要求用表格布局網頁【教師巡回指導】發(fā)現(xiàn)問題，個別輔導【任務四】網頁圖文混排要求：1、在第一行插入圖片起源.jpg2、將端午節(jié)起源文字介紹復制到第二行3、在第三行插入圖片習俗.jpg4、在第4行依次插入圖片龍舟.jpg、粽子.jpg、艾草.jpg、香囊.jpg，并適當調整圖片大小。在第5行對應輸入文字：賽龍舟、吃粽子、掛艾草、佩香囊，設置字體為方正舒體、18磅、加粗、居中，顏色褐紫紅色?！緦W生操作】小組合作，完成任務四操作步驟1、單擊第一行→“插入”菜單→圖片來自文件→選擇起源.jpg→點擊“插入”按鈕2、復制端午節(jié)起源文字介紹→單擊第二行→粘貼3、單擊第三行→“插入”菜單→圖片來自文件→選擇習俗.jpg→點擊“插入”按鈕4、單擊第四行第一列→“插入”菜單→圖片來自文件→選擇龍舟.jpg→點擊“插入”按鈕，重復該操作，在第四行第二列、第三列、第四列分別插入粽子.jpg、艾草.jpg、香囊.jpg。5、單擊第五行第一列→輸入文字“賽龍舟”，重復該操作，在第五行第二列、第三列、第四列分別輸入文字“吃粽子”、“掛艾草”、“佩香囊”。6、拖動鼠標選中“賽龍舟”、“吃粽子”、“掛艾草”、“佩香囊”→點擊“格式工具欄”對應按鈕，按要求進行設置。【教師屏幕廣播】如何調整圖片大小操作步驟單擊要調整的圖片→圖片周圍出現(xiàn)8個小黑方塊→把鼠標放到右下角的小黑方塊上→鼠標變成雙向箭頭→向里拖動鼠標，圖片變小→重復此操作，調小所有插入的圖片文件，直到頁面美觀整潔為止?！緦W生操作】調整網頁圖片，使頁面美觀整潔【教師巡回指導】發(fā)現(xiàn)問題，個別輔導【任務五】插入超鏈接實現(xiàn)頁面跳轉要求：選中“屈原”二字，鏈接到網頁“屈原.htm”，保存網頁。（嘗試多種方法）【學生操作】小組合作，完成任務五【教師小結】三種方法插入超鏈接方法一：選中“屈原”二字→“插入”菜單→超鏈接→鏈接到網頁“屈原.htm”方法二：選中“屈原”二字→點擊“插入超鏈接”按鈕→鏈接到網頁“屈原.htm”方法三：選中“屈原”二字→右擊→超鏈接→鏈接到網頁“屈原.htm”【拓展】1、設置背景音樂為端午節(jié).wav，并循環(huán)播放2、在標題端午節(jié)下，插入滾動字幕“歡迎光臨，祝您端午節(jié)快樂！”【學生操作】小組合作，完成拓展【教師巡回指導】發(fā)現(xiàn)問題，個別輔導【學生演示】“格式”菜單→背景→“常規(guī)”選項卡→背景音樂→“瀏覽”按鈕→選擇端午節(jié).wav→打開→勾選“不限次數”→確定→完成背景音樂設置?！安迦搿辈藛巍鷚eb組件→字幕→完成→在文本框中輸入“歡迎光臨，祝您端午節(jié)快樂！”→確定→點擊“瀏覽”視圖，可看到動態(tài)效果。當堂訓練達標1、MicrosoftFrontPage軟件是（）。A.網頁制作軟件B.文字處理軟件C.電子表格軟件D.演示文稿制作軟件2、下列屬于網頁元素的是（）①表格②文字③圖片④動畫⑤音頻⑥視頻A、①②⑥B、②③④⑤C、①④⑤D、以上都是3、在網站中實現(xiàn)網頁之間的鏈接一般使用（）。A、動畫效果B、翻頁功能C、超鏈接D、播放器4、在制作網頁時，下列可以作為設置超鏈接的對象有（）。①文字②背景音樂③圖片④表格A．①②B．①③C．②④D．②③5、網頁排版一般都用（）來控制文本、圖片、動畫及視頻位置。A．表格B．段落C．層D．章節(jié)6、在制作網頁中的表格時，如果要想在瀏覽時看不到表格的邊框，則應將表格邊框的粗細調整為()A、不可見B、1C、0D、隱藏課堂總結在本節(jié)課中，我們學習了網頁制作軟件FrontPage，知道用表格布局網頁，通過設置邊框粗細為0，達到隱藏表格的目的。學會向網頁中插入藝術字并對藝術字進行設置，還可以添加背景圖片美化網頁，增強網頁的吸引力。借助超鏈接實現(xiàn)頁面的跳轉，我們掌握了三種插入超鏈接的方法。我們還可以向網頁中添加背景音樂，或插入具有動態(tài)效果的滾動字幕。同學們掌握的很好，希望大家把所學的FrontPage知識活學活用到班級網頁建設中。課后反思教材的重組、優(yōu)化是順利、圓滿達成教學目標的關鍵。課本中的教學內容、素材必須經過優(yōu)化和重組，使之更貼近學生的實際，讓學生更易于理解、接受和運用。在本節(jié)課中重設情景“端午節(jié)”，重組教材內容，內容涉及使用表格進行網頁布局、編輯網頁圖文素材、插入文本超鏈接。同時增加拓展環(huán)節(jié)，并鼓勵有專長的學生用多種操作方法完成操作任務，實現(xiàn)分層教學。本節(jié)課選取的案例及創(chuàng)設的情景接近學生的生活實際，學生動手操作積極性高。這是同學們第一次接觸FrontPage軟件，大家能把對word的操作技巧遷移到新軟件的學習中，并能順利的把專題網頁制作出來，技術操作不成問題，藝術美感還需提高?！?.3網頁的制作》學情分析本課的學習者是我校高二年級學生，他們求知欲強，思維活躍，視野開闊，富有個性，他們的感知能力和思考能力較強，通過前一階段的學習已掌握了網絡技術知識和技能，他們渴望學到更多實用而有趣的網絡技術知識。FrontPage是一個所見即所得的網頁制作工具，易學易用，與Word文字處理軟件類似，這種軟件有利于樹立學生對網頁制作的信心，對提高學生的信息綜合處理能力作用較大，專題網頁的建立也給學生提供了展示個性，自主、協(xié)作的機會，可促使他們合作、主動、創(chuàng)造性地學習，在教學中給學生自由發(fā)揮的空間，讓學生在興趣中自主探究學習?！?.3網頁的制作》效果分析本節(jié)課選取的案例及創(chuàng)設的情景接近學生的生活實際，雖然這是同學們第一次接觸FrontPage軟件，但是大家能把對word的操作技巧遷移到新軟件FrontPage的學習中，例如利用格式工具欄對字體進行相應設置，插入藝術字等，體現(xiàn)了很強的自主探究能力。在本節(jié)課中充分發(fā)揮了學生的主體地位，教師的主導作用。學生積極性高，能根據教師演示、小組合作、自主學習，順利完成端午節(jié)專題網頁的制作。借助拓展任務實現(xiàn)分層教學，大多數學生能實現(xiàn)背景音樂循環(huán)播放，少數同學也能夠插入動態(tài)效果的滾動字幕。當堂訓練達標，準確率100%，通過實際操作，學生形成理性認識，內化理論知識，提升了技術素養(yǎng)?！?.3網頁的制作》教材分析1、本節(jié)的作用和地位本節(jié)內容是教會學生動手制作網頁，是理論知識轉化為實際操作的第一步，在喚醒學生先前知識的同時加深運用，培養(yǎng)學生感知操作能力。本節(jié)給出了一般網頁制作過程的線索，容易讓學生實現(xiàn)遷移。教材選用了FrontPage作為教學示范軟件，從工具的選擇來看具有一定的普遍意義，學生能夠比較容易掌握軟件工作的操作方法，部分的操作技能也能夠從已有的知識中遷移得到，降低了網頁的制作難度。2、本節(jié)主要內容介紹本節(jié)的學習內容是對技術工具操作與使用的經歷，以解決學生操作與使用信息技術工具的能力。通過網頁素材的管理工具與方法的學習，再到使用FrontPage網站開發(fā)管理工具制作網頁，目標是要解決學生的操作與使用技術工具的能力。內容包括：準備網頁素材、新建網站及網頁、使用表格進行頁面布局、編輯網頁圖文素材、保存及預覽網頁文件、使用模板生成網頁、插入超鏈接。3、教學建議本節(jié)課教學中，主要采用“任務驅動”教學法來實施教學，任務就是“利用Frontpage制作主題網頁”。同時，考慮到學生在信息技術基礎、認知能力上的差異，重設情景并對教材進行重組。制作一個端午節(jié)主題網頁，內容涉及使用表格進行網頁布局、編輯網頁圖文素材、插入文本超鏈接。增加拓展環(huán)節(jié)，并鼓勵有專長的學生用多種操作方法完成操作任務，實現(xiàn)分層教學?！?.3網頁的制作》評測練習1、MicrosoftFrontPage軟件是（）。A.網頁制作軟件B.文字處理軟件C.電子表格軟件D.演示文稿制作軟件2、下列屬于網頁元素的是（）①表格②文字③圖片④動畫⑤音頻⑥視頻A、①②⑥B、②③④⑤C、①④⑤D、以上都是3、在網站中實現(xiàn)網頁之間的鏈接一般使用（）。A、動畫效果B、翻頁功能C、超鏈接D、播放器4、在制作網頁時，下列可以作為設置超鏈接的對象有（）。①文字②背景音樂③圖片④表格A．①②B．①③C．②④D．②③5、網頁排版一般都用（）來控制文本、圖片、動畫及視頻位置。A．表格B．段落C．層D．章節(jié)6、在制作網頁中的表格時，如果要想在瀏覽時看不到表格的邊框，則應將表格邊框的粗細調整為()A、不可見B、1C、0D、隱藏《4.3網頁的制作》課后反思教材的重組、優(yōu)化是順利、圓滿達成教學目標的關