DIV+CSS布局软件项目化综合实训课程网站教程.ppt

基于工作过程的网页设计与网站开发教程 第十章 DIV+CSS布局网站 项目展示与项目目标 第十章 DIV+CSS布局网站 4. 项目实施 1）继续插入banner标签div class=“banner”/div ，然后编写类.banner的代码如下： .banner { width:960px; height:143px; margin: 0px auto; background-image:url(../images/index_04.gif); border-bottom:3px #FFFFFF solid; } 2）执行“插入”→“媒体”→“Flash”命令，插入flash文件夹中的dh.swf文件，设置其wmode为transparent从而得到透明动画，效果如图10-26所示。 6．页面banner的布局 4. 项目实施 首先对页面主体部分的效果图进行分析，主要目的是区分页面中的内容和修饰，页面主体的效果图如图所示。 7．页面主体main部分的分析 4. 项目实施 从图可以看出，页面主体部分主要分为两部分，可以插入main主体标签，然后在其参数中插入main_left和main_right两个Div标签。 div class=main div class=main_left