Hello，大家好我是M ，我们继续上节课的内容，继续来看一下这个 ，科技网站后面的部分 ，上节课呢，我们讲到的是我们整个的导航部分，就是我们这个UL ，好，我们先打开浏览器来重新看一遍 ，导航部分 ，接下来我们要做的就是这个Banner ，Banner ，它 ，这个 ，这一块呢 ，我们可以看作它是一个DIV ，DIV里面呢，加上了我们这个Banner的图片 ，所以呢 ，我们现在要做的就是先把这个Banner图给 ，切出来 ，好，我们直接选中 ，Banner图的这个 ，图层以及它剪切的图层 ，两个选中一起或者呢直接选中这个 ，Banner的文件夹 ，好使用Cutterman把它导出到哪里呢 ，导出到我们的站点，就是之前 ，我们的网站，站点叫做 ，商业网站站点里面的 ，唉，里面没有，我们建一个图片叫Img ，i，m，g ，确定 ，然后 ，导出选中图层 ，好 ，我们可以去到文件夹里面看一下 ，双击网站站点 ，好，这个Banner就已经在这里了 ，好，顺便可以看一下尺寸，1920*508 ，好，我们去到DW里面 ，写Banner部分 ，首先呢，还是给一个注释 ，额，这个呢就是我们的Banner了 ，然后 ，刚刚M分析的首先它是个DIV ，

这个DIV我们就叫Banner好了 ，DIV里面呢是一个Img ，图片 ，然后 ，把它 ，给导入进来 ，这样，我们HTML的结构呢就是这样 ，我们再去修改一下它的样式 ，首先是Banner ，那我们的CSS这边来，.Banner ，这个Banner有一些什么样式呢，我们可以来看一下效果图 ，首先,它的宽度 ，这是满的呀 ，我们可以写1920，当然那也可以写100% ，宽度100% ，高度，高度我们来直接看一下图片上的高度吧，508 ，这里1920*508，508PX ，然后还有什么呢 ，居中对不对，我们要让这个Banner在我们的页面里面是局中的 ，好，这是Img ，上下呢，看一下上下有没有间距 ，上下是没有的，我们是这个是紧贴着我们的 ，导航栏的对不对，所以是上下间距 ，零，左右自动 ，好，保存一下 ，去看一下我们的 ，浏览器里面，刷新一下 ，好 ，然后呢 ，我们给Banner里面的这个Img也就是我们的图片 ，给设置一个居中样式 .banner的img ，margin ，名 ，自动 ，保存一下，刷新 ，好，我们的这个Banner呢就这样完成了 ，接下来我们来看一下设计图 ，

接下来就是这一块 ，关于我们 ，这个关于我们，我们要怎么去写呢 ，首先这一块就是我们现在PS看到的浮动的 ，这一个方块 ，我们首先要把它看做是一个DIV ，然后这个地方 ，有同学可能就要问了下面这一个横线，我们需不需要切图切出来呢 ，这里是不需要的啊 ，这里我们可以怎么写，我们直接写一个 ，边框对不对，下边框 ，就OK了 ，好，我们现在量一下这个DIV ，看一下它的 ，宽，高是个什么样子的 ，宽是1162 ，好，我们来到这边 ，注释一下 ，关于我们 ，About us ，好，Div. ，Aboutus ，我们来的CSS里面 ，.Aboutus ，宽 ，1162对不对，再量一遍 ，忘记了 ，再量一遍这两边，这里一定要注意啊一个方向稳着 ，1162，顺便看一下高好了 ，高我们这里直接量到Banner部分 ，好，宽度1162，高度 ，