触摸屏网站制作的小细节

正好前段时间刚刚接手了一个网站,所以把经验写出来和大家互相学习。

  首先要考虑的是硬件的 分辨率问题。现在主流的触摸屏大小是17寸的,所以,我们可以使用1024*768来设计我们的触摸屏网页,触摸屏和普通的网页还是有一定的区别的,如: 触摸屏使用时不可能每天都有人点IE后在输入网址访问。所以,我们得想个办法,让计算机开机后。自己来读这个网页并显示。
 
  最简单的办法:做个单独页加入以下代码。

  程序代码 
<script type="text/javascript" language="javascript"> 
window.open( "index.htm", "ts", "fullscreen=1" ); 
</script>

  然后把这个页复制个快捷方式到系统启动项里面,这样就实现了,计算机启动后,启动IE网站的目的。如果您对JavaScrpt有一定的了解,那么通过上面的代码,你可以看到,这是全屏幕读入Index.htm文件,也就是我们网页的主页。

  下面这个代码很重要,您可以想一下这样的情况,如果一个浏览者在浏览完信息后,他离开时不会把网页退到触摸屏的主页,这样就会影响下一位用户的浏览。所以,我们要在信息页里都加上这句。

  程序代码 
<meta http-equiv="refresh" content="300; url=index.htm"> 

  就是多少秒以后,自动退回首页。

posted @ 2011-09-01 15:08  天涯海客  阅读(442)  评论(0编辑  收藏  举报