运营是站点持续成长的关键,只有对网站的内容进行详细而独到的规划和实施,再加上必不可少的运营,网站才能在竞争中立于不败之地。
现在很多网站都有风格切换的功能,但是通常只能通过手动点击切换模板,对于个人网站或者小众类的特色网站来说,如果能够根据时间自动调整">网站风格,比如在白天显示清新的页面模板,而在夜晚显示黑色调的风格,则会给访客一种耳目一新的感觉。这样一来就很容易让网友记住你的站点,也彰显了网站的“个性”,下面就来介绍一下实现方法。
1.ASP网站风格代码
对于采用ASP架构的网站来说,可以直接采用以下的ASP代码,就可以实现网站风格随时间变化的效果了,方法是直接在ASP程序的<head>与</head>标签中加入以下代码:
<link rel="stylesheet" type="text/css" href="<% if hour(now)<12 then response.write "morning.css" elseif hour(now)<17 then response.write "day.css" else response.write "night.css" end if%>"/>
其中morning.css表示白天显示的样式表文件,而night.css则是夜晚显示的风格,只需要分别制作不同的CSS文件即可。
2.PHP站点的风格变化
如果是采用PHP架构的网站,则可以使用以下PHP代码。将其加入网站的PHP文件头部代码中即可。
<link rel="stylesheet" type="text/css" href="<?php $hour = date(”H”); if($hour < 12) echo 'morning.css'; else if($hour < 17) echo 'day.css'; else echo 'night.css';?>" />
小提示:
加入代码后需要删除默认的样式表链接文件,否则将可能出现页面错位的现象。
3.静态页面采用JavaScript代码
对于将网站页面生成了html静态页面的站点来说,同样可以采用一款JavaScript代码实现站点风格的变化效果,使用方法非常简单,只需要在网站的页面中加上以下代码即可。
<script type="text/javascript"><!--function getCSS(){ datetoday = new Date(); timenow=datetoday.getTime();
datetoday.setTime(timenow); thehour = datetoday.getHours(); if (thehour<12)
display = "morning.css"; else if (thehour<17) display = "day.css";
else display = "night.css";var css = '<'; css+='link rel="stylesheet" href='+display+' \/'; css+='>';document.write(css);}--></script>
小提示:
很多浏览器会禁止JavaScript的显示,为了保证这类用户可以正常访问网站,所以不要忘了设置一个默认的CSS样式哦。
网站有了基本的框架和内容,其实就已经建立完毕,但接下来的维护却是一项长期的工作。在“新站维护三部曲”的文章系列中,我们会将网站的一些常见维护问题集中进行说明,包括完善新建网站的基本功能,制作网站地图和内容复制提示等新手站长最易遇到的难题。