ug数控编程实例与技巧-29个非常实用的HTML 5实例、教程和技巧(1)

发布时间：2017-10-01 所属栏目：html5教程

一 : 29个非常实用的HTML 5实例、教程和技巧(1)

【51CTO精选译文】对于想要着手新建Web项目的人来说，HTML5实例确实很能给人以灵感，毕竟HTML5是未来的网页标记技术，我们都需要为此作好准备。HTML5是作为HTML(超文本标记语言)的下一个主要版本而开发的。主要的市场和互联网领导企业已经在转而改用HTML 5平台。由于苹果和谷歌都大力推行这项标准，以便从事更高级的Web开发，随着更多的公司支持HTML 5的先进特性，我们现在看到实施HTML 5的网站遍地开花。

51CTO推荐专题：HTML 5 下一代Web开发标准详解

由于Flash在Web和互联网应用程序中的应用越来越少，HTML5为Web设计师和开发者打开了新的大门。在这种情况下，每一个Web开发者的确有必要了解HTML 5的基本教程、技巧和术语。

下面我们介绍了一份完整的列表——如果你是位Web开发者，绝对不想错过这30余个HTML5实例、教程和技巧。

不妨先看一下几个HTML5实例

1.用HTML5创建移动设备上的离线Web应用程序

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

IBM的技术库里面有一篇由IT架构师Dietmar Krueger撰写的内容翔实的文章。作者在该文中描述和介绍了为什么为操作系统和移动平台编写应用程序困难重重。作者选择了走开放的道路，通过HTML 5来进行开发，而不是依赖学习针对特定平台的语言，比如面向iPhone平台的带Cocoa框架的Objective-C语言。这篇文章介绍得非常清晰、深入浅出。

2.HTML 5演示和实例

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

这个网站到处都有HTML5实例，还有很不错的实例。有些是本人一起改动的HTML 5实例和演示。点击浏览器支持图标或技术标签，就可以过滤演示(过滤器是“或”过滤器)。

3.WTF is HTML5

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

这一页概述了HTML5，非常实用，还有很不错的HTML5实例!

4.用PHP以及HTML 5构建一个实时新闻博客系统

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

这个教程表明了如何用HTML 5和CSS3来构建一个新闻网站。HTML和CSS中的每一行代码都附有解释。

5.用HTML 5设计一个博客

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

HTML 5的功能特性大部分涉及JavaScript应用编程接口(API)，因而让你更容易开发出交互网页，但是有一批新的元素让你可以为传统的Web 1.0网页添加额外的语义。这个教程通过为你提供博客布局，以便研究分析这些元素。

29个非常实用的HTML 5实例、教程和技巧(1)_html5 教程

6.HTML 5中的语义

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

在最近一年左右的时间里，万维网联盟(W3C)最近加大力度开发的下一代HTML：HTML 5发展势头相当猛。这是个庞大项目，不但涵盖HTML的结构，还涵盖解析模型、错误处理模型、文档对象模型(DOM)、资源获取算法、媒体内容、2D绘图、数据模板、安全模型、网页装入模块、客户端数据存储等方面。

HTML的结构、语法和语义也进行了修改，一些内容在Lachlan Hunt所著的《HTML 5先睹为快》一书(5 Web Applications

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

概述了HTML 5浏览器兼容性。

8.Dive Into HTML5

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

Dive Into HTML 5力求详细介绍从HTML 5规范及其他优秀标准精挑细选的一系列特性。时间允许的话，我会定期发布草案(Drafts)。

9.When Can I Use

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

你在这里能找到非常实用的兼容性表，介绍了HTML5、CSS3、SVG及其他即将推出的Web技术中的特性。

10.HTML5 & CSS3 Readiness

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

29个非常实用的HTML 5实例、教程和技巧(1)_html5 教程

11.如何用HTML 5 Canvas来绘图

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

HTML 5规范里面有一堆好东东，其中之一是Canvas，这是一种使用JavaScript，以编程方式来绘图的方法。我们会在本文中介绍Canvas的基本细节，并演示了可以用实例和链接来实现什么。

12.用HTML5表单大显身手

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

表单通常被认为是我们必须添加标记和样式的讨厌鬼。我不敢苟同：表单(其重要性不亚于表)是我们所要处理的最激动人心的东西。

我们在这里要看一下如何运用一些先进的CSS和最新的CSS3技巧，为漂亮的HTML 5表单添加样式。你看了本文后，我保证你也想为自己的表单添加样式。

13.将Web设计概念编程成为HTML5

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

14. 利用HTML 5和CSS3，编写向后兼容的单页网站模板

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

HTML5是Web开发的未来;但信不信由你，你现在可以使用它。HTML5非常顾及语义和可访问性，因为我们没必要到处添加毫无意义的div标签。它为导航和脚注等常用元素引入了有意义的标签，这些标签极其合理，也更自然。

这概述了HTML5和CSS3的基本内容，同时仍关注旧版浏览器。在我们开始之前，记下这个问题的答案。

网址：http://inspectelement.com/tutorials/code-a-backwards-compatible-one-page-portfolio-with-html5-and-css3/

29个非常实用的HTML 5实例、教程和技巧(1)_html5 教程

15.从头开始编写HTML 5布局

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

诚然，HTML5和CSS3都在完善之中，这种情况还会持续一段时日，但没有理由不立即开始使用。毕竟，时间证明实施未完成的规范确实可行，很容易换成W3C建议的完整版。这时候，渐进增强和适度降级就能发挥作用。这里有一些很不错的HTML5实例。

16.如何开发一个HTML5 iPhone应用程序

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

我知道，你郁闷了差不多有一年。所有铁杆派的Objective-C开发者一直在争先恐后地为iPhone编写应用程序。你也许甚至试着读一两篇关于为iPhone进行开发的教程，但是发现很难学会。

你可以运用已经拥有的技巧来进行开发：HTML(5)、CSS和JavaScript。

这个教程表明了如何开发一个离线的HTML5 iPhone应用程序。更具体地说，我会逐步介绍开发俄罗斯方块游戏的过程。

17.用HTML 5和CSS3构建一个精致的网站

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

学习通过五个宏步骤，运用大脑、铅笔、纸、Photoshop、HTML和CSS来构建一个精致的网站。但幸好技术并没有止步，我们将来还有另外两个朋友：HTML 5和CSS3来设计更好的网站。

18.编写CSS3和HTML5单页网站模板

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

看看如何使用CSS3和jQuery带来的一些新特性，以及scrollTo插件，创建一个HTML5 Web模板。由于HTML5仍在完善中，你还有个办法：可以在这里(http://tutorialzine.com/2010/02/free-xhtml-css3-website-template/)下载XHTML版的模板。

19.用HTML 5设计和编写一个酷酷的iPhone应用网站

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

HTML5绝对是眼下的宠儿，每个设计者都为它的发布而激动。在该教程中，我们将领略通过使用HTML 5结构来编写酷酷的iPhone应用网站会怎样，并运用一些CSS3效果来添加可视化样式。

20.HTML 5和CSS 3：你很快就会使用的技巧

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

在这个教程中，我们将使用来自HTML 5和CSS 3的下一代技巧，构建一个博客网页。该教程旨在演示等规范完成后、浏览器开发商实施这些规范后，我们将如何构建网站。如果你已经知道HTML和CSS，应该很容易按步骤行事。

29个非常实用的HTML 5实例、教程和技巧(1)_html5 教程

21.面向初学者的HTML 5：现在就使用，它很容易!

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

面向初学者的HTML5有很不错的HTML5实例。现在就使用，它很容易!本文饶有趣味地介绍了HTML5的一些基本方面。

22.Rocking HTML5

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

这里演示的是一个HTML5网站，它非常详细而清晰地概述了HTML5的元素。

23.用HTML 5构建网页

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

HTML 5不是构建语义更丰富的Web的下一个重要步骤，就是会用另一组不全面的标签和标记淹没Web的灾难，这取决于你在问谁了。

不管是哪一派观点，存在的问题在于，目前外面使用HTML 5的网站为数不多;所以要解决明显的问题，理论上的办法仍然基本上没有得到考验。

话虽如此，不难看到下一代Web标记工具存在的好处和潜在问题。

24. HTML5速查表

网址：5test.com/

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

这不是HTML5实例，HTML 5 Visual Cheat Sheet是我为Web设计者和开发者设计的一份实用的速查表。这份速查表实际上就是一个简单的可视网格，列出了所有HTML标签以及HTML版本4.01及/或5支持的相关属性。我用来设计该速查表的可视化样式让你一眼就能看清楚所要寻找的东西。

29个非常实用的HTML 5实例、教程和技巧(1)_html5 教程

25.html5test.com

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

这是个浏览器测试，有许多细节。非常实用。

26.HTML5 Canvas试验

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

我们可以体验一下这项技术。我们创建了一个小试验，装入100条与HTML5有关的Twitter消息，然后用基于Javascript的粒子引擎来显示它们。每个粒子代表一条Twitter消息——点击其中一个粒子，它就会在屏幕上显示(点击图像就能看到它的实际运行。)

27.12个极出色的HTML5试验

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

你在这里可以找到一组极出色的基于HTML5 canvas的试验，你会从此爱上HTML5。

28.HTML 5速查表(PDF)

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

29.html5手册

html5 教程 29个非常实用的HTML 5实例、教程和技巧(1)

好了，你看到HTML 5已出现在我们面前，那你应该使用它吗?

我通常认为这取决于你在开发的网站。如果它是访问量很大的商业网站，那么你可能需要再忍一阵子。不过如果它是个人博客，我认为现在就可以入手，学习如何使用HTML 5中的新特性。

英文：

二 : 数控编程技巧

数控编程技巧

一、数控机床坐标系规定

数控坐标系是以刀具相对静止工件运动为原则

数控机床坐标系采用的是右手笛卡尔直角坐标系，其基本坐标轴为X、Y、Z直角坐标，如下图所示，规定了X、Y、Z3个直角坐标轴的方向，这个坐标系的各个坐标轴与机床的主要导轨相平行。根据右手螺旋法则，我们可以确定出A、B、C3个旋转坐标的方向。

z轴坐标的确定：

(1)与主轴轴线平行的标准坐标轴即为Z坐标.

(2)若无主轴则Z坐标垂直于工件装夹面。

(3)若有几个主轴，可选1个垂直于装夹面的轴作为主轴并确定为Z坐标。

Z轴的正方向-----增加刀具和工件之间距离的方向。

X轴坐标的确定：

(1)没有回转刀具或工件的机床上，X轴平行于主要切削方向且以该方向为正方向。

(2)在回转工件的机床上，X方向是径向的且平行于横向滑座，正方向为刀具离开工件回转中心的方向。

(3)在回转刀具的机床上：若Z坐标水平，由刀具主轴向工件看，X坐标正方向指向右方；若Z坐标垂直，由刀具主轴向立柱看，X坐标正向指向右方。

Y轴坐标方向由右手笛卡尔坐标确定。

二、机床坐标系原点：

机床原点为机床上的1个固定点，也称机床零点或机床零位。是机床制造厂家设置在机床上的1个物理位置，其作用是使机床与系统同步，建立测量机床运动坐标的起始点。并用M表示。该点是确定机床参考点的基准。

三、机床参考点：

用R表示，它是机床制造厂在机床上用行程开关设置的1个物理位置，与机床原点的相对位置是固定的，机床出厂前由机床厂精密测量确定的。

机床坐标系原点或机床零点是通过机床参考点间接确定的，机床参考点是机床上的1个固定点，其与机床零点间有一确定的相对位置，一般设置在刀具运动的X、Z正向最大极限位置。在机床每次通电之后，工作之前，必须进行回机床零点操作，使刀具运动到机床参考点，其位置由机械档块确定。这样，通过机床回零操作，确定了机床零点，从而准确地建立机床坐标系，即相当于数控系统内部建立1个以机床零点为坐标原点的机床坐标系。机床坐标系是机床固有的坐标系，一般情况下，机床坐标系在机床出厂前已经调整好，不允许用户随意变动。

四、浮动原点:

当机床参考点不能或不便满足编程要求时，可根据工件位置而自行设定的1个相对固定的而又不需永久存储其位置的原点。具有浮动原点指令功能的机床，允许将其测量系统的基准点或程序原点设在相对于机床参考点的任何位置上。

五、刀架相关点:

从机械意义上说，所谓寻找机床参考点，就使刀架相关点与机床参考点重合，从而使数控系统得知刀架相关点在机床坐标系中的坐标位置。所谓刀具的长度补偿即刀尖相对于该点的长度尺寸即刀长。实际上数控机床往往使用刀库中的某把刀作为基准刀具，其他刀具的长度补偿均是刀尖相对该刀具刀尖的长度尺寸，对刀则由基准刀具完成。

六、工件坐标系：

工件坐标系是用来确定工件几何形体上各要素的位置而设置的坐标系，工件原点的位置是人为设定的，它是由编程人员在编制程序时根据工件的特点选定的，所以也称编程原点。

数控车床加工零件的工件原点一般选择在工件右端面、左端面或卡爪的前端面与Z轴的交点上。是以工件右端面与Z轴的交点作为工件原点的工件坐标系。
　　同一工件，由于工件原点变了，程序段中的坐标尺寸也随之改变。因此，数控编程时，应该首先确定编程原点，确定工件坐标系。编程原点的确定是在工件装夹完毕后，通过对刀确定。

七、对刀

在数控加工中，工件坐标系确定后，还要确定刀具的刀位点在工件坐标系中的位置。即常说的对刀问题。数控机床上，目前，常用的对刀方法为手动试切对刀。

［www.61k.com]
数控车床对刀方法基本相同，首先将工件在三爪卡盘上装夹好之后，用手动方法操作机床，具体步骤如下：
1）回参考点操作采用ZERO或HOME（回参考点）方式进行回参考点的操作，建立机床坐标系。此时数控系统显示器上将显示刀架中心（对刀参考点）在机床坐标系中的当前位置的坐标值。
2）试切对刀先用已选好的刀具将工件外圆表面车一刀，保持X向尺寸不变，Z向退刀，然后，停止主轴，测量工件外圆直径D,根据不同的数控系统输入刀具的X向刀具长度补偿。如图1-22所示。再将工件端面车一刀，z向尺寸不变，X向退刀，根据不同的数控系统输入刀具的z向刀具长度补偿。
3）建立工件坐标系程序运行时刀具添加相应对刀时的补偿值,刀具即处于编程的坐标系,工件坐标系即建立。

初学数控车床操作常见安全故障及解决办法

数控车床加工中，特别是对于刚刚接触或初学者，经常会出现异常情况，这些突发异常情况出现时，轻者损坏刀具，工件报废，重者损伤机床的卡盘及电动刀架，严重影响机床精度，甚至伤及操作人员人身安全。以下针对操作中问题加以分析其产生原因和预防、解决方法，请初学数控读者在以后的操作中注意。
一、编程
（1）走刀路线：所谓走刀路线即按图纸、工艺单要求，确定加工路线，为保证零件的尺寸和位置的精度，选择适当的加工顺序和装夹方法。在其确定过程中，要注意遵循先粗后精、先近后远、内外交*等一般性原则，编程中应将工件的余量考虑进去，避免事故发生。
（2）工件中遇槽需要加工，在编程时要注意进退刀点应与槽方向垂直，进刀速度不能以“G0”速度快进，避免刀具和工件相撞。
（3）普通螺纹加工时刀具起点位置要相同，“X”轴起点终点坐标要相同，避免乱扣和锥螺纹产生。
（4）进退刀点选择时要注意，进刀不能撞工件、退刀应先离开工件。
G0指令在进退刀时尽量避免“X、Z”同时移动使用，如：
G0 X100Z100；
应改为：
G0X100；
Z100；
两句完成。
（5）G01指令中F值过大可能会出现2种情况，一是机床不动，伺服系统报警，二是刀具移动速度非常快（大于G0）,出现撞车事故。产生原因是程序开始按每转进给而下面程序中按每分进给，编制出现“F00、F200”等情况,程序一旦执行将出现以上事故。
（6）编程时换刀要注意应给刀具足够空间，尤其是镗孔刀，要到机床上实际测量确定换刀点。如遇工件较长需顶尖支撑，更应特别注意。
二、机床数控系统本身原因
由于加工时进行各种操作，如输入刀补、插入程序，执行后进行删除等操作过多，使随机存储器PMA芯片中执行程序混乱，系统执行时出现错误，X或Z向出现丢步，造成撞车。EPROM芯片、系统主板或驱动板中元件有损坏，造成执行程序出错。为避免这种情况出现，要经常检查机床系统，发现异常及时找专业人员解决。
三、误操作
操作人员对键盘功能键具体含义不熟悉，操作不熟练，对机床功能参数误修改,易造成撞车等事故。
（1）在输入刀补值时，有时“＋”号输成“－”号，“2.25”输成“225”，经常会出现机床启动后刀具直接冲向工件及卡盘，造成工件报废，刀具损坏，机床卡盘撞毁等事故。
（2）回零或回参考点时顺序应为先X轴后Z轴方向，如果顺序不对，机床小拖板会和机床尾架相撞。
注意：初学者在没有完全弄懂机床功能前尽量不要修改机床功能参数，一定要弄清基本原理。应严格按照操作规程进行操作，输入程序或刀补数值后应反复检查后方可操作。
四、机床本身机械故障
步进电机出现机械故障，或者由于步进电机下的接线在操作中被拉断，步进电机与滚珠丝杠之间连接销钉脱落，使电机与拖板之间移动不同步，或丝杠中有异物（如切屑等），造成机床两轴中其中1个方向不动或移动缓慢，使机床出现撞车事故。操作时应做到观其色，听其声，发现异常及时处理，机床导轨及丝杠使用完毕应清理干净。
五、机床坐标系理解不清
数控车床通常有3个坐标系即机械坐标系、编程坐标系和工件坐标系。机械坐标系的原点是生产厂家在制造机床时的固定坐标系原点，也称机械零点。它是在机床装配、调试时已经确定下来的，是机床加工的基准点。在使用中机械坐标系是由参考点来确定的，机床系统启动后，进行返回参考点操作，机械坐标系就建立了。坐标系一经建立，只要不切断电源，坐标系就不会变化。编程坐标系是编程序时使用的坐标系，我们把Z轴与工件轴线重合，X轴放在工件端面上。工件坐标系是机床进行加工时使用的坐标系，它应该与编程坐标系一致，能否让编程坐标系与工坐标系一致是数控车床操作的关键。
往往初学者有一错误认识，数控车床操作十分简单，会编程序，程序模拟后没问题，基本机床机构弄明白，即可进行机床操作。实际上在没有把机械坐标系（参考点）、编程坐标系、工件坐标系完全理解的情况下就进行编程操作是十分容易出现机床事故的。
数控车床事故，尤其是撞车现象应以预防为主。首先操作人员应熟悉系统的各种操作，系统功能键应掌握，达到能熟练操作；这样在操作中，减少失误，将误操作的概率降至最低点；特别是对开始使用系统的初学者来说，应对照操作步骤，1步1步的进行，避免失误；操作人员编程时，应根据工件特点进行；退刀和回零的顺序是先退X向，还是先退Z向，应按工件的形状及加工位置确定；对刀完成后应依次验证各刀具补偿是否正确；操作者应注意机床的保养；在平时加工后，导轨应擦拭干净，避免切解屑等杂物夹在滚珠丝杠和导轨内，造成加工出现误差，损伤导轨，影响加工。