html5构建触屏网站之网站尺寸探讨

html5构建触屏网站之网站尺寸探讨的相关文章

• 
  html5构建触屏网站之touch事件介绍

  标签：Web开发

  前言 一个触屏网站到底和传统的pc端网站有什么区别呢，交互方式的改变首当其冲。例如我们常用的click事件，在触屏设备下是如此无力。 手机上的大部分交互都是通过touch来实现的，于是，对于触屏的交互式网站，触摸事件是相当重要的。 Apple在iOS 2.0中引入了触摸事件API，Android正迎头赶上这一事实标准，缩小差距。最近一个W3C工作组正合力制定这一触摸事件规范。 规范 这里我们介绍几种普及得比较...[ 查看全文 ]

  shihuaping_

  21
• 
  触屏手机网站和非触屏手机网站的区别

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  触屏手机网站和非触屏手机网站区别在于，前者使用手指点击注重点击体验， 而后者是使用手机物理按键注重选取规则，触屏手机屏幕增大，可以显示更多的内容，但内容密度不宜过大否则不便点击，一般人的食指点击的区域约为7*7 mm 拇指点击区域约为8*8 mm，各大门户也分别推出适应触屏手机的高端版本，下面将会从手机网站最常使用的二个交互功能来分析3G门户炫版和其他门户的区别。 手机网站常用交互功能之一...[ 查看全文 ]

  天宇w0

  41
• 
  HTML5 Web Workers之网站也能多线程的实现

  标签：Web开发

  Web Workers 是在HTML5中新增的，用来在web应用程序中实现后台处理的一种技术 在HTML4中，js创建的程序都是单线程的，如果花费时间比较长的话web界面就会长时间没有响应，最恶劣的情况还会跳出一个脚本提示框： 提示脚本运行时间过长，是否继续。。。。于是就引出了本文的主角：Web Workers API 使用这个API用户可以非常容易的创建在后台运行的线程，要创建后台程序很简单： 代码如下： var worker = ne...[ 查看全文 ]

  桀伦的微笑

  101
• 
  50个Demo展示HTML5无穷的魅力网站实例

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  Flash和HTML5的比较已经成为现在最热门的主题之一，我们不去争论哪个好哪个不好。和HTML5在很酷的动画和简单的游戏等方面一样，除非HTML5在未来几年有一些重大发展，否则Flash在富内容网页应用和游戏方面永远是不错的选择。下面收集了50个非常酷的HTML5应用实例来展示其无限潜力。 1. Tunneler 2. JuicyDrop 3. Magnetic 4. Trail 5. Sinuous 6. DDD 7. Ha...[ 查看全文 ]

  Hi搞大象嗎

  361
• 
  html5 跨文档消息传输示例探讨

  标签：Web开发

  对窗口对象的message事件进行监听 代码如下： window.addEventListener("message", function(event) { // 处理程序代码 }, false); 使用window对象的postMessage()方法向其他窗口发送消息，该方法的定义如下： 代码如下： otherwindow.postMessage(message, targetOrigin); 该方法使用两个参数：第一个参数为所发送的消息文本，但也可以是任何JavaScript对象（通过JSON转换对象为文本）；第二个...[ 查看全文 ]

  q2521500356

  71
• 
  25个灵感纷呈的HTML5网站设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  现代网站技术的发展，使设计师的奇思妙想几乎都能得到实现。特别是HTML5技术的支持，使网站发生了惊人的变化。今天我们收集了一组效果超赞的HTML5网站，希望能给你带来灵感。 01. Universiteit Van Nederland 02. Kaisersosa 03. theycallmebarry 04. separate–together 05. Future Thought of Business 06. twelvesouth 07. canalplus 08. ogreen 09. Obakki Founda...[ 查看全文 ]

  年少无知931

  31
• 
  27个HTML5和CSS3的网站设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  设计专业并且简洁的网站模板可以帮助我们更容易的开发和设计网站页面。作为最新最流行的web技术HTML5和CSS3技术来说，使用它们构建的模板更加简洁和时尚。 在今天这篇文章收集中，我们将介绍一些我们收集的免费超酷HTML5和CSS3网站设计模板。你不但能够欣赏到超酷的设计作品，同时也可以了解如何使用HTML5和CSS3进行高效的网站设计。希望大家喜欢!如果你也喜欢的话，请给我们留言，你的留言是我们持续更新的...[ 查看全文 ]

  优友圈阿东

  71
• 
  html5开发之viewport使用

  标签：Web开发

  随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的使用能帮你做到这一点 viewport 语法介绍： 代码如下： !-- html document -- meta name="viewport" content=" height = [pixel...[ 查看全文 ]

  梦里寻她baby

  21
• 
  那些令人赞不绝口的创新型HTML5网站

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  如果你对HTML5的了解还不深，建议可以先阅读：一张图读懂HTML5 。当然，我们也为您准备了40个超赞的HTML5教程。在过去的10年里，网页设计师使用 Flash、JavaScript 或其他复杂的软件和技术来创建网站。但现在你可以前所未有的快速、轻松地设计或创造互动的、有趣好看的网站。如何创建?答案是HTML5。 这篇文章向大家展示12个创新的HTML5网站。看看这些惊人的 HTML5 网站，从这些优秀的 HTML5 网站获取灵感并...[ 查看全文 ]

  ywwazyj

  21
• 
  20个炒鸡棒的HTML5网站设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  近几年很多大公司开始使用HTML5来创建自己的个性网站，同学们可能已经感受到了。高明的设计师甚至能利用它颠覆你对传统网站的印象。今天我们继续收集一组高质量的Html5 网站，有需要的同学可以仔细感受一下，好好参考学习。 Kaiser Sosa Portfolio Joshua Benedikt Purple, Rock, Scissors Denning Elastica Wilson Sideral Mobee 4N CanalSat Series Nike Energize...[ 查看全文 ]

  叮的小娘子

  51
• 
  精选国外设计排版优秀的HTML5网站欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  目前大部分浏览器已经更新换代，并支持新的网站技术，所以网页设计师们开始喜欢使用HTML5和CSS3代码来编写网页，而且越来越流行，就算是国内也有很多网站使用了这些新技术来编写。比如最近迅雷7的下载页就使用了CSS3动画，效果很不错。今天设计达人网分享排版优秀的并使用HTML5+CSS3网页设计作品，有很多地方都值得我们参考和学习哦！ 如何获取灵感和学习新技术 HTML5和CSS3趋势是必然的，如果你还不加紧时间...[ 查看全文 ]

  大嘴手抓饼

  281
• 
  20个国外最新的HTML5加CSS3优秀网站

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  今天来一组酷炫的HTML5 – CSS3 优秀网站，无论是网站主题（反战、捍卫人权、肯德基老爷爷的美好晚年等）还是动效视觉，都非常值得体验。周末休息下，来点轻松的吧。 The Generations Relay 2014年是华沙起义70周年，华沙博物馆邀请了在那场战斗有代表性的12个组织参加这个薪火相传的活动，组织里的年轻人庄严宣誓，他们将承担起建造一个自由、爱、诚实、谦虚、友善、保护弱者、有责任感的世界这...[ 查看全文 ]

  赵国良老师

  431
• 
  网站制作者必须了解的网站构建知识

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  目前随着互联网的开放性渐渐植入人们的意识，以前那些被人们称为高科技的互联网技术的门槛似乎也微不足道了。很多互联网网民不再仅仅满足只是当一个观众，而是要去充当演员的角色，想在互联网这块肥沃的土地上，也开辟出自己的一亩三分地。那么网站制作就成为他们进军互联网的第一步。作为网站开发者，为了更好的设计和制作自己的网站，就势必了解网站构建的必备知识，本文从一个多年从事建站、有着丰富网站...[ 查看全文 ]

  YeungTimes

  201
• 
  构建你的网站新闻自动发布系统之四

  标签：ASP

    程序处理完毕后，重新导向delete.asp这个asp文件，用以刷新新闻数据库内的显 示，那么每提交一条新闻资料，我们马上可以看见执行的结果是否成功了。    以下是delete.asp的文件内容。    《% @language="vbscript" %》    《%    response.buffer=true    Response.Expires=0       ...[ 查看全文 ]

  无烟煤time

  01
• 
  用HTML5实现网站在windows8中贴靠的方法

  标签：Web开发

   首先来了解一下windows 8 的贴靠，在windows 8 中的Metro应用可以将屏幕很好的进行分割.如下图 让用户在使用时可以非常方便的切换。 系统对贴靠也是有硬性规定的。最多两个屏幕，而且是一个大的一个小的。并且小屏的宽度是固定的 320像素。 所以当用户把网站贴成小屏幕，这个时候页面默认是等比例缩小的。如下图: 那么怎么很好的解决这样的一个问题呢？让网站在windows 8的贴靠小屏幕下显示非...[ 查看全文 ]

  寂寞的刺猬6

  61
• 
  构建你的网站新闻自动发布系统之五

  标签：ASP

    （三）把新闻代码插入你的页面    最好的新闻发布，当然是为网站本身定做的，那样才能与主页风格一致，但如此 一来，新闻发布系统有缺乏了通用性了，不能移值到别的网站上使用，有得必有失， 在这个基础上关键是找一个平行点。综合来考滤，最好的做法是与页面分离，那样就 可以不影响网页的外观，而也能达到很好的效果，在使用新闻的网页上我们可以通过 放置一条这样的script语句...[ 查看全文 ]

  msyq1

  21
• 
  HTML5 离线应用之打造零请求、无流量网站的解决方法

  标签：Web开发

  前言 今天Web应用程序已经很复杂了，以现在的发展，会将越来越复杂，但他有一个致命缺点，不能脱离internet链接，因此在HTML中新增了一API， 它使用一个本地存储机制很好地解决了这个问题，为离线web应用铺平了道路。 本地缓存于浏览器缓存 代码如下： 本地缓存是为整个web应用程序服务 浏览器缓存只对单个网页服务/pp任何网页都具有网页缓存 本地缓存只缓存那些你指定缓存的页面/pp网页缓存不可靠、...[ 查看全文 ]

  阳光的游子0

  11
• 
  构建你的网站新闻自动发布系统之七

  标签：ASP

    紧接上节，我们的新闻系统已能完成日常的新闻在线添加，删除等的功能，但这 还是不足够的，有的用户可能需要查找一下过往某一专题内容的相关新闻条目，而一 个比教完善的新闻系统，当然少不免也的完成这个功能。    现在马上就为我们的新闻系统添加上（全文／标题）的检索功能吧，首先我们做 一个检索表单，见下面的HTML代码，把这些代码放在需要新闻检索的web页面上。就 可以供用...[ 查看全文 ]

  time豆子2013

  21
• 
  构建你的网站新闻自动发布系统之六

  标签：ASP

    通过定制这段代码，就能制作出符合您要求的网页显示格式。    添加，删除，显示都讲解完了，最后一项，就是把新闻的详细内容显示出来。    当用户点击新闻标题，就打开disp.asp文件，同时使用GET这种方式来把参数传 递过去，我们看看disp.asp的文件内容       《% @language="vbscript" %》    《!--#inclu...[ 查看全文 ]

  奔跑的羊肉丸子

  11
• 
  用JSP构建动态网站

  标签：Java JAVA基础

  用JSP构建动态网站 孙以义 杜鹃 一、 什么是JSP JSP(JavaServer Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准，其网址为http://www.javasoft.com/products/jsp。 在传统的网页HTML文件(*.htm,*.html)中加入Java程序片段(Scriptlet)和JSP标记(tag)，就构成了JSP网页(*.jsp)。Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序片段，然后将执行结果以HTML格式返...[ 查看全文 ]

  没看过粉丝啊E5

  161