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

網(wǎng)頁教學(xué)設(shè)計(jì)div布局網(wǎng)頁教學(xué)設(shè)計(jì)div布局網(wǎng)頁教學(xué)設(shè)計(jì)div布局-讓每一個(gè)人同樣地提升自我天津渤海職業(yè)技術(shù)學(xué)院教師教學(xué)設(shè)計(jì)課程網(wǎng)頁制作班級應(yīng)用161、162上課時(shí)間年代日任課教師張玉娟課時(shí)4上課地址教室/機(jī)房教材網(wǎng)頁制作與實(shí)訓(xùn)參照資料章節(jié)第十五章DIV+CSS布局思路DIV+CSS布局應(yīng)用實(shí)例認(rèn)識(shí)DIV+CSS布局的看法授課目的掌握DIV+CSS布局方法掌握應(yīng)用DIV+CSS布局的實(shí)例掌握DIV+CSS布局方法授課重點(diǎn)DIV+CSS在網(wǎng)頁中的應(yīng)用方法授課難點(diǎn)授課工具多媒體授課，軟件采用Dreamweavercs31DIV+CSS布局本章在CSS定位的基上，從面的整體排版出，介CSS排版的和詳盡方法，包括CSS排版的整體思路、兩種詳盡的排版、子相冊的幾種版式制作，以及與。一、將面用div分塊#container#banner#content#links#footer#content#links.blog.calendarhead.date.calendartable.blogcontent.side????.page.syndicate.update

.friends二、的地址#container#banner#content#links#footer2DIV+CSS布局三、實(shí)例一#hphotoimg{90px;二、實(shí)例二電子相冊135px;1pxsolid#0099FF;

#hphoto{500px;urlno-repeatleft;160px;}#vphoto{500px;urlno-repeatleft;160px;}36px;margin-left:10px;}#vphotoimg{135px;90px;border:1pxsolid#0099FF;10px;34px;}#hphotoul,#vphotoul{#hpbac}#hpbor#66CCFlinpadfon}list-style:none;#hphotoa,#vphotoa{display:block;height:160px;160px;float:left;}#hphotoa:hover{background:urlno-repeat;display:block;height:160px;float:left;#vphotoa:hover{padding:0px;urlno-repeat;8px;block;15px;160px;font-size:12px;160px;border:1pxsolid#00CCFF;}background:#CCFFFF;div{color:#0066FF;15px;}}3160px;}DIV+CSS布局#hphoto.xh,#vphoto.xh{float:left;150px;border-left:1pxsolid#66CCFF;padding-left:10px;padding-right:20px;}#hphoto.price,#vphoto.price{border-left:1pxsolid#00CCFF;f