在过去三年快速增长，已经成为 Web 开发人员最喜欢的编程语言之一。强大的编程语言拥有开发更好的网页应用的能力。
中引入的新技术都非常好，像 Chrome、Firefox、Safari 等许多现代浏览器都已经支持。今天，我们列出了10个优秀的 HTML5 制作工具，可以帮助你的工作。
Createjs is a JavaScript library for working with HTML5 Canvas Element. The tool is best known for creating games, generative art and other graphical tools. It provides great graphical experience.
Animatron is an intuitive design and publishing editor software. You can use Animatron to design content like banners, infographic, creative animations for desktop computer, mobile device and anything of your choice.
You can use Tumult Hype to create beautiful HTML5 web content. The content created using Tumult is interactive and has great animation capabilities. You can use this framework from desktop, smartphone and ipads. It doesn’t require to have coding knowledge.
Mugeda is preferred by many authoring toolkit, advertisers and agencies to unleash their creativity and to create best quality media ad units. The tool is best known for its abilities to create great quality ad units, banners, interstitials, expandable and mini games.
HTML5 Maker is popular tool used for building sliders, banners and impressive graphics with minimum efforts. The tool is available for free. It doesn’t require you to have any special programming knowledge.
Hippo Studios is a great platform for creating powerful animation, games, presentations, apps and multimedia websites. The projects created using Hippo are support by most browsers and devices.
Sencha Space is a secure application environment for HTML and JavaScript based applications. The tool helps in organization to simplify application development, security, maintenance and deployment to desktop, tablets and smartphones. The tool is best known for its security features.
blysk is very useful animation tool. It provides a great platform for animation and web designers for building intuitive animation for websites and other internet projects.
Radi is a powerful tool for animation. It is most commonly used for creating of runtime video and graphics. It provides realtime graphics editing interface for modern websites.
Mixeek is a free software tool that can be used for designing and interactive web animation. The tool is based on JavaScript, CSS3 and HTML5. Mixeek was developed to bring lightweight and easy to use alternative for paid animation tools.
您可能感兴趣的相关文章
本文链接：
编译来源：
This article is automatically posted by WP-AutoPost :
未经允许不得转载： &前端在线资源
本文地址：
本文小动漫demo访问点击后面：
一、关于鑫情动画
大学时期，因为兴趣，花了不少时间学习flash动画制作以及AS脚本。后来开发个人网站时候，一方面想自娱自乐，另一方面由于这份无法割舍的情愫，开辟了个“阳光鑫情”
的频道（目前即可见）。
就是类似下面截图的，自己开发（播放器），自己配音，自己手绘人物、场景的轻松小动漫。
要知道，这玩意很耗精力的。
首先录音：表情啊，语调啊什么的要一气呵成，所以经常因为一些瑕疵不能重来；而后音频处理：主要包括降噪，静音，长度精简等；接着手绘：要根据音频内容在flash软件上绘制合适的人物以及场景，虽然都是傻傻简单的人物造型，真正绘制起来，也要一顿饭的功夫；然后动画呈现：根据音频语句关键时间点添加合适的关键帧，制作动画，还要手动更改同步字幕。最后发布：要导出flash，在photoshop中处理截图（尺寸限制，大小优化），然后后台上传。
Adobe Audition → Adobe Flash → Adobe Photoshop
后来，工作忙了，任务重了，还要博客这块的压力，我只是个普通凡人，无法同时专注于几个事情，因此，“阳光鑫情”就让它去海南晒太阳去了。
就像男女朋友一样，即使已经分手很久了，也可能对EX念念不忘。
上周五一节前的几天，基本上没有什么活，各种x, y, z因素参杂在一起，让我突然脑中灯泡一亮——我是不是可以用HTML5实现“鑫情动画”？跑马灯式地过了遍各个环节的技术实现，发现可行。Have an idea, just do it!
花了几天时间折腾了下，还真像模像样的。
作总结有助于自我提高，同时本身具有实际应用价值，因此，分享下，顺便介绍一些HTML5小知识。
二、你也可以得瑟几个搞笑小动漫
我们做前端的心中也是有文艺情怀的，只是犹如醇厚的美酒，平时都窖藏的很深而已。
你只要略通点JS，完全可以做几个搞笑动漫，自娱自乐，一抒自己的搞笑气质和文艺情怀，哇咔咔。
您可以狠狠地点击这里（请使用FireFox, Chrome, Opera等浏览器访问，IE10应该也可以）：
如何使用？
首先，调用如下CSS：
&link rel="stylesheet" href="/study/css/zxxCarton.css" type="text/css" />
然后，调用如下JS（不依赖于任何库的原生JS）：
&script src="/study/js/zxxCarton.js">&/script>
最后，调用类似下面的一行脚本就可以了：
zxxCarton({ /* 动画相关数据 */ });
很简单吧！
三、兴奋吧！其实你被忽悠了~~
就像魔术一样，说穿了很简单，但是，一旦自己操作起来，就不是那么回事了。
说个最简单的，音频文件如何获取？自己录制，编辑可不是很轻松的活。除非你做无声动画（抱歉，本动画JS脚本是基于音频文件运行的），或者从网上download。即使你轻松搞到声音资源，但是考虑到不同浏览器对音频文件的支持不同，您还需要对文件做格式转换，例如从mp3格式转成ogg格式。
虽然芙蓉姐长得有点抽象，但是跟凤姐站一块，那活脱脱写实派了。同样的，虽然这里的音频处理要折腾点，但是，比起传统flash实现，要节约N多脑细胞和N多把妹时间。
拿本文演示demo举例：
我是从搜狗音乐中下载了一个“笑话”音频，然后使用Adobe Audition做了简单编辑和格式转换（直接文件另存为）。一回生两回熟，有了经验后，音频部分分分钟就可以搞定了。剩下的就是填数据了。
对了，忘说了，还有一个可能要花点时间的就是动画元件（如场景，人物，道具等）处理了。与音频文件一样，你可以自己制作，或是从网上download；或者直接使用文字作为元件。
拿本文演示demo举例：
里面的人物（包括baby）都自己用鼠标+画笔工具搞出来的，以SVG背景形式载入的。具体相关，后面介绍脚本数据的时候会介绍。
本段更多的是下点调料，重点在下一段，关于动画数据的介绍。
四、将行为以数据形式呈现
下面是难点也是重点，关于动画呈现的数据介绍。
主体参数以及结构：
// 动画的舞台，如果使用默认的document.body, zxCarton.js会自动创建一个id为carton_container的新舞台
container: document.body,
// 动画默认等待播放时候显示的主标题
title: "标题",
// 动画默认等待播放时显示的副标题，如果不想显示副标题，可以使用空字符串
subtitle: "副标题",
// 必须数据，动画音频文件
// IE浏览器, Chrome
urlMp3: "xxx.mp3",
// Opera, FireFox
urlOgg: "xxx.ogg"
// 舞台元件显示以及运动的数据，基于时间轴
云里雾里？下面是demo页面使用数据，一看就知庐山面目了：
title: "测试动画",
subtitle: "by zhangxinxu ",
urlMp3: "baby-marry.mp3",
urlOgg: "baby-marry.ogg"
时间轴参数
下面要介绍的就是上面的data属性，其为一个基于关键时间点的对象数组（类似于时间轴）。
所谓“关键时间点”，就是一段话结束的那个时间点，或是一个镜头切换的那个时间点。一个时间点上的完整数据示例如下（绿色的注释很重要）：
// 当前关键时间点的时间，单位是秒，如果是0，默认播放开始时候舞台呈现的一切
// 关键字text, 表示舞台上需要呈现/隐藏(值为null)某文本元件
// customTextId表示文本元件的唯一id, 可随意定义，用来准确匹配舞台元素
"customTextId": {
// 文本元件中显示的文字（支持HTML字符）
html: "文本文件中显示的文字",
// 文本元件的样式控制，例如这里就是文字大小100px（数值默认单位px，下同）
fontSize: 100 }
// 关键字shape, 表示舞台上需要呈现的图形元件（背景图片形式）
// 图形元件的唯一id，只能是当前元件的背景图片地址，如果同一背景图用做多个元件，可以使用customBgUrl.svg?v=1, 2, 3, ...
"customBgUrl.svg": {
// 图形元件的样式控制，一般只关心高宽以及位置（动画效果）
width: 300,
height: 300
// 图形元件中的对话框内容，一般用在人物对话以及物件说明上
// direction指当前对象物体（一般为说话者）的面部朝向
direction: "right",
// 对话框相对于当前图片元件内部的偏移位置
offsets: { x: 100, y: -10 },
// 对话框中的文字内容
word: "对话框中的文字内容"
// 关键时间点上的字幕
title: "舞台下方呈现的字幕"
说明：无论是文字元件，或是图形元件，在下一个关键时间点（flash中的关键帧）上的时候，如果需要隐藏，则设为null；如果样式一样，可以设置对应的styles属性值为null, {}或可读性更好的"same"；如果有位置和尺寸的变化，仅需要设置要变化的样式即可。
所有的元件都是绝对定位的，因此，你无需再styles中设置position属性，更多注意力放在尺寸以及位置上。
对照下面demo的实际代码再次具体分析：
先看看0秒时候：
"customTextId_1": {
html: "5个月",
fontSize: 100,
fontWeight: "bold",
left: "50%",
marginLeft: -125,
top: "30%"
title: "结婚才5个月"
time: 0表示动画开始播放的第一秒舞台的呈现。只有text，表示舞台只有文本元件。"customTextId_1"表示这个文本元件的id为customTextId_1.
html: "5个月"表示文本元件里面显示的文字是“5个月”。styles就是文字的大小，位置什么的。title就是舞台同步字幕咯！
该时间点上舞台截图如下：
然后就是2.5秒的时候：
time: 2.5,
"zxx_baby_1.svg": {
width: 300,
height: 300,
left: "30%",
top: "25%"
dialog: null
"customTextId_1": null
title: "妻子就生下了一个白白胖胖的小男孩"
time: 2.5表示第2.5秒的时候，舞台发生一些变化。text: { "customTextId_1": null }表示在这个时间点上，id为customTextId_1的文本元件从舞台上移除。而新增的shape表示舞台添加背景图片地址为zxx_baby_1.svg，高宽300像素，左30%, 上25%的图形元件，没有对话框内容(dialog: null)。舞台字幕变成了“妻子……小男孩”。如下图：
下面就是第7秒，demo中，2.5秒→7秒是有动画的，如何实现的，如下：
"zxx_baby_1.svg": {
width: 400,
height: 400,
left: "26%",
top: "20%"
title: "丈夫非常地怀疑"
前后时间点上，同一元件同时存在，且样式有差异，即默认以动画形式呈现（动画时长为前后两个时间点的时差）。因此，你只需要关心关键时间点上：各个元件存在与否，位置如何即可。例如这里，小baby图形元件尺寸变成了400 * 400,
位置也发生了移动。
基本上，这几个时间点将80%~90%属性以及值含义介绍了，其他一些细节等对照后面几个时间点的源代码（右键demo页面→查看页面源代码）和效果应该就明白了。为了节约篇幅，后面几个时间点就不一一详述了。
五、应用到的CSS3/HTML5技术
要说HTML5的应用，这里最最重要的就是audio音频使用。应用的HTML5代码类似下面：
&audio preload="auto">
&source src="baby-marry.mp3">&/source>
&source src="baby-marry.ogg">&/source>
&p>您的浏览器不支持&code>audio&/code>元素！&/p>
多个source时候，浏览器会从上往下应用，例如FireFox浏览器，先玩玩mp3格式，发现不支持，得，继续下面一个，ogg格式，可以，就播放之~~
为了声音的播放与动画呈现同步，需要音频可以一次性播放完毕的时候在可以执行动画。因此，动画的播放控制如下(audio为标签为&audio&的音频元素)：
audio.addEventListener("canplaythrough", function() {
// 声音播放
this.play();
// 动画播放
而声音播放完毕的重新播放是调用的ended事件：
audio.addEventListener("ended", function () { }, false);
在本demo中，还使用了HTML5 SVG背景技术。使用SVG背景的好处在于图形元件尺寸拉伸的时候，没有位图那样的模糊或是锯齿等。本demo的SVG背景图我是在上使用画笔画下来的。关于何为SVG, SVG如何创建，如何使用等推荐参考我之前的文章：“”。这里就不详细介绍了。
当然，你也可以使用普通的jpg图片作为背景图。
您可以狠狠地点击这里：
最后，动画效果是使用的CSS3的transition属性，这个讲得够多的了，不多说，有兴趣可以参考我之前的“”一文，讲得很详细。
六、局限、以及未来
局限很明显，就是浏览器兼容性。不过，目前看来，在手机上应用是无障碍的。
虽然这里的HTML5实现比Flash实现省了一定的功夫，但是，从实际操作的角度讲，还是麻烦了点；而且受众也小，使用者需要懂一点JS，要懂一点音频处理等。
我大胆设想了下，如果浏览器可以支持音频输入录制的话，加上科大讯飞的语言识别技术和一些其他音频分析技术。对应的时间点可以自动呈现出现，对应的字幕也直接通过语言识别呈现。然后，呈现出的是可视化的操作界面，我们所要做的就是在关键时间点上创建以及移动元件，会自动生成动画数据，一旦保存到数据库，直接就可以在线生成一个网页动漫了。按照这种设想，其实就是把Flash部分动画制作功能搬到了浏览器上，集制作，发布一体。而且，学习成本低很多。
如果这样，可以使从事艺术的，或是医学的，或是建筑的，各行各业人都能做个简单的搞笑动漫。声音录入，简单操作，保存发布！ 妈妈再也不用担心我的动漫了，so easy! 你说，这种情景出现会不会加速我国动漫事业的发展呢？
呵呵，貌似有点想多了。不过，如果技术允许，这个idea做成产品还是可行的。至少目前在手机上就是可以的，手机支持声音录入，语音识别；现在不是流行你猜我画吗？再多画几张，录个音就变成搞笑动漫/文艺动漫/言情动漫/等，说不定还真会火呢？我对产品不懂，想法傻b了点，希望不要见笑。
原创文章，转载请注明来自[]
本文地址：
（本篇完）
相关文章 (0.537) (0.380) (0.380) (0.380) (0.380) (0.380) (0.333) (0.333) (0.333) (0.333) (RANDOM - 0.042)
标签： , , , ,
赞助商推荐()：
这里有最全的web前端开发视频
如果你有1~3年前端开发经验，不妨
想找个师兄入门前端？不妨
不知怎么获得高薪？不如
热门总排行503 Service Temporarily Unavailable
Service Temporarily Unavailable
The server is temporarily unable to service your
request due to maintenance downtime or capacity
problems. Please try again later.
Apache/2.0.64 (Win32) mod_jk/1.2.17 Server atHTML5动画原理和HTML5动画制作工具
HTML5不是一个新的现象，但HTML5的使用在过去几年中已经有了飞速的发展。当涉及到富媒体，运动图形和网络上的互动内容时，HTML5几乎完全取代了Flash的使用。由于移动应用程序开发人员的性能，易于使用和开放标准的剪切原因，它也受到了很大的调整。
HTML5的前身HTML4有许多改进，其中之一是包含用于在网页上即时渲染图形的canvas元素。
让我们看看HTML5动画的基础知识，然后再转到用于创建动画横幅，广告，丰富的互动内容，电子贺卡，信息图表，幻灯片，动态图形，游戏等各种工具。
HTML5动画 - 基础知识
HTML5动画包含在&canvas& &/ canvas&元素中。为了一个基本的了解，html文档中的canvas可以被看作是一个绘图板，您可以在其中绘制形状，然后快速更改框架，使其看起来像一个动画图形。
基本动画的步骤非常简单，您可以通过在HTML5，CSS和Java中手动编写代码来创建基本动画。复杂的动画可以通过使用HTML5动画工具来实现，该工具提供拖放功能来创建HTML5形状，还可以添加动画和交互。这些工具通常会生成人类可读的代码，如果需要，可以进行修改，当然，代码可以包含在HTML文档中，也可以在手机，PC，平板电脑和智能电视上运行。其中一些工具包括Bannersnack，Mugeda，GSAP，Animatron，Edge Animate，HTML5 Maker和Tumult Hype等名称。
让我们来看一下非常基本的动画的解剖（只是为了得到它的悬念），我们将看看用于使用HTML5创建动画的各种工具。
创建简单的HTML5动画
要创建动画，您需要在文档和机制中的形状，图像，音频，视频来控制和操作所有这些您想要的方式。可以使用HTML5方法绘制形状，而图像，音频，视频等可以通过引用导入文档。控件可以通过Canvas API，CSS3元素中的直接方法或使用自定义Java函数进行。
我们来看看画布的设置，这是一个简单的四步过程 -
第一步是清除整个画布，让你得到一个空白的画面。您可以使用clearRect（）方法来执行此操作。
第二步是保存画布状态，这很重要，因为在进行了更改之后，你会想回到原始状态。
第三步是很好的部分，您将在此绘制动画形状并为动画创建框架。
第四步是保存帧状态，循环继续 - 返回原始状态，画出下一帧并保存。
通过直接使用像rect（），fillRect（），fillStyle（）和drawImage（）等画布方法绘制形状，或通过创建和调用自定义Java函数来绘制形状。像我之前说过的，图像，音频和视频可以通过使用许多其他方法包含在空间和时间中，以便您拥有创建动画所需的一切。
对于动画，我们需要调用画布状态（在绘制过程中保存）并在一段时间内渲染不同的帧，为此，有三个Java函数，即window.setInterval（），window.setTimeout（）和窗口.requestAnimationFrame（）。还有其他的方法，但现在我们将会保持我们的马。查看Mozilla开发人员，了解使用各种方法在画布中绘制和动画的基础知识。
您还可以查看循环动画和动画太阳系，以查看HTML5动画以及代码，以便更好地了解基础知识。如果你想看一些最先进的HTML5互动动画，那么看看游戏中的免费骑士和这个令人兴奋的HTML5破坏视频。
我们来看看用于创建HTML5动画的一些工具 -
Bannersnack当使用拖放工具集创建HTML5横幅广告时，Bannersnack是市场上最好的工具之一。我个人喜欢Bannersnack的易用性和直观的用户界面。Bannersnack在许多财富500强公司如Google，花旗银行，希尔顿，葛兰素史克和airbnb等用户中颇受欢迎。您可以使用文字，图像，音频，按钮和剪贴画等来创建出色的横幅艺术，并将完成的文件导出为HTML5，Flash / SWF，MP4，PNG，JPEG，GIF和Flash / HTML5嵌入。使用Bannersnack创建的广告几乎与所有主要广告网络（包括Facebook广告和Google AdWords）兼容。购买之前，您可以免费试用Bannersnack。阅读更多关于Bannersnack的信息，请点击：Banner Snack：HTML5 Animation。
HTML5制造商 - 免费订阅HTML5 Maker是另一种流行的在线动画工具，拥有超过100K的用户，由名为OnlyMega LLC的公司。它最常用于创建html5动画，滑块，演示文稿和幻灯片等。虽然HTML5制造商提供商业订阅，但它有一个免费的计划，可用于创建动画和横幅等免费。HTML5 Maker附带了大量可以使用的模板。人们可以选择最适合要求的模板，修改图像，徽标，文本等，并将工作保存在云端。可以将动画嵌入网站，博客或直接从云端分享到社交媒体网络上。使用HTML5创建的动画在Mac，PC，iPad，iPhone，Android和许多其他平台上的工作同样辉煌。我喜欢HTML5 Maker的事实是，它不依赖于任何第三方库和工具，甚至不依赖于Photoshop的图形。您可以使用编辑器（包括图像）创建您需要的所有内容。您可以根据需要导入您自己的媒体文件。了解更多关于HTML5的设备在这里- HTML5制作
MugedaMugeda平台是由Mugeda Inc.创立和销售的在线HTML5创作工具，该公司是一家位于旧金山的公司，在中国设有研发办事处。Mugeda平台提供完整的解决方案来构建HTML5丰富的媒体，适用于所有屏幕，包括PC，平板电脑，智能手机和智能电视。它包括Mugeda工作室拖放编辑，工具，创建移动优化的MRAID 2.0投诉富媒体广告，内置流量分析和Java API为开发人员。Mugeda大量用于创建HTML5媒体广告，包括横幅广告，可展开广告，迷你游戏和插页式广告。教师还可以为学生创建交互式内容。Mugeda被Red Bull，Mazda，Sunning，Buick，ANA等公司所使用。
GSAPGSAP是一个商业产品的企业，从GreenSock的房子和在世界动画的名义。GreenSock在过去14年处于市场，客户包括微软，Adobe，三星，可口可乐，福特等众多客户。随着基于HTML5的运动图形的兴起，他们推出了用于HTML5的GSAP，这是一个非常强大的工具，并具有创造惊人动画的功能。GSAP的核心工具很少包括TweenLite，TweenMax，TimeLineLite和TimeLineMax。
AnimatronAnimatron是HTML5动画和解说器视频的大爸爸，让观众受益。您可以通过查看其客户群，包括Google，Facebook，Amazon，Disney，Oracle，Fox，NASA和戴尔等巨头，来衡量Animatron的受欢迎程度。在Animatron看到Animatron
Tumult炒作Tumult Hype用于制作互动和专业的动画，适用于网络，台式机，笔记本电脑，智能手机和IPad，不需要任何编码技巧。Tumult Hype在基于关键帧的系统上工作，您可以在其中单击记录，Tumult开始在编辑器中创建移动框架; 可以手动添加和删除帧，从头开始，最后还是在中间。Tumult大量用于创建交互式电子贺卡，信息图形，电子书/ ibook，演示文稿等，所有这些都使用HTML5动画与CSS属性和Java在后台的魔力。
Google Web Designer如果你像我一样喜欢直接从Google家的产品，那么这个就是你的html5动画工具。Google网页设计师在撰写本文时仍然处于测试阶段，但根据我最近几周的经验，它的工作绝对正常。Google网页设计师被许多用于创建简单的广告，包括眼睛流畅的静态和运动图形。您可以免费下载Google网页设计器，并在Windows，Mac或Linux上安装。
CreateJSCreateJS是一个不同的动物，并提供用于创建基于HTML5的丰富互动内容的图书馆和工具的集合。它提供的图书馆包括 -o EASELJS - 控制和管理HTML5画布元素o TWEEENJS - 使用HTML5和Java对Tween进行动画处理o SOUNDJS - 让网络听到他们想要的内容o PRELOADJS - 控制如何加载各种同意CreateJs库大量用于创建基于HTML5的广告。Adobe动画和CreateJS作为一个杀手组合，被广告业界的设计师广泛使用。随着Mozilla，Microsoft和Adobe等的支持，CreateJs似乎非常有希望，我们希望在将来的版本中看到更多的功能。
HippaniHippani是一家英国公司，Hippani动画师可以在30天免费试用评估文章，您可以自行购买专业计划。Hippani在人气方面并没有落后于Animatron，BannerSnack，HTML5制造商或Mugeda的联盟，而是近期不断升级的有前途的工具。除了大多数其他工具的基本功能，Hippani还提供了一个用于创建复杂交互和游戏的java引擎。
边缘动画CC来自Adobe的房子，Edge Animate CC也一直被广泛用于创建HTML5，但是自从过去几年来，它还没有得到升级，该产品尽管很受欢迎，可能会在另一个时间被停用。用于制作HTML5运动图形的另外三个好的工具包括RadiApp，Nodefire和Blysk。所有这些都是免费创建交互式运动图形的工具，可以随时尝试。创建图形和动画的另一个很好的选择是SVG。由元素&svg&表示，它用作SVG（可伸缩矢量图形）的容器。SVG有许多方法来绘制圆形文字，图形图像，线条等。Canvas可用于创建更复杂的动画，交互式图形和在浏览器中运行的游戏。如果您有兴趣了解SVG与Canvas的微妙差异。
HTML5动画 - 简史1991年，Tim Berners-Lee发明了第一个被称为版本1的HTML。相对原始但可能有帮助的语言，HTML的第一个版本在连续8年得到改进。多年来，1995年版本2，1997年第3版，1999年第4版。作为一种创新和创新的语言，2005年以来，HTML4中的一些限制很快就会变得明确。需要一个新的改进，HTML5的来临在2012年实现。
有趣的是，HTML5支持移动网络设备，它已经得到了很多人的欢迎，现在大多数浏览器都支持这种功能。即将推出的HTML5，史蒂夫的工作拒绝在苹果设备中使用Flash，包括iPhone，iPad，iPod，并表示它不适合移动设备的性能和许多其他原因，而HTML5并未构建HTML4未被构建来创建更多的互动网站被视为已经过时和不充分。
当时的开发人员现在一致认为，需要开源标准来构建现代网站，从而导致HTML5的出现。当然，苹果拒绝并不是唯一的理由，而是坚定的一个。
HTML5是不必要的，而且在许多方面都是大大改进了第四版，并在该语言中加入了音乐和音频标签。有一些其他的改进，以及我们稍后会谈。
如果你觉得以上内容对您有用，请关注“Web堆儿”，我们的宗旨就是提供网站建设和运营中的各种干货。
原文地址：.cn/webduirshow-116.html
责任编辑：
声明：本文由入驻搜狐号的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。}