《HTML5 CSS3 網頁設計與制作》教案-24 第8章 第1 節(jié) 應用CSS3布局網頁_第1頁
《HTML5 CSS3 網頁設計與制作》教案-24 第8章 第1 節(jié) 應用CSS3布局網頁_第2頁
《HTML5 CSS3 網頁設計與制作》教案-24 第8章 第1 節(jié) 應用CSS3布局網頁_第3頁
全文預覽已結束

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

課程教案-24課題名稱第8章應用CSS3布局網頁第1節(jié)應用CSS3布局網頁授課班級軟件技術等大一上學期授課班級授課學時2授課地點機房授課形式講解+上機練習參考教材《前端HTML+CSS修煉之道》教學資源電子課件、教案、文字材料教學目標知識目標：了解CSS布局網頁的相關知識；了解應用CSS進行布局的幾種模式；了解如何使用HbuilderX進行CSS網頁布局。技能目標：熟練掌握、正確使用HBuilderX進行CSS網頁布局的幾種方法。素質目標：培養(yǎng)學生認真、一絲不茍的學習態(tài)度教學重點與難點教學重點CSS布局語句的設計與實現教學難點熟練掌握CSS布局的具體實現方法學情分析本次所講內容選自教材第8章第2節(jié)。本次課程是學習CSS網站布局應用，學生必須熟練掌握CSS的相關知識和語句，才能接著學習CSS在布局中的應用。教學過程課前：復習理論課講授的CSS3在網頁中的幾種應用模式：一列固定寬度和高度、一列自適應寬度和一列固定寬度居中。課中：講解實現CSS網頁布局的具體步驟，如下：使用div塊將要布局的內容分類制成盒子模型給盒子模型進行CSS樣式設置適當調整格子的布局格式和顯示效果2、講解CSS3布局模式中各個CSS標簽的修飾作用上機實戰(zhàn)，講解并完成以下作業(yè)上機實戰(zhàn)，講解并完成以下CSS布局結構課后：根據本章的知識點完成css布局效果，針對3個不同的盒子進行設置。題目：給冰墩墩圖片分別制作三種不同的css布局效果。教學反思采用啟發(fā)式教學，通過多媒體課件現場演示更加生動，與學生互動效果更好；在上機課上學生學會了如何創(chuàng)建站點和簡

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論