山东房产联盟网站WEB前台开发计划书

房产联盟网站WEB前台开发计划书
网址：http://www.sdfclm.cn

山东房产联盟网站从界面上来看是一个三到四层的DIV架构，相比之下比较简单易开发，前台开发需要注意几点：
第一点：采用标签及DIV中的CSS属性
1、 第一层采用唯一DIV的ID作架构定义属性；
2、第二层采用具有重复性的Class做div 、UL、的架构定义属性；
3、第三层采用具有重复性的Class做li 、P、SPAN、H1-H6 STRONG 、A做的架构定义属性；
注意：对于具有唯一性的div一定要采用ID,对于重复性操作的div采用Class，
第二点：对背景图片的处理
把图片可能的做成一张图片，为了减少多次请求不同的背景图片，本站中的背景图片不多如下几幅：


把以上几张图除去字外处理一下做成一张图片
第三点：HTML标签使用
1、DIV中可包括：DIV、UL、OL、DL、SPAN、H1-H6、P、B；
2、UL的LI中可包括：SPAN、A、P、H1-H6、B；
3、SPAN中可包括：A、B、P；
4、B、P中可包括：A；
5、A中可包括：B；
第四点：CSS优化方法:
1、对于Font的优化：Font:bold 12px/20px “宋体”;
2、MARGIN优化：MARGIN：20PX;   MARGIN:10PX 20PX 10PX;   MARGIN:10PX 20PX;
3、PADDING优化方法如上MARGIN一样；
4、对于属性相同并占总属性40%以上的可以提出来包装成一个CLASS类如：.frame 对于不同的可单独做一成一个.color的CLASS类：
<div class=”frame  color”>山东房产联盟网</div>
5、对于整体架构的HTML标签中具有相同的属性中可提出来 如：
Div,span,ul,li,p,h1,h2,b,{margin:0px; padding:0px;}

效果图: