网页教案div布局

网页教学设计div布局网页教学设计div布局网页教学设计div布局-让每一个人同样地提升自我天津渤海职业技术学院教师教学设计课程网页制作班级应用161、162上课时间年代日任课教师张玉娟课时4上课地址教室/机房教材网页制作与实训参照资料章节第十五章DIV+CSS布局思路DIV+CSS布局应用实例认识DIV+CSS布局的看法授课目的掌握DIV+CSS布局方法掌握应用DIV+CSS布局的实例掌握DIV+CSS布局方法授课重点DIV+CSS在网页中的应用方法授课难点授课工具多媒体授课，软件采用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布局三、实例一#hphotoimg{90px;二、实例二电子相册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