拿到效果图先要注意分析，第一，分析页面用哪些DIV来做？第二，每个部分使用哪些标记或CSS来实现（大致要有个思路），第三，每一块依次做出来
下面开始制作：
第一部分，logo
#logo这个部分是一个logo与一个电话，需要一个向左浮动一个向右浮动，使用float；这里可以使用两个DIV分别装logo和电话，也可以使用ul+li，让li浮动（这种方法可选）
第二部分，导航
#manu这个部分先是一个大的DIV叫manu，里面套ul+li，让li浮动水平；
第三部分，幻灯
这里要套JS，按照视频操作就可以了。
第四部分，#redbag
这个可以简单的使用<ahref=””>然后空格开，但这样兼容性不好，建议使用ul+li让li浮动；
第五部分：#main
这里可以使用三个DIV，让他们向左浮动，然后调整中间DIV的左右间距（margin:010px）
前面一个DIV都是图文做法如下：
第一个大标题使用h2
接着图片与文字用一个div装起来，然后插入图片，右边的标题文字也用div装起来，然后给右边标题h3，文字为p；
下面的列表，就用ul+li，日期用span,放面li内文字的前面，然后float:right;
第二个是图文混排的效果，做法如下：
文字内容，这里的文字不里使用标签装，否则就无法达到效果。
第三个是列表，可以直接使用多个p，也可以使用li
第六部分，#piclist
这个部分就是ul+li，li浮动就可以了；
第七部分，底部
两个P,给他属性居中对齐就行了。正版网首页效果图