下載本文檔
版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
(
本次課基本信息月 日第 13周星期 第 理論 實驗課□理實一 討論課習題課□ 其它□
授課 26順序課時 2安排授課題目(教學章節(jié)或項目模塊主題:8.4常用的布局方式前次課內容提要
div+css本次課教學目的、要求(分掌握、熟悉、了解三個層次:能夠會設置居中對齊布局方式能夠會設置三列式布局方式理解絕對定位和浮動的意義理解邊界的使用方法教學重點及難點:重點:居中對齊布局方式、三列式布局方式難點:絕對定位、浮動、邊界的使用方法作業(yè)和思考題:課后小結:學生練習列式布局學生練習列式布局25min作指導練習總結5min講授聽講復習課后教學設計頁課后對本次課的教學目標、教學重難點、教學方法、教學步驟與時間分配等環(huán)節(jié)進行設計對本次課的教學目標、教學重難點、教學方法、教學步驟與時間分配等環(huán)節(jié)進行設計教學環(huán)節(jié)課前時間掃碼學習微課教師活動學生活動回顧div+css布局原理10min講授聽講講解居中布局的方法15min講授、操作聽講學生練習局中布局20min指導練習課中講解三列式布局的方法15min講授、操聽講教學內容頁常用布局方式1.使用自動空白居中#box{Width:800px;Height:500px;Margin:0auto1.使用自動空白居中#box{Width:800px;Height:500px;Margin:0auto}二、三列式布局1.使用絕對定位body{margin:0px;padding:0px;}#left{background-color:#D00E11;height:300px;width:200px;position:absolute;}教學內容頁#right{height:width:200px;background-color:#321BF3;position:absolute;}#main{background-color:#ECEB1F;height:350px;margin-left:200px;margin-right:200px;2.使用浮動方式2.使用浮動方式#left{background-color:
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2024-2030年中國外用止痛藥行業(yè)競爭格局及投資價值研究報告
- 2024-2030年中國型煤(型焦)行業(yè)發(fā)展前景預測規(guī)劃研究報告
- 2024-2030年中國四功能折疊健身器產(chǎn)業(yè)未來發(fā)展趨勢及投資策略分析報告
- 2024-2030年中國印花涂料色漿市場運行狀況及發(fā)展趨勢預測報告
- 梅河口康美職業(yè)技術學院《有限元分析與可靠性設計》2023-2024學年第一學期期末試卷
- 眉山藥科職業(yè)學院《小學道德與法治課程與教學》2023-2024學年第一學期期末試卷
- 2024年物業(yè)買賣合同范本:物業(yè)信息與交易條件
- 2024年度綠色建筑HSE施工與運維服務合同2篇
- 微專題物質的制備實驗突破策略-2024高考化學一輪考點擊破
- 2024年標準專業(yè)施工承包協(xié)議文件版B版
- 道德與法治中考備考建議課件
- 財產(chǎn)保險退保申請范文推薦6篇
- 食品工程原理課程設計
- YYT 0325-2022 一次性使用無菌導尿管
- 羊膜在眼科臨床中應用課件
- (71)第十五章15.2.3整數(shù)指數(shù)冪1-負整數(shù)指數(shù)冪-導學案
- 初步設計方案詢價表
- 2022年江蘇省環(huán)保集團有限公司招聘筆試題庫及答案解析
- 《汽車焊接技術》試卷期末理論考試含參考答案一套
- FMEA分析經(jīng)典案例【范本模板】
- 2023-2023年山東省學業(yè)水平考試英語試題及答案
評論
0/150
提交評論