模板和包含文件

来源:互联网 发布:法师雾化器数据 编辑:程序博客网 时间:2024/04/26 09:15
网站内容管理系统的的推广和模板的广泛应用使网站的内容更新维护变的更加快速方便。

  一个文章列表模板,一个文章显示模板,一个网站首页,就可以组成一个有模有样的网站。

  按照内容采集系统,采集文章的标题、作者、来源、内容、编辑、采集时间、更新时间等信息,在模板中所要显示的具体位置加上标签,就大公告成,很容易就可以生成文章和栏目的静态页面,不用在手工在网页编辑工具里面把文章的信息一个复制粘贴到模板里。

  生成静态页以后,如果以后要更换模板,可以重新生成静态页面,保持整站文章显示风格的统一,重新生成页面对于一个规模不是很的网站来说,问题不是很大,如果是一个信息很多的网站,对资源的占用是致命的。这个时候就要考虑通过其他方式来实现所有文章显示页面的统一改变(当然是除文章内容以外的),变化最快的,莫过于导航条和文章页显示的广告,可以通过调用网页或调用js代码的形式来实现。

  先就调用网页的形式做以讨论。
  调用的形式之一:
  可以在asp、php、shtml等格式的网页中通过如下的代码来: 

<!--#include virtual="/new_index/top.html"-->

来调用一个top.html文件,更新的时候,只需要修改top.html一个文件,所有的调用这个页面的文件就都更新了~~
  在这里要注意几点:为了保证top.html在所有调用页面的正常显示,所有的图片和超级链接,建议都使用绝对路径;
  为了使调用页面符合网页规范,top.html文件中,尽量不出现以下标签:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
</body>
</html>

  为了不影响调用页面所定义的风格,建议在top.html中不定义任何的样式列表,这样就可以继承调用页面的样式进行显示,如果确实需要定义,尽量不要使用类似下面的杀伤力极大的标签:

a:link {
  font-size: 12px;
  color: #000000;
  text-decoration: none;
}

a:visited {
  font-size: 12px;
  color: #000000;
  text-decoration: none;
}

a:hover {
  font-size: 12px;
  color: #CC0000;
  text-decoration: underline;
}

它可能使调用页面显示的面目全非,或者需要使调用页面增加N多代码来实现原来的风格。
  在html、htm等文件中,这样好象不能实现调用的效果(待确定),而只是被当作注释。

  另外也可以通过下面这样的代码来实现调用:

:<iframe src="/new_index/top.html" height="57" width="761" noresize"noresize""" frameborder="0" marginheight="0" marginwidth="0" scrolling="No"> </iframe>

  不过不推荐使用这样的方式,好多浏览器不支持这样的代码。
  另外top.html的文件的高度如果改变(变才是不变的)了,将会出现意想不到的效果,不过不是我们很期望的效果,甚至很糟糕。top.html在height值以下的内容都会被隐藏起来或者需要拖动滚动条才能够显示,这依据scrooling的值而定,如果要达到期望的效果,你必须来修改每一个调用页面中的height值,每一个,这是非常另人难过的事情。
  模板对于一个网站来说应该是相当重要的,它是所有文章信息的承载者,花一点时间在这里做文章应该值得的。比如用尽量少的table嵌套,尽量少的font标签,尽量把js调用代码放在页面的最后,让文章的内容内容最先加载,而不是广告,加上

<meta name="keywords" content="高考试题,参考答案" />
<meta name="description" content="提供历年全国各地高考试题及参考答案。" />
<meta name="robots" content="index, follow" />

等不算太复杂的东西,来为搜索引擎的工作提供方便,把所有的

<a href="/20060914/2767.html" target="_blank">《教育部办公厅关于加强高等学校学生证管理的…</a><br>
<a href="/20060914/2766.html" target="_blank">《中华人民共和国教育法》</a><br>
<a href="/20060914/2765.html" target="_blank">《中华人民共和国高等教育法》</a><br>
 


替换为:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<base target="_blank" />
<meta name="robots" content="index, follow" />

来使浏览器提前0.01ms下载完这个网页。

  一些优化或者改良对于一个网页来似乎是无关紧要的,0.01ms的提前没人能够感觉出来,或者这里的一点优化马上被另一个不小心的失误所掩盖。这些都不重要,关键要时刻站在用户的立场上,提高quality of service。我们希望用户浏览我们的网页,更希望给用户留下来一个不太坏的印象。 
原创粉丝点击