1. 零基础小白必知 常见html5开发工具有哪些

  • 1. Adobe Dreamweaver CS6

    Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动应用程序的网页设计软件。由于Dreamweaver支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页,对于初级人员,你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作!

  • 2. Adobe Edge

    Adobe Edge是一个用HTML5、CSS、java开发动态互动内容的设计工具。它的一个重要功能是web工具包界面,用于方便确保在不同浏览器中架构的一致性,此外,Adobe Edge还将整合TypeKit这样的字体服务。通过Edge设计的内容可以兼容iOS和Android设备,也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上。

  • 3. DevExtreme

    DevExtreme Complete Subion是性能最优的HTML5,CSS和Java移动开发框架,可以直接在Visual Studio集成开发环境,构建iOS,Android,Tizen和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件,并且提供源代码。目前,DevExtreme支持VS2010/2012/2013集成开发环境,兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移动平台,是Visual Studio开发人员开发跨平台移动产品的首选工具。

  • 4. JetBrains WebStorm

    WebStorm 是jetbrains公司旗下一款JavaScript开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaS IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

  • 5. Sencha Architect

    在开发移动和桌面应用的工具中,Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 Java应用,并实时预览。

  • 6、Initializr

    Initializr 是制作 HTML5 网站最好的入门辅助开发工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr 会为你生成代码简洁的可定制的网页模板。

  • 7、HTML5demos

    想知道你的浏览器是否支持 HTML5 Canvas 吗?想知道 Safari 是否可以运行简单的 HTML5 聊天客户端吗?HTML5demos 会告诉你每一个HTML5特性在哪些浏览器中支持。

  • 8、HTML5 Tracker

    想了解 HTML5的最新动向吗? 使用 HTML5 Tracker 吧,它可以跟踪 HTML5 最新修订信息。

  • 9、HTML5 visual cheat sheet

    想要快速超找一个标签或者属性吗?看看这个非常酷的速查手册吧,每个Web开发人员的必备。

  • 10、Switch To HTML5

    Switch To HTML5 是一个基础而实用的模板生成工具。如果你开始一个新项目,可以到这里获取免费的 HTML5 网站模板。

  • 11、HTML5 Test

    你浏览器准备好迎接 HTML5 革命了吗?HTML5 Test 将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。

  • 12、Lime JS

    LimeJS 是一个 HTML5 游戏开发框架,用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具,一定要用用试试。

2. html5链接到另一页面的指定标签页

如:
两个html页面。1.html,2.html

2.html

<html>
<head><title></title></head>
<body>
<iframe width="780" height=2000 marginwidth="0" scrolling="no" marginheight="0" align="top" name="main" frameborder="0" src="*.htm" >
</body>
</html>

***************************

1.html

<html>
<head><title></title></head>
<body>
/ ? /
</body>
</html>
*****************

2.html里的*.htm是任意的页面。如select1.html or select2.html or select3.html
要求:
1。在1.html设一个连接。点击后可传一内个参数给2.html,让其确定iframe指定容的是那一个连接。
2。用javascript,vbscript实现,如只用html就更好了。
3。不能用asp,jsp,php等实现。

3. 教您如何把flash转换为html5

1、在网络中搜索Magic Swf2Gif名称,在搜索结果中下载这款软件。

4. 有没有Flash转html5的插件

目前没有好的插件,但是可以在线转换:

转换地址:http://www.flash-to-html5.net/

5. 太级图用html5怎么写

<divclass="taiji"></div>
<style>
.taiji{
-webkit-animation:rotate2.5slinearinfinite;
-moz-animation:rotate2.5slinearinfinite;
-ms-animation:rotate2.5slinearinfinite;
-o-animation:rotate2.5slinearinfinite;
animation:rotate2.5slinearinfinite;
width:0;
height:200px;
border-left:solid#eee100px;
border-right:solid#356100px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
-webkit-box-shadow:0010px#356;
-moz-box-shadow:0010px#356;
-ms-box-shadow:0010px#356;
-o-box-shadow:0010px#356;
box-shadow:0010px#356;
margin:25pxauto;
position:relative;
}
.taiji::before,
.taiji::after{
position:absolute;
content:"";
display:block;
}
.taiji::before{
width:100px;
height:100px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
background-color:#356;
left:-50px;
top:0;
-webkit-box-shadow:0100px0#eee;
-moz-box-shadow:0100px0#eee;
-ms-box-shadow:0100px0#eee;
-o-box-shadow:0100px0#eee;
box-shadow:0100px0#eee;
}
.taiji::after{
width:25px;
height:25px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
background-color:#eee;
left:-12.5px;
top:37.5px;
-webkit-box-shadow:0100px0#356;
-moz-box-shadow:0100px0#356;
-ms-box-shadow:0100px0#356;
-o-box-shadow:0100px0#356;
box-shadow:0100px0#356;
}
@-moz-keyframesrotate{
from{
-moz-transform:rotate(0deg);
}
to{
-moz-transform:rotate(-360deg);
}
}
@-o-keyframesrotate{
from{
-o-transform:rotate(0deg);
}
to{
-o-transform:rotate(-360deg);
}
}
@-ms-keyframesrotate{
from{
-ms-transform:rotate(0deg);
}
to{
-ms-transform:rotate(-360deg);
}
}
@-webkit-keyframesrotate{
from{
-webkit-transform:rotate(0deg);
}
to{
-webkit-transform:rotate(-360deg);
}
}
@keyframesrotate{
from{
transform:rotate(0deg);
}
to{
transform:rotate(-360deg);
}
}
</style>

6. 就是自己做了一个html5的网站,想增加一个分享到朋友圈的功能

1、去找现成的插件就行了,搜索一个jiathis。这个目前很多都在用。

2、网络搜分享的js。

3、到青龙建站教程自学网找。

7. html5游戏开发工具常用的有哪几款

为大家推荐12款经常会用到的html5开发工具。

1、Adobe Dreamweaver CS6

Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动应用程序的网页设计软件。由于Dreamweaver支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页,对于初级人员,你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作!

2、Adobe Edge

Adobe Edge是一个用HTML5、CSS、Java开发动态互动内容的设计工具。它的一个重要功能是web工具包界面,用于方便确保在不同浏览器中架构的一致性,此外,Adobe Edge还将整合TypeKit这样的字体服务。通过Edge设计的内容可以兼容iOS和Android设备,也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上。

3、DevExtreme

DevExtreme Complete Subion是性能最优的HTML5,CSS和Java移动开发框架,可以直接在Visual Studio集成开发环境,构建iOS,Android,Tizen和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件,并且提供源代码。目前,DevExtreme支持VS2010/2012/2013集成开发环境,兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移动平台,是Visual Studio开发人员开发跨平台移动产品的首选工具。

4、JetBrains WebStorm

WebStorm 是jetbrains公司旗下一款JS开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaS IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

5、Sencha Architect

在开发移动和桌面应用的工具中,Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 Java应用,并实时预览。

6、Initializr

Initializr 是制作 HTML5 网站最好的入门辅助开发工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr 会为你生成代码简洁的可定制的网页模板。

7、HTML5demos

想知道你的浏览器是否支持 HTML5 Canvas 吗?想知道 Safari 是否可以运行简单的 HTML5 聊天客户端吗?HTML5demos 会告诉你每一个HTML5特性在哪些浏览器中支持。

8、HTML5 Tracker

想了解 HTML5的最新动向吗? 使用 HTML5 Tracker 吧,它可以跟踪 HTML5 最新修订信息。

9、HTML5 visual cheat sheet

想要快速超找一个标签或者属性吗?看看这个非常酷的速查手册吧,每个Web开发人员的必备。

10、Switch To HTML5

Switch To HTML5 是一个基础而实用的模板生成工具。如果你开始一个新项目,可以到这里获取免费的 HTML5 网站模板。

11、HTML5 Test

你浏览器准备好迎接 HTML5 革命了吗?HTML5 Test 将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。

12、Lime JS

LimeJS 是一个 HTML5 游戏开发框架,用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具,一定要用用试试。

8. 什么是HTML5的流元素

3.3.5了解元素类型

HTML5规范将元素分为三大类:元数据元素(metadataelement)、流元素(flowelement)和短语元素(phrasingelement)。

元数据元素用来构建HTML文档的基本结构,以及就如何处理文档向浏览器提供信息和指示。其说明见第7章。

另外两种元素略有不同,它们的用途是确定一个元素合法的父元素和子元素范围。短语元素是HTML的基本成分。第8章会介绍最常用的短语元素。流元素是短语元素的超集。这就是说,所有短语元素都是流元素,但并非所有流元素都是短语元素。

有些元素无法归入上述三种类型,这些元素要么没有什么特别的含义,要么只能用在一些非常有限的情况下。li元素就是受限元素的一个例子。它表示列表项,只能有三种父元素:ol(表示有序列表)、ul(表示无序列表)和menu(表示菜单)。该元素详见第9章。从第6章开始的所有元素说明都包含了元素所属类型的信息。

9. html5学习工具有哪些

工具/原料
Adobe Dreamweaver CS6
Adobe Edge
DevExtreme
JetBrains WebStorm
Sencha Architect
Initializr
HTML5demos
HTML5 Tracker
HTML5 visual cheat sheet
Switch To HTML5
HTML5 Test
Lime JS
12款程序员必备的HTML 5开发工具
1
1. Adobe Dreamweaver CS6
Dreamweaver CS6是世界顶级软件厂商推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动应用程序的网页设计软件。由于Dreamweaver支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页,对于初级人员,你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作!
2
2. Adobe Edge
Adobe Edge是一个用HTML5、CSS、Java开发动态互动内容的设计工具。它的一个重要功能是web工具包界面,用于方便确保在不同浏览器中架构的一致性,此外,Adobe Edge还将整合TypeKit这样的字体服务。通过Edge设计的内容可以兼容iOS和Android设备,也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上。
3. DevExtreme
DevExtreme Complete Subion是性能最优的HTML5,CSS和Java移动开发框架,可以直接在Visual Studio集成开发环境,构建iOS,Android,Tizen和Windows Phone 8应用程序。DevExtreme包含 PhoneJS 和 ChartJS 两个原生UI组件,并且提供源代码。目前,DevExtreme支持VS2010/2012/2013集成开发环境,兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移动平台,是Visual Studio开发人员开发跨平台移动产品的首选工具。
4. JetBrains WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaS IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。
5. Sencha Architect
在开发移动和桌面应用的工具中,Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发Sencha Touch2和Ext JS4 Java应用,并实时预览。
6、Initializr
Initializr 是制作 HTML5 网站最好的入门辅助开发工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr 会为你生成代码简洁的可定制的网页模板。
7、HTML5demos
想知道你的浏览器是否支持 HTML5 Canvas 吗?想知道 Safari 是否可以运行简单的 HTML5 聊天客户端吗?HTML5demos 会告诉你每一个HTML5特性在哪些浏览器中支持。
8、HTML5 Tracker
想了解 HTML5的最新动向吗? 使用 HTML5 Tracker 吧,它可以跟踪 HTML5 最新修订信息。
9、HTML5 visual cheat sheet
想要快速超找一个标签或者属性吗?看看这个非常酷的速查手册吧,每个Web开发人员的必备。
10、Switch To HTML5
Switch To HTML5 是一个基础而实用的模板生成工具。如果你开始一个新项目,可以到这里获取免费的 HTML5 网站模板。
11、HTML5 Test
你浏览器准备好迎接 HTML5 革命了吗?HTML5 Test 将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。
12、Lime JS
LimeJS 是一个 HTML5 游戏开发框架,用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具,一定要用用试试。