基于asp动态网站设计 (四)

下面就是后台有关网页设计：

后台管理的网页模式就是这样，我就不一一列举了。
前台网页有关设计：

上面就是前台的几个主要页面设计。
4.2.1 后台页面模块设计
 后台页面是网络管理员对其企业商品、信息、会员、反馈信息进行操作的重要通道。
 后台页面设计尽量简单化，让使用者一目了然，为什么要这样呢？因为后台管理的功能极多，如果设计的比较花俏，这会增加操作者的负担，让他觉得系统复杂而繁琐，所以后台页面就需要设计的实用、简单、人性化。
 因为后台页面比较多，每个页面多多少少会有重复的地方，这样做起来会感觉的很繁琐，所以我们会把重复的一个地方做成一个模块，用的时候就去调用那个模块，让复杂的设计尽量简单化。
 我们一般为了不让代码重复都会设计一些模块。
 下面是我们关于后台有关设计模块代码：
<style type="text/css">
BODY {
 BACKGROUND:799ae1; MARGIN: 0px;
}

.sec_menu {
 BORDER-RIGHT: white 1px solid; BACKGROUND: #d6dff7; OVERFLOW: hidden; BORDER-LEFT: white 1px solid; BORDER-BOTTOM: white 1px solid
}

.menu_title SPAN {
 FONT-WEIGHT: bold; LEFT: 10px; COLOR: #215dc6; POSITION: relative; TOP: 2px
}

.menu_title2 SPAN {
 FONT-WEIGHT: bold; LEFT: 10px; COLOR: #428eff; POSITION: relative; TOP: 2px
}
</style>
<script>
function aa(Dir)
{tt.doScroll(Dir);Timer=setTimeout('aa("'+Dir+'")',100)}//这里100为滚动速度
function StopScroll(){if(Timer!=null)clearTimeout(Timer)}

function initIt(){
divColl=document.all.tags("DIV");
for(i=0; i<divColl.length; i++) {
whichEl=divColl(i);
if(whichEl.className=="child")whichEl.style.display="none";}
}
function expands(el) {
whichEl1=eval(el+"Child");
if (whichEl1.style.display=="none"){
initIt();
whichEl1.style.display="block";
}else{whichEl1.style.display="none";}
}
var tree= 0;
function loadThreadFollow(){
if (tree==0){
document.frames["hiddenframe"].location.replace("LeftTree.asp");
tree=1
}
}

function showsubmenu(sid)
{
whichEl = eval("submenu" + sid);
imgmenu = eval("imgmenu" + sid);
if (whichEl.style.display == "none")
{
eval("submenu" + sid + ".style.display=\"\";");
imgmenu.background="image/menuup.gif";
}
else
{
eval("submenu" + sid + ".style.display=\"none\";");
imgmenu.background="image/menudown.gif";
}
}

function loadingmenu(id){
var loadmenu =eval("menu" + id);
if (loadmenu.innerText=="Loading..."){
document.frames["hiddenframe"].location.replace("LeftTree.asp?menu=menu&id="+id+"");
}
}
top.document.title="开元企业网站管理系统";
</script>

4.2.2 前台页面模块设计

首页 上一页 1 2 3 4 5 下一页 尾页 4/5/5