纯DIV+CSS网页示例_divcss布局大全资源-CSDN文库

共76个文件

gif：51个

jpg：12个

swf：6个

需积分: 16 169 浏览量 2009-06-20 16:28:33 上传评论 1 收藏 6.98MB RAR 举报

1.大大缩减页面代码，提高页面浏览速度,缩减带宽成本; 2.结构清晰，容易被搜索引擎搜索到，天生优化了seo 3.缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。 4.强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了，有了CSS，我们不再需要用FONT标签或者透明的1 px GIF图片来控制标题，改变字体颜色，字体样式等等。 5.CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。 6.提高易用性。使用CSS可以结构化HTML，例如：<p>标签只用来控制段落，heading标签只用来控制标题，table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。 7.可以一次设计，随处发布。你的设计不仅仅用于web浏览器，也可以发布在其他设备上，比如PowerPoint。 8.更好的控制页面布局。不用多说。 9.表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中，你可以减少未来网页无效的可能。 10.更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(ranking)。 11.Table 布局灵活性不大，你只能遵循 table tr td 的格式。而div 你可以 div ul li 也可以 ol li 还可以 ul li ……但标准语法最好有序的写。 12.另外如果你不是javascrput的高手，你可以不必去写ID，只用class就可以。当客户端程序员写完程序，需要调整时候，你可以在利用他的ID进行控制。 13.Table 中布局中，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不利于直观。而Div 更能体现样式和结构相分离，结构的重构性强。 14.在几乎所有的浏览器上都可以使用。 15.以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。 16.使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。 17.你可以轻松地控制页面的布局。 18.你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。

资源推荐

资源详情

资源评论

收起资源包目录

.rar （76个子文件）

林俊杰 - 西界.mp3 6.37MB

images

top_R.jpg 482B

button_hl_2.gif 1KB

icon_arrow_green.jpg 874B

button_wszs_1.gif 599B

button_jj_2.gif 1KB

log_grwy_1.gif 671B

button_xzzq_1.gif 609B

button_pwez_2.gif 356B

zltit_jys.gif 2KB

button_ll_1.gif 1KB

button_gz_1.gif 1KB

hnk_j.gif 14KB

中国农业银行-首页.jpg 306KB

ggzl_j.jpg 7KB

button_jfez_1.gif 236B

button_wssc_1.gif 267B

button_sfbz_1.gif 1KB

lang=cn.htm 97KB

button_xzzq_2.gif 1024B

arrow_djk.jpg 10KB

bg_line.gif 52B

icon_search.jpg 2KB

button_gz_2.gif 1KB

button_sfbz_2.gif 2KB

zltit_jes.gif 2KB

log_dzsw_1.gif 635B

c.gif 74B

090423_bjk_145x110_qw_jt.gif 15KB

pic_yyjjgx.jpg 4KB

090518_mqjlhyx_145X110_jt.swf 14KB

090526_ncjcssjsdk_145X110_jt.gif 15KB

zltit_jgd.gif 2KB

bgsy-1.gif 165B

pic_lcgj.jpg 5KB

buttonmore2.gif 104B

1130.swf 40KB

lb_bg.gif 48B

jys2_i.gif 11KB

广告.swf 15KB

logo216X50.gif 3KB

145X110_jt.gif 15KB

lmbj.jpg 358B

button_wssc_2.gif 372B

xiyangyang.swf 30KB

zl_bg.gif 457B

button_aqzq_2.gif 1KB

kf_95599.gif 2KB

button_pwez_1.gif 217B

huilong_jt.swf 7KB

bg_title.jpg 288B

button_aqzq_1.gif 988B

Thumbs.db 135KB

button_zsxd_2.gif 991B

line1.gif 628B

log_dzsw_2.gif 610B

main.css 14KB

shennmi.swf 30KB

lang.js 2KB

bg_title2_R.jpg 403B

button_hl_1.gif 1KB

button_wszs_2.gif 737B

head.js 2KB

bgsy.gif 165B

zltit_jsk.gif 2KB

button_zsxd_1.gif 999B

button_ll_2.gif 1KB

button_jj_1.gif 1KB

top_L.jpg 482B

caiwu2.gif 15KB

kepiao.gif 19KB

button_jfez_2.gif 353B

button_jjez_1.gif 222B

button_jjez_2.gif 344B

log_qywy_1.gif 710B

index.htm 42KB

<html> <head> <script language="javascript"> var url=window.location.href; var urls=url.split("/"); var base=""; var jsp=urls[urls.length-1]; if(jsp.indexOf(".jsp")>-1 || url.indexOf("8000")>-1){ }else{ for(i=3;i<urls.length;i++){ base=base+"/"+urls[i]; } document.write("<base href='http://www.abchina.com"+base+"'/>"); } </script> <script language="javascript"> function SWFObject(w,h,src) { var str='<object width="'+w+'" height="'+h+'" align="middle" id="video1" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"> <param value="always" name="allowScriptAccess"/> <param value="high" name="quality"/> <param value="'+src+'" name="movie"/> <embed width="'+w+'" height="'+h+'" align="middle" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowscriptaccess="always" name="video1" quality="high" src="'+src+'"/></object>' document.write(str); } function fwgg_div(){ document.getElementById('yhhd_div').style.display="none"; document.getElementById('fwgg_div').style.display="block"; document.getElementById('fwgg').className="tit_bgg"; document.getElementById('yhhd').className="tit_sy"; document.getElementById('ged').href=document.getElementById('fwggLJ').href; document.getElementById('fwggzh').className="zh"; document.getElementById('yhhdzh').className="green11"; } function yhhd_div(){ document.getElementById('fwgg_div').style.display="none"; document.getElementById('yhhd_div').style.display="block"; document.getElementById('yhhd').className="tit_bgg"; document.getElementById('fwgg').className="tit_sy"; document.getElementById('ged').href=document.getElementById('fwggYH').href; document.getElementById('fwggzh').className="green11"; document.getElementById('yhhdzh').className="zh"; } </script> <meta content="text/html; charset=gb2312" http-equiv="Content-Type"/> <LINK href="../../../../../../wwwroot/images/hqv2/css/main.css" rel="stylesheet" type="text/css"> <title>中国农业银行-首页</title> <style type="text/css">  </style> </head> <body style="text-align:center"> <script language="JavaScript"> var duilian_image_left; var duilian_image_right; var duilian_url_left; var duilian_url_right; var count_duilian=0; </script> <script type="text/javascript"> function check(){ obj=document.searchForm.keyWord; if(obj.value==""){ alert("请输入查询关键词"); return; } document.searchForm.submit(); } </script>  <div style="width:776px; margin-right:auto; margin-left:auto;clear:both"> <script> function SWFObject(w,h,src) { var str='<object width="'+w+'" height="'+h+'" align="middle" id="video1" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"> <param value="always" name="allowScriptAccess"/> <param value="high" name="quality"/> <param value="'+src+'" name="movie"/> <embed width="'+w+'" height="'+h+'" align="middle" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" allowscriptaccess="always" name="video1" quality="high" src="'+src+'"/></object>' document.write(str); } function menuControl(show) { window.event.cancelBubble=true; var objID=event.srcElement.id; var index=objID.indexOf("_"); var mainID=objID.substring(0,index); var numID=objID.substring(index+1,objID.length); if(mainID=="menubar") { if(show==1) { eval("showMenu("+"menu_"+numID+")"); } else { eval("hideMenu("+"menu_"+numID+")"); } } } var nbottom=0,speed=8; function displayMenu(obj) { obj.style.clip="rect(0 100% "+nbottom+"% 0)"; nbottom+=speed; if(nbottom<=100) { timerID=setTimeout("displayMenu("+obj.id+"),70"); } else clearTimeout(timerID); } function showMenu(obj) { obj.style.display="block"; obj.style.clip="rect(0 0 0 0)"; nbottom=5; displayMenu(obj); } function hideMenu(obj) { nbottom=0; obj.style.display="none"; } function keepMenu(obj) { obj.style.display="block"; } </script> <script language="javascript" src="/wwwroot/js/cn/lang.js"></script> <script language="javascript" src="/wwwroot/js/head.js"></script> <table background cellspacing="0" border="0" width="776" cellpadding="0" align="center"> <tr class="top"> <td background class="top_L" width="333"> <span id="position"> <script language="javascript"> Time() </script> </td> <td background width="295" class="top_C" align="right"><a href="javascript:changeLanguage('en');" class="topLJ1">ENGLISH</a> | <a href="javascript:changeLanguage('tw');" class="topLJ1">繁體中文</a> </td> <td background class="top_R" width="148">| <a href="javascript:window.external.AddFavorite('http://www.abchina.com','中国农业银行')" class="topLJ2">加入收藏</a> | <a href="http://www.abchina.com" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.abchina.com');" class="topLJ2">设为首页</a></td> </tr> </table> <table width="776" cellpadding="0" height="100" align="center" background border="0" cellspacing="0"> <tr> <td background style=" padding-left:10px;" width="247"><img height="50" src="../../../../../../content/63/1200053/3/090312logo216X50.gif" width="216"/></td> <td background width="370"> <script language="javascript"> var flash="/content/64/1200053/3/1130.swf"; if(flash.indexOf(".swf")>0) { //document.write("<embed src='"+flash+"' border='0' style='WIDTH: 370px; HEIGHT: 70px'></embed>"); SWFObject("370","70",flash); }else { document.write("<img src='"+flash+"' border='0' style='WIDTH: 370px; HEIGHT: 70px'/>"); } </script> </td> <td background width="153"> <table background border="0" cellspacing="0" width="100%" cellpadding="0">  <tr><td height="24" background>|<a href="../../../yhk/yhk_jieji.jsp/index.html" target="_blank" class="menu_hot"> 惠农卡 </a>| <a href="../../../dzyh/list_index.jsp/fid=105001014/name=mobile_bank/index.html" target="_blank" class="menu_hot"> 手机银行 </a>|</td></tr> <tr><td height="24" background>|<a href="http://www.abchina.com/cn/hq/abc/qyfw/content.jsp/fid=105000995/id=120006923/name=cwgwfw/index.html" target="_blank" class="menu_hot"> 财务顾问 </a>| <a href="../../../grfw/list_index.jsp/fid=105000985/name=grzfdkfw/index.html" target="_blank" class="menu_hot">

评论收藏

内容反馈