精美静态网页后台框架模板资源-CSDN文库

共74个文件

gif：63个

html：9个

db：2个

4星 · 超过85%的资源需积分: 45 161 浏览量 2008-11-23 10:02:36 上传评论 3 收藏 163KB RAR 举报

【精美静态网页后台框架模板】是一款专为网站后台管理和控制台设计的模板，以其简洁而美观的风格，适用于各种类型的网站。此模板采用静态页面构建，使得部署和维护更为便捷，降低了对服务器环境的依赖。下面我们将深入探讨这款模板的设计理念、主要特点以及可能的应用场景。 "简洁"是这款模板的核心设计理念。在网页设计中，简洁往往意味着更高的用户体验。通过减少不必要的元素和复杂的交互，用户可以更快速地理解和操作后台界面，提高工作效率。同时，简洁的布局也有利于保持界面的清晰度，避免信息过载导致的困扰。 "漂亮"体现在其视觉设计上。该模板采用了现代网页设计趋势，如扁平化设计、色彩搭配和谐、图标直观易懂，以及合理的空间布局，旨在提供舒适的操作环境，增强用户的审美享受。漂亮的界面设计不仅可以提升品牌形象，还能激发用户对平台的好感度。此模板由多个静态页面组成，包括登录页、主控台、设置页、数据展示页等，满足了后台管理系统的基本需求。静态页面的优点在于加载速度快，无需服务器端动态处理，降低了服务器压力，同时也便于开发者进行代码调试和版本控制。在实际应用中，这款模板可广泛应用于各种类型的企业网站、电子商务平台、内容管理系统、社区论坛等的后台。无论是用于管理员日常维护，还是开发者的项目开发阶段，都能提供高效的工作界面。同时，由于其开源和可定制性，开发者可以根据项目需求进行二次开发，添加自定义功能或调整样式，以适应特定业务场景。模板中的"model"文件可能是预览模型或者示例数据，用于展示模板的实际效果和功能。开发者可以通过参考这些模型，快速了解模板的使用方法，并在自己的项目中进行相应的适配。总结来说，"精美静态网页后台框架模板"以其简洁、美观的设计，以及静态页面的高效特性，为网站后台管理提供了优质的解决方案。无论你是开发者、设计师还是网站管理员，都可以从这款模板中受益，打造更具吸引力和操作性的后台界面。

资源推荐

资源详情

资源评论

收起资源包目录

model.rar （74个子文件）

model

right.html 0B

main.html 671B

images

left.gif 124B

main_41.gif 52B

main_18.gif 1KB

bg.gif 160B

main_36.gif 203B

login_05.gif 7KB

main_12.gif 1KB

main_03.gif 3KB

dl.gif 377B

main_59.gif 93B

main_05.gif 640B

login_03.gif 19KB

main_40.gif 3KB

main_09.gif 6KB

main_14.gif 1KB

main_11.gif 1KB

main_21.gif 317B

main_34.gif 292B

main_37.gif 661B

main_48.gif 2KB

main_52.gif 79B

main_55.gif 201B

main_32.gif 2KB

main_62.gif 92B

main_31.gif 552B

main_20.gif 1KB

main_30.gif 3KB

main_58.gif 804B

main_61.gif 37B

main_45.gif 52B

main_16.gif 1KB

Thumbs.db 83KB

main_55_1.gif 201B

main_04.gif 2KB

main_22.gif 2KB

login_08.gif 25KB

main_29.gif 2KB

login_06.gif 2KB

main_39.gif 52B

main_47.gif 2KB

main_51.gif 77B

login_07.gif 5KB

main_07.gif 701B

middel.html 2KB

left.html 13KB

down.html 764B

top.html 9KB

tab

tab.html 23KB

images

tab_17.gif 924B

tab_12.gif 111B

bg.gif 273B

last.gif 741B

go.gif 736B

del.gif 145B

tab_07.gif 752B

tab_03.gif 699B

22.gif 215B

11.gif 341B

tab_18.gif 715B

tb.gif 585B

back.gif 749B

tab_05.gif 375B

Thumbs.db 62KB

tab_20.gif 770B

next.gif 745B

first.gif 736B

tab_19.gif 420B

tab_15.gif 112B

edt.gif 197B

33.gif 337B

center.html 715B

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css">  </style> <script> var highlightcolor='#c1ebff'; //此处clickcolor只能用win系统颜色代码才能成功,如果用#xxxxxx的代码就不行,还没搞清楚为什么:( var clickcolor='#51b2f6'; function changeto(){ source=event.srcElement; if (source.tagName=="TR"||source.tagName=="TABLE") return; while(source.tagName!="TD") source=source.parentElement; source=source.parentElement; cs = source.children; //alert(cs.length); if (cs[1].style.backgroundColor!=highlightcolor&&source.id!="nc"&&cs[1].style.backgroundColor!=clickcolor) for(i=0;i<cs.length;i++){ cs[i].style.backgroundColor=highlightcolor; } } function changeback(){ if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="nc") return if (event.toElement!=source&&cs[1].style.backgroundColor!=clickcolor) //source.style.backgroundColor=originalcolor for(i=0;i<cs.length;i++){ cs[i].style.backgroundColor=""; } } function clickto(){ source=event.srcElement; if (source.tagName=="TR"||source.tagName=="TABLE") return; while(source.tagName!="TD") source=source.parentElement; source=source.parentElement; cs = source.children; //alert(cs.length); if (cs[1].style.backgroundColor!=clickcolor&&source.id!="nc") for(i=0;i<cs.length;i++){ cs[i].style.backgroundColor=clickcolor; } else for(i=0;i<cs.length;i++){ cs[i].style.backgroundColor=""; } } </script> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="30" background="images/tab_05.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="12" height="30"><img src="images/tab_03.gif" width="12" height="30" /></td> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="46%" valign="middle"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="5%"><div align="center"><img src="images/tb.gif" width="16" height="16" /></div></td> <td width="95%" class="STYLE1"><span class="STYLE3">你当前的位置</span>：[业务中心]-[我的邮件]</td> </tr> </table></td> <td width="54%"><table border="0" align="right" cellpadding="0" cellspacing="0"> <tr> <td width="60"><table width="87%" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="STYLE1"><div align="center"> <input type="checkbox" name="checkbox62" value="checkbox" /> </div></td> <td class="STYLE1"><div align="center">全选</div></td> </tr> </table></td> <td width="60"><table width="90%" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="STYLE1"><div align="center"><img src="images/22.gif" width="14" height="14" /></div></td> <td class="STYLE1"><div align="center">新增</div></td> </tr> </table></td> <td width="60"><table width="90%" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="STYLE1"><div align="center"><img src="images/33.gif" width="14" height="14" /></div></td> <td class="STYLE1"><div align="center">修改</div></td> </tr> </table></td> <td width="52"><table width="88%" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="STYLE1"><div align="center"><img src="images/11.gif" width="14" height="14" /></div></td> <td class="STYLE1"><div align="center">删除</div></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> <td width="16"><img src="images/tab_07.gif" width="16" height="30" /></td> </tr> </table></td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="8" background="images/tab_12.gif"> </td> <td><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="b5d6e6" onmouseover="changeto()" onmouseout="changeback()"> <tr> <td width="3%" height="22" background="images/bg.gif" bgcolor="#FFFFFF"><div align="center"> <input type="checkbox" name="checkbox" value="checkbox" /> </div></td> <td width="3%" height="22" background="images/bg.gif" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">序号</span></div></td> <td width="12%" height="22" background="images/bg.gif" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">接收号码</span></div></td> <td width="14%" height="22" background="images/bg.gif" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">发送时间</span></div></td> <td width="18%" background="images/bg.gif" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">邮件地址</span></div></td> <td width="23%" height="22" background="images/bg.gif" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">内容</span></div></td> <td width="15%" height="22" background="images/bg.gif" bgcolor="#FFFFFF" class="STYLE1"><div align="center">基本操作</div></td> </tr> <tr> <td height="20" bgcolor="#FFFFFF"><div align="center"> <input type="checkbox" name="checkbox2" value="checkbox" /> </div></td> <td height="20" bgcolor="#FFFFFF"><div align="center" class="STYLE1"> <div align="center">01</div> </div></td> <td height="20" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">13813916585</span></div></td> <td height="20" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">2007-11-16 15:00:20 </span></div></td> <td bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">tiezhu0902@163.com</span></div></td> <td height="20" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">南京科技股份有限公司…</span></div></td> <td height="20" bgcolor="#FFFFFF"><div align="center"><span class="STYLE4"><img src="images/edt.gif" width="16" height="16" />编辑   <img src="images/del.gif" width="16" height="16" />删除</span></div></td> </tr> <tr> <td height="20" bgcolor="#FFFFFF"><div align="center"> <input type="checkbox" name="checkbox3" value="checkbox" /> </div></td> <td height="20" bgcolor="#FFFFFF"><div align="center" class="STYLE1"> <div align="center">02</div> </div></td> <td height="20" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">13813916585</span></div></td> <td height="20" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">2007-11-16 15:00:20 </span></div></td> <td bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">tiezhu0902@163.com</span></div></td> <td height="20" bgcolor="#FFFFFF"><div align="center"><span class="STYLE1">南京科技股份有限公司…</span></div></td> <td height="20" bgcolor="#FFFFFF"><div ali

评论收藏

内容反馈