亿元级IT行业生态链
一站式解决方案提供商

24小时免费咨询电话
010-52725243

新闻资讯

AJIA NEWS

苏州阿甲科技:网站设计中页面是动态好还是静态好?

来源:阿甲视点 发布日期:2018-02-08

在网站设计中,页面的格式通常分为静态页面和动态页面。究竟哪一种格式设计的效果会更好,相信很多的网站设计人员的心中都会有不一样的想法。苏州阿甲科技网站设计人员在为客户设计网站时也经常会被问到这类问题,对此首先我们先看一下动态页面与静态页面的区别:


动态页面:


以下是动态页面中的代码结构(以新浪的404错页面为例)


<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE> 页面没有找到 </TITLE>
</HEAD>
<BODY background=http://image2.sina.com.cn/home/images/tz-001.gif>
<script type="text/javascript">
//<!--
function isIFrameSelf(){try{if(window.top ==window){return false;}else{return true;}}catch(e){return true;}}
function toHome(){ if(!isIFrameSelf()){ window.location.href="http://www.sina.com.cn/";}}
window.setTimeout("toHome()",5000);
//-->
</script>
<table border=0 cellpadding=0 cellspacing=0 >
<tr><td height=134></td></tr>
</table>
<table width=544 height=157 border=0 cellpadding=0 cellspacing=0 align=center>
<tr valign=middle align=middle>
<td background=http://image2.sina.com.cn/home/images/tz-002.gif>
<table border=0 cellpadding=0 cellspacing=0 >
<tr>
<td style=padding-left:80px;padding-top:10px><strong>页面没有找到 5秒钟之后将会带您进入新浪首页!</strong></td>
</tr>
</table>
</td>
</tr>
</table>
<br>
</BODY>
</HTML>

苏州阿甲科技:网站设计中页面是动态好还是静态好?

动态页面是根据asp生成的,而这类动态页面的效果设计,是不需要浏览者做任何操作,系统将自动跳回到之前的着陆页上面,减少了用户的点击。从用户的较多来讲体验效果还是很好的,但问题是我们的网站设计不单单是只针对用户的,还要针对搜索引擎蜘蛛。而搜索引擎蜘蛛的爬取原则,就是以链接为路径进行爬去的。而动态页面在搜索引擎蜘蛛还没有爬去完成时就强行的将搜索引擎蜘蛛拽出来,这是对于搜索引擎极其不好的设计。因此如果是企业网站设计要慎用动态页面。


静态页面:


以下是静态页面中的代码结构(以阿甲科技的404错页面为例)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<title>404错误页面-阿甲科技集团</title> 
<style type="text/css"> 
body{margin:0;padding:0;font:14px/1.6 Arial,Sans-serif;background:#fff url(img/body.png) repeat-x;} 
a:link,a:visited{color:#007ab7;text-decoration:none;} 
h1{ 
position:relative; 
z-index:2; 
width:540px; 
height:0; 
margin:110px auto 15px; 
padding:230px 0 0; 
overflow:hidden; 
xxxxborder:1px solid; 
background-image: url(404.jpg); 
background-repeat: no-repeat; 

h2{ 
position:absolute; 
top:55px; 
left:233px; 
margin:0; 
font-size:0; 
text-indent:-999px; 
-moz-user-select:none; 
-webkit-user-select:none; 
user-select:none; 
cursor:default; 
width: 404px; 
height: 90px; 

h2 em{display:block;font:italic bold 200px/120px "Times New Roman",Times,Serif;text-indent:0;letter-spacing:-5px;color:rgba(216,226,244,0.3);} 
.link a{margin-right:1em;} 
.link,.texts{width:540px;margin:0 auto 15px;color:#505050;} 
.texts{line-height:2;} 
.texts dd{margin:0;padding:0 0 0 15px;} 
.texts ul{margin:0;padding:0;} 
.portal{color:#505050;text-align:center;white-space:nowrap;word-spacing:0.45em;} 
.portal a:link,.portal a:visited{color:#505050;word-spacing:0;} 
.portal a:hover,.portal a:active{color:#007ab7;} 
.portal span{display:inline-block;height:38px;line-height:35px;background:url(img/portal.png) repeat-x;} 
.portal span span{padding:0 0 0 20px;background:url(img/portal.png) no-repeat 0 -40px;} 
.portal span span span{padding:0 20px 0 0;background-position:100% -80px;} 
.STYLE1 { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 65px; 

.btn-l{ 
width:400px; 
height:40px; 
margin:30px auto; 
overflow:hidden; 
padding:0; 
list-style:none; 

.btn-l li{ 
width:150px; 
height:40px; 
line-height:40px; 
background:#5abef1; 
text-align:center; 
margin-right:50px; 
border-radius:20px; 
float:left; 

.btn-l li>a{ 
color:#fff; 
font-size:16px; 

</style> 
<!--[if lte IE 8]> 
<style type="text/css"> 
h2 em{color:#e4ebf8;} 
</style> 
<![endif]--> 
</head> 
<body> 
<h1></h1> 
<h2><em><span class="STYLE1">404 Error&nbsp;&nbsp; </span></em>:所查找的页面不存在,可能已被删除或您输错了网址!</h2> 
<p class="link"> 
<ul class="btn-l"> 
<li><a href="http://www.ajiatech.com/">&#9666;返回首页</a></li> 
<li><a href="http://www.ajiatech.com/">&#9666;返回上一页</a></li> 
</ul> 
</p> 
<dl class="texts"> 
<dt>www.ajiatech.com/正在联系火星总部查找您所需要的页面.请返回等待信息..</dt> 
<dd> 
<ul> 
<li>不要返回吗?</li> 
<li>确定不要返回吗?</li> 
<li>真的真的确定不要返回吗?</li> 
<li>好吧.还是随便你要不要真的确定返回吧</li> 
</ul> 
</dd> 
</dl> 
</span></span></span></p> 
</body> 
</html> 


苏州阿甲科技:网站设计中页面是动态好还是静态好?

做静态网站设计所采用的技术原理是一对一的形式,也就是说这样的网站上面,一个内容对应的就是一个页面,无论网站访问者如何操作都只是让服务器把固有的数据传送给请求者,没有脚本计算和后台数据库读取过程,大大降低了部分安全隐患。静态网站设计除了拥有上述的速度快,安全性高这两个特点之外还具有跨平台,跨服务器功能。虽然代码的结构相比较于动态页面要复杂许多,并且需要用户点击才能返回之前的页面缺少了自动跳转的功能,但是从搜索引擎蜘蛛的角度上来讲,是有利于搜索引擎蜘蛛的爬取,方便网站的优化。并且静态页面的内容能够保存下来,即使很长时间以后也可以在网站中搜索得到,而动态页面是做不到这一点的。


通过以上两个例子我们也可以看到,动静态页面设计可谓是各有利弊。目前市场上大多数的网站设计公司都是给用户的网站设计成静态页的网页形式。苏州阿甲科技网站设计人员在给网站页面选择结构时也会倾向于静态页面,但是会将动静态页面的特点和用户说清楚遵从用户的选择,因此还在找网站设计外包公司的企业,苏州阿甲科技网站设计将竭诚为您提供服务。


免责声明:本文由小编转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系我们进行删除

欢迎访问阿甲科技集团官方网站!