[转] [ 2005-01-04 | 作者：赵杨 | 来自：http://www.lao100.com/blogview.asp?logID=34]
今天看到一个朋友在论坛里问这个问题，正好前段时间也刚刚接手了一个设计,所以把经验写出来和大家互相学习。
第一部分 代码部分
首先要考虑的是硬件的分辨率问题。现在主流的触摸屏大小是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>

这个只需放在您的主页的第一个页里就可以了。

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

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

就是多少秒以后，自动退回首页
下面这个图就是一般触摸屏网页的样式

第3个图右边是具体的文字和图片信息，这里推荐使用框架
最后注意尽量不使用文字做连接，尽量用图片，并且图片间隙要大，呵呵~
随便说了点，有错的地方还请大家指正。

转载于:https://www.cnblogs.com/freeyzh/archive/2005/01/07/87753.html

用网页做触摸屏展示的设计要点相关推荐

  1. 设计灵感|如何做好网页后台数据展示的设计？

    一个完整的后台界面通常由导航.数据展示.表格.组件以及弹窗等部分组成,在视觉上确定了整体布局以后,还要考虑好各个部分的交互逻辑,才能获得更好的易用性. 由集设网 www.ijishe.com 设计师交 ...

  2. 跨网页的新手引导_8种引导方式，7个设计要点，让你全面了解新手引导！ - 网页设计 - yinxi.net...

    旅行时我们顺利到达一个又一个的目的地:生病时我们快速地找到医疗科室:超市里我们在数以万计的商品中找到心仪的商品,完成这些事情我们不经意间借助了无数的引导,可能是路边的指示牌.手中的地图.楼层号码.指示 ...

  3. 背包系统 设计要点_建立新设计系统的要点和要点

    背包系统 设计要点 重点 (Top highlight) When I first sat down with my company's CEO and CRO to pitch them on a ...

  4. 文字输入限制_输入框设计，设计样式及设计要点

    今天这篇文章想跟大家聊一聊输入框的一些设计心得.这个看似简单的输入框也有一些门道在里面,值得我们探讨学习.下面从以下两大块来跟大家一起分析. 1.输入框的样式 2.输入框的设计要点 输入框的样式 要了 ...

  5. 【性能测试】性能测试基础：性能测试的概念、分类、场景和设计要点

    目  录 引  言 1  性能测试的基本概念 2  性能测试的分类 2.1 负载测试 2.2 压力测试 2.3 基准测试 2.4 配单测试 2.5 容量测试 2.6 稳定性测试 2.7 扩展性测试 2 ...

  6. UI设计的15个设计要点，让你的作品更完美

    随着互联网行业的发展,提升人机互交的UI设计成为近些年来互联网的热门行业,UI设计师也成为了有前途兼"钱途"的职业之一.当然,"钱途"和实力是相匹配的,那些UI ...

  7. 计算机word做课程表实验报告,《用word做课程表》教学设计

    <<用word做课程表>教学设计>由会员分享,可在线阅读,更多相关<<用word做课程表>教学设计(6页珍藏版)>请在人人文库网上搜索. 1.人人齐参与 ...

  8. Web网页基于html、CSS设计——“爱家居”素材

    Hello!大家好,今天给大家分享一下关于"爱家居"网页设计的整体思路和流程. 目录 一.实现效果: 二.设计思路: 1.网页header设计: 2.网页content设计: 3. ...

  9. 做一个展示型企业网站要多少钱

    做一个展示型企业网站要多少钱?很多客户有这样的疑问, 首先,网站功能不同价格肯定也不同,复杂的价格自然很高,简单的自然就低. 现在的市场价格,个人外包的收费,普通网站建设一般5k起,响应式就要8k.然 ...

  10. 查询时长下降10倍！网易有数 BI 物化视图设计要点与内部实践

    原文:查询时长下降10倍!网易有数 BI 物化视图设计要点与内部实践|数据库|sql|网易_新浪新闻 导读众所周知,BI 工具因其灵活的使用方式和便捷的结果展示,已成为生产运营和辅助管理决策的重要工具 ...

最新文章

  1. Python自学路线图之Python进阶
  2. CVPR 2021 | 不需要标注了？看自监督学习框架如何助力自动驾驶
  3. 马化腾与中国知名科学家联手发起“科学探索奖”
  4. PokeCats开发者日志（二）
  5. rabbitmq实战_RabbitMQ 实战系列之：消息传递
  6. android ListView实现下拉上拉刷新功能
  7. 分布式系统一致性测试框架Jepsen在女娲的实践应用
  8. 漫步微积分三十一——定积分的直观含义
  9. python split函数 空格_最易懂的Python新手教程：从基础语法到代码详解
  10. ORB-SLAM2初步（跟踪模块）
  11. 神策分析 Web JS SDK 功能介绍
  12. Java截图转文字程序
  13. Maven的安装和环境变量配置
  14. js 实现全国省市区三级联动
  15. 替换Word文档里面的多个空格
  16. Aurix TC397多核开发建议
  17. 绩效评估、绩效审计与绩效优化
  18. 转正答辩未通过是否可以辞退试用期员工
  19. 深度学习、生成对抗、Pytorch优秀教材推荐
  20. 电磁兼容八种测试的「实质」

热门文章

  1. 阶段5 3.微服务项目【学成在线】_day01 搭建环境 CMS服务端开发_12-MongoDb入门-基础概念...
  2. 读过的书,记录一下,不要忘记提高自己
  3. mac 使用命令行，对远程服务器进行文件更新
  4. 面试：用 Java 实现一个 Singleton 模式
  5. codeforces 597C （树状数组+DP）
  6. 网络抓取功能实现 将获取的结果进行过滤并写入到TXT文档中
  7. eval同时绑定两个值：通过String.Format给超链接中的两个参数赋值
  8. TQ WP7 Starter
  9. 我的书《编写高质量代码—Web前端开发修炼之道》面市了，请大家多多支持
  10. Vue使用Axios实现http请求以及解决跨域问题