本站QQ客服在線 |
視頻標簽：用表格,網頁布局,智慧天下杯
所屬欄目：信息技術優質課視頻
視頻課題：《用表格為網頁布局》智慧天下杯初中信息技術優質課評比
教學設計、課堂實錄及教案：《用表格為網頁布局》課堂實錄-智慧天下杯2012全國義務教育初中信息技術優質課評比
用表格為網頁布局
浙江省寧波市實驗學校 范佳寧
一、教材分析
《用表格為網頁布局》是浙教版《信息技術》八年級上冊第三單元的第十五課，在前幾課中學生對于網站、規劃站點、在FrontPage 2003里建立站有了初步的了解，這節課是真正開始制作網頁的第一課，對后面整站的制作起著承前啟后的作用。對于網站制作的初學者，如何合理的布局，并在FrontPage 2003中用表格的形式體現這個布局，是本課要解決的一個問題。在對頁面上的對象定位時，表格起到了非常重要的作用。表格的繪制與編輯，對于已經學過Word表格繪制的學生來說，已經不是難點，但要求學生對表格屬性選項的設置有一定的掌握。
二、學情分析
大連第七十九中學七年級的學生，對于能夠親手制作網站，會有一定的熱情，能夠較為認真主動地學習制作，在接觸互聯網的過程中，對于網頁的布局風格在不同類型網站中的應用有初步的體驗，但尚需教師進行進一步的點撥、歸納。因為有過在Word里制作雜志的經驗，很多技術都能熟練操作，但是一遇到FrontPage與Word不同的時候（如在Word中可以設置圖文混排，但在FrontPage怎么都排不好），會感到困惑，需要老師及時的點撥、指導。
三、教學目標
【知識與技能】
1. 認識網頁布局對整個網頁元素的組織編排的重要性及網頁布局風格的應用
2. 根據網頁設計內容，利用表格合理布局網頁頁面
3. 學會并熟練掌握插入表格、編輯表格、設置表格屬性的技能
【過程與方法】
1. 通過對生活中常見事物的分析，讓學生理解認知網頁布局的重要性，通過對不同類型的網站比較，讓學生感受網頁布局風格的應用
2. 理解表格在網頁布局中的作用。
3. 通過對比學習、自主探究并交流評價，由word表格制作的知識遷移學習FrontPage中表格的創建和編輯，設置表格屬性。
【情感態度與價值】
1. 培養學生審美能力、組織設計能力、合理評價自己及他人作品的能力
2. 培養學生做事有組織、有規劃的習慣。
四、教學重點:
1．理解布局在網頁制作中的作用，及不同網頁布局的應用。
2．插入表格，對表格進行合并、拆分等方式進行調整，設置表格屬性。
五、教學難點：
網頁布局的應用、設置表格屬性。
六、教學策略：
以任務驅動為主線，以學生自主需求為出發點，通過比較、體驗式的教學法，啟發學生感悟、理解信息的應用，培養信息處理能力。通過學生發現問題、自主探索、解決問題、內化應用的一系列過程完成教學任務，充分發揮學生主體性和教師的引導、組織、幫助作用，通過師生雙邊信息交流，搭建良好的主動學習的平臺。
七、教學方法：
講授法、對比引導法、探究學習法、任務驅動法
八、教學準備
1．多媒體教學課件；2．空白A4紙；3．多媒體網絡計算機教室
九、教學過程
| 教學過程 | 教師活動 | 學生活動 | 設計意圖 |
| 導入 | 以中國的首個空間實驗站——天宮一號為話題，與學生一起討論空間站的布局。指出，在空間站里，無論是功能區的劃分還是搭載物的確定，都是經過精心布局的。布局是非常關鍵的一步。平時做事的時候應該養成事先布局的習慣。同時，布局是有其文化內涵的，特定的布局風格能傳遞特定的思想和情感。網頁建設也是一樣的，除了網頁內容，網頁的布局也傳遞著網頁的文化和思想，烘托網頁的主題。所以，今天我們的任務是為網頁布局。 |
學生思考、回答：規劃、布局 學生思考、感悟 學生思考、體會 學生明確目標 |
引出布局的重要性，提出做事要事先布局。 提出布局的文化內涵，不同的布局風格體現不同的思想和文化。網頁布局亦如是。 明確本次課的主要內容和總任務 |
|
新 授 課 |
一、規劃主頁布局 通過幾個網頁實例，讓學生體驗不同的網頁布局風格傳遞了什么樣的思想，適用于什么類型的網站。講解網頁布局風格應用在這幾種不同網站中的不同體現。再展示2個隱去了標題的不同類型的網站，請同學們根據網頁布局的風格判斷網站類型。 指出網頁要素。指出制作個人網頁時，可以發揮自己的創意設計網頁布局，把網頁設計得個性、靈動、富有創意。強調要讓訪問者感覺網頁布局能烘托主題、簡潔、美觀、操作方便。 展示教師設計的網頁布局，闡明設計意圖。請同學們自己選擇主題為主頁設計一個網頁布局圖。教師巡回了解學生的設計意圖，加以指導。 設計完后展示學生作品，由學生闡述設計意圖，加以適當的評價。 二、在FrontPage中用表格實現布局 提問學生先前在FrontPage中輸入文字插入圖片過程中遇到什么困惑？我們在Word中是如何實現圖文定位的？FrontPage中沒有Word的圖文混排功能。那么如何在FrontPage中解決文字、圖片等多媒體在網頁中的準確定位？實現網頁的布局？ 展示網頁的編輯視圖，引導學生注意到利用表格布局可實現對網頁內容方便的定位。 展示教師的布局圖，講解如何用表格實現此布局圖。 回顧word中的表格制作，包括插入表格、編輯表格等操作。告訴學生在FrontPage中表格制作方法與word中類似。鼓勵學生嘗試在FrontPage中制作表格。請一位學生演示并解說FrontPage中表格的插入、合并單元格、拖動表格邊框等一些操作。 請學生根據自己的網頁布局繪制表格。在表格里面插入相應的內容，文字、圖片等。教師巡回，個別輔導 三、表格屬性設置 展示教師或學生的實例，切換至預覽視圖，預覽效果時，同學們發現了什么問題？ 隱藏表格線可以通過設置表格屬性來完成，請同學借助幫助文件自主探索，找到答案。請學生演示設置表格屬性，邊框線粗細為0. |
學生觀看、體驗、思考 學生觀看、思考，判斷 體會個人網站的布局風格 學生學習、思考 學生實踐：在A4紙上設計主頁布局。 學生互相交流，在評價中思考、學習 學生提出文字、圖片定位困難 學生回憶word中圖文混排操作 學生了解表格在網頁布局中的作用。學生注意到利用表格布局可實現對網頁內容方便的定位 學生思考、學習 學生回憶、發言 學生觀看同伴演示 學生根據演示，自主探究、獨立的完成操作任務 學生回答：表格邊框線條多余。 學生嘗試解決問題， |
學生通過對不同類型網站的網頁布局風格的比較、體驗，感悟網頁布局的文化，和網頁布局風格對烘托主題方面的作用。 闡明網頁布局的原則 通過實踐，學習為網頁布局。鼓勵學生發揮自己的創造力，讓學生自主選題規劃主頁，張揚學生個性，而不是一味的模仿。適當評價激勵學生。 引起學生共鳴，由學生發現問題，提出問題。以學生內需驅動學習。 通過知識遷移，發現軟件功能的不同之處。 引出利用表格進行網頁布局。讓學生了解用表格在網頁布局中的意義和作用。 闡明如何用表格實現網頁布局圖。 提出問題，明確目標 溫故知新，知識遷移、學習新知 學會表格制作的方法。成功利用表格為網頁布局。 引導學生發現問題，通過自主探究解決問題，培養學生解決問題的意識和能力。 |
| 展示評價 |
四、作品展示、評價 同伴間展示自己的作品，對照評價表中的標準對作品進行自評、互評 1. 作品展示，相互欣賞 2. 學生評價，整體協調性，美觀性 3. 評價標準：評價表 |
學生欣賞作品，互相交流評價，體會成功喜悅 |
展示學生作品，這是一個再次給予肯定的過程，讓學生感受到創作的樂趣、在評價提升審美情趣和技術水平，培養正確的自我評價和評價他人的能力。 |
| 課堂小結 |
五、課堂小結 請學生總結這節課的收獲，教師組織、引導（圍繞教學目標和重難點，結合板書回顧、總結）。指出主頁制作的后續工作，為下次課做好鋪墊。 |
學生回顧本節課內容，并期待后續制作過程。 |
引導學生小結出主要知識點：網頁布局、表格的建立和編輯、表格屬性設置。 |
| 項目 | 評價 |
| 網頁布局能烘托作品主題 | ☆ ☆ ☆ ☆ ☆ |
| 網頁布局美觀、簡潔 | ☆ ☆ ☆ ☆ ☆ |
| 網頁布局操作方便 | ☆ ☆ ☆ ☆ ☆ |
| 網頁設計富有創意 | ☆ ☆ ☆ ☆ ☆ |
| 總 評 | 顆 ☆ |
視頻來源：優質課網 www.jjlqy.cn
