網(wǎng)頁教案div布局

1、網(wǎng)頁制作天津渤海職業(yè)技術(shù)學(xué)院信息工程系1天津渤海職業(yè)技術(shù)學(xué)院教師教案課程網(wǎng)頁制作班級應(yīng)用161、162上課時間年月日任課教師張玉娟課時4上課地點教室機房教材網(wǎng)頁制作與實訓(xùn)參考材料章節(jié)?第十五章DIVCSS布局思路?DIVCSS布局應(yīng)用實例教學(xué)目標(biāo)?了解DIVCSS布局的概念?掌握DIVCSS布局方法?掌握應(yīng)用DIVCSS布局的實例教學(xué)重點?掌握DIVCSS布局方法教學(xué)難點?DIVCSS在網(wǎng)頁中的應(yīng)用方法教學(xué)工具多媒體教學(xué)，軟件采用Dre

2、amweavercs3網(wǎng)頁制作天津渤海職業(yè)技術(shù)學(xué)院信息工程系3DIVCSS布局三、實例一二、實例二電子相冊#hphotowidth:500pxbackground:url(framels.jpg)norepeatleftheight:160px#vphotowidth:500pxbackground:url(framept.jpg)norepeatleftheight:160px#hphotoimgheight:90pxwidth:13

3、5pxbder:1pxsolid#0099FFmargintop:36pxmarginleft:10px#vphotoimgheight:135pxwidth:90pxbder:1pxsolid#0099FFmargintop:10pxmarginleft:34px#hphotoul#vphotoulliststyle:nonefloat:leftpadding:0pxmargintop:8pxmarginleft:15pxfontsi

4、ze:12pxbder:1pxsolid#00CCFFbackground:#CCFFFFcol:#0066FF#hphotoli#vphotolibackground:#CCFFFF#hphoto.title#vphoto.titlebderbottom:1pxsolid#66CCFFlineheight:1.5paddingleft:10pxfontweight:bold#hphotoa#vphotoadisplay:blockhe

5、ight:160pxwidth:160pxfloat:left#hphotoa:hoverbackground:url(framels_hover.jpg)norepeatdisplay:blockheight:160pxwidth:160px#vphotoa:hoverbackground:url(framept_hover.jpg)norepeatdisplay:blockheight:160pxwidth:160pxdivmarg