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開發工具,一定要用用試試。