网站是企业向用户或者网民提供信息的一种方式，也是企业开展电子商务的基础设施和信息平台，所以企业网站设计显得极为重要。
将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。
灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中， 它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。 点、线、面作为视觉语言中的基本元素，巧妙地互相穿插、互相衬托、互相补充构成最佳的页面效果，充分表达完美的设计意境。
下面就是后台有关网页设计：
后台管理的网页模式就是这样，我就不一一列举了。
前台网页有关设计：
上面就是前台的几个主要页面设计。
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 前台页面模块设计
基于asp动态网站设计 (四)相关范文