用网页做触摸屏展示的设计要点

用网页做触摸屏展示的设计要点2007-08-27 11:12用网页做触摸屏展示的设计要点
今天看到一个朋友在论坛里问这个问题，正好前段时间也刚刚接手了一个设计,所以把经验写出来和大家互相学习。
第一部分 代码部分
首先要考虑的是硬件的分辨率问题。现在主流的触摸屏大小是17寸的，所以，我们可以使用1024*768来设计我们的触摸屏网页
触摸屏和普通的网页还是有一定的区别的，如：
触摸屏使用时不可能每天都有人点IE后在输入网址访问。所以，我们得想个办法，让计算机开机后。自己来读这个网页并显示。
最简单的办法：做个单独页加入以下代码

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


然后把这个页复制个快捷方式到系统启动项里面，这样就实现了，计算机启动后，启动IE网站的目的
如果您对JavaScrpt有一定的了解，那么通过上面的代码，你可以看到，这是全屏幕读入Index.htm文件，也就是我们网页的主页
这个问题解决后，我们看看一般的触摸屏播放音乐实现的过程，播放音乐可以在没有使用触摸屏的时候，播放歌曲。
下面是实现音乐播放的代码

程序代码
<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="0" height="0" codebase="index/muic/hai.mp3">
<param name="Appearance" value="0">
<param name="AutoStart" value="1">
<param name="AllowChangeDisplayMode" value="-1">
<param name="AllowHideDisplay" value="0">
<param name="AllowHideControls" value="-1">
<param name="AutoRewind" value="-1">
<param name="Balance" value="0">
<param name="CurrentPosition" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableSelectionControls" value="0">
<param name="EnableTracker" value="-1">
<param name="Filename" value="index/muic/hai.mp3">
<param name="FullScreenMode" value="0">
<param name="MovieWindowSize" value="0">
<param name="PlayCount" value="0">
<param name="Rate" value="1">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="ShowControls" value="0">
<param name="ShowDisplay" value="0">
<param name="ShowPositionControls" value="0">
<param name="ShowTracker" value="0">
<param name="Volume" value="-320">
</object>