《電子商務(wù)網(wǎng)站設(shè)計(jì)與制作》教案26

（

本次課基本信息月 日第 13周星期 第 理論 實(shí)驗(yàn)課□理實(shí)一 討論課習(xí)題課□ 其它□

授課 26順序課時(shí) 2安排授課題目（教學(xué)章節(jié)或項(xiàng)目模塊主題：8.4常用的布局方式前次課內(nèi)容提要

div+css本次課教學(xué)目的、要求（分掌握、熟悉、了解三個(gè)層次：能夠會(huì)設(shè)置居中對(duì)齊布局方式能夠會(huì)設(shè)置三列式布局方式理解絕對(duì)定位和浮動(dòng)的意義理解邊界的使用方法教學(xué)重點(diǎn)及難點(diǎn)：重點(diǎn)：居中對(duì)齊布局方式、三列式布局方式難點(diǎn)：絕對(duì)定位、浮動(dòng)、邊界的使用方法作業(yè)和思考題：課后小結(jié)：學(xué)生練習(xí)列式布局學(xué)生練習(xí)列式布局25min作指導(dǎo)練習(xí)總結(jié)5min講授聽(tīng)講復(fù)習(xí)課后教學(xué)設(shè)計(jì)頁(yè)課后對(duì)本次課的教學(xué)目標(biāo)、教學(xué)重難點(diǎn)、教學(xué)方法、教學(xué)步驟與時(shí)間分配等環(huán)節(jié)進(jìn)行設(shè)計(jì)對(duì)本次課的教學(xué)目標(biāo)、教學(xué)重難點(diǎn)、教學(xué)方法、教學(xué)步驟與時(shí)間分配等環(huán)節(jié)進(jìn)行設(shè)計(jì)教學(xué)環(huán)節(jié)課前時(shí)間掃碼學(xué)習(xí)微課教師活動(dòng)學(xué)生活動(dòng)回顧div+css布局原理10min講授聽(tīng)講講解居中布局的方法15min講授、操作聽(tīng)講學(xué)生練習(xí)局中布局20min指導(dǎo)練習(xí)課中講解三列式布局的方法15min講授、操聽(tīng)講教學(xué)內(nèi)容頁(yè)常用布局方式1.使用自動(dòng)空白居中#box{Width:800px;Height:500px;Margin:0auto1.使用自動(dòng)空白居中#box{Width:800px;Height:500px;Margin:0auto}二、三列式布局1.使用絕對(duì)定位body{margin:0px;padding:0px;}#left{background-color:#D00E11;height:300px;width:200px;position:absolute;}教學(xué)內(nèi)容頁(yè)#right{height:width:200px;background-color:#321BF3;position:absolute;}#main{background-color:#ECEB1F;height:350px;margin-left:200px;margin-right:200px;2.使用浮動(dòng)方式2.使用浮動(dòng)方式#left{background-color: