html5移動模板,html移動端模板

html5模板怎么使用？

1、啟動 Visual Studio 2010。

創新互聯公司-專業網站定制、快速模板網站建設、高性價比廈門網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式廈門網站制作公司更省心,省錢,快速模板網站建設找我們，業務覆蓋廈門地區。費用合理售后完善，十年實體公司更值得信賴。

2、在“文件”菜單中，依次選擇“新建”和“項目”。將打開“新建項目”對話框。在 Visual Basic 或 Visual C# 中選擇“WEB應用程序”，然后將其命名為“HTML5Template”。單擊“確定”。

3、在這個項目中添加下面這些文件。

兩個分別放置js和css的文件夾：css、js

HTML5基本模板頁：index.html

jQuery：jquery-1.4.2.min.js

Modernizr ：modernizr-1.5.min.js

HTML5 樣式文件：html5reset.css

使用html5開發移動端應用采用什么框架

隨著使用智能手機的人越來越多，手機網站開發項目也成為一種潮流。可是您知道機網站開發框架有幾種嗎?

1. LungoJS

這個是被認為開發移動網站最好的HTML5開發框架，使用 HTML5/CSS3 和 JavaScript 技術。可幫助創建基于 iOS、 Android、 Blackberry 和 WebOS 平臺的應用程序。該框架可利用當前移動設備的高級特性，可捕捉事件包括滑動、觸屏、長按等。無需使用圖片，全部采用向量聲稱。

Lungo.JS 無需服務器端支持，可幫助實現 HTML5 特性，包括 WebSQL、Geolocation、 History、 Device orientation 等等。這是一個完全可定制的框架，可用來創建應用、游戲等程序。

2.Kendo UI

Kendo UI是一個HTML5平臺，開發者利用它可以開發新穎的、交互的移動應用程序和網站。該框架提供了大量的動畫和豐富的拖拽功能、模板功能以及提供了將近10款客戶端常用的數據綁定小部件，如圖表、組合框以及常用表格。

3.Jo

該框架可以創建像本地一樣的應用，并且兼容任何操作系統，無論是Blackberry、iOS還是Android。并且提供許多HTML5小部件。使用它可以解決任何動畫設計方面的問題。

4.Sencha Touch

Sencha Touch是第一個基于HTML5的移動應用框架，利用JavaScript、HTML5和CSS3來構建移動應用程序，該框架利用本地代理存儲離線數據，具體使用HTML5來渲染視頻和音頻組件。

可以讓你的Web App看起來就像本地應用程序一樣。美麗的用戶界面組件和豐富的數據管理，全部基于最新的HTML5和CSS3的Web標準，全面兼容Android和Apple iOS設備。

5.52 Framework

52 Framework擁有16列的網格模板。該框架來自于CSS3樣式里的新“Selection”、陰影、圓角以及有效的HTML5標記。該框架還提供了一些特殊的腳本和樣式用于IE6。

6.LimeJS

LimeJS 是一個 JavaScript 游戲開發框架，用于快速構建運行于觸屏設備和桌面瀏覽器的游戲。允許開發者創建基于 HTML5 的游戲，支持主流瀏覽器包括iOS。

7. G5 Framework

如果你想要快速實現Web開發，并且想要重用ant主題或應用程序或網站項目，那么G5 框架是您最好的選擇，因為該框架旨在提升開發效率、減少代碼。該框架采用特色的PHP激活類、SEO優化技術。除了G5自身所帶的這些功能特性外，它還集成其他許多功能，例如Orbit Slider、CSS3 PIE、Reveal Modals、CSS3 Buttons和Tipsy Tooltips等。

8.jQuery Mobile

jQuery Mobile(jQueryMobile)是 jQuery在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平臺帶來jQuery核心庫，而且會發布一個完整統一的jQuery移動UI框架。支持全球主流的移動平臺。jQuery Mobile開發團隊說：能開發這個項目，我們非常興奮。移動Web太需要一個跨瀏覽器的框架，讓開發人員開發出真正的移動Web網站。我們將盡全力去滿足這樣的需求。

9.Phone Gap

PhoneGap是一個開源的開發框架，使用HTML，CSS和JavaScript來構建跨平臺的的移動應用程序。它使開發者能夠利用iPhone，Android，Palm，Symbian，Blackberry，Windows Phone和Beda智能手機的核心功能——包括地理定位，加速器，聯系人，聲音和振動等。

現在很多手機頁面都是用html5制作，html5有什么優勢？?

對于用戶來說，html5提高了用戶體驗，加強了視覺感受。

1、HTML5技術在移動端，能夠讓應用程序回歸到網頁，并對網頁的功能進行擴展，用戶不需要下載客戶端或插件就能夠觀看視頻、玩游戲，操作更加簡單，用戶體驗更好。

2、HTML5的視音頻新技術解決了移動端蘋果和安卓4.0+，對flash的支持問題。在視音頻方面，性能表現比flash要更好。

3、網頁表現方面，HTML5中的CSS3特效樣式、Canvas、webgl的介入，不僅加強了網頁的視覺效果，甚至能夠使用戶在網頁當中看到三維立體特效。

4、另外其跨平臺的特點，可以避免傳統移動終端上的Native App，開發者必須針對不同的操作系統進行研發工作的弊端，從時間和資金成本上講遠小于跨系統移植。

而且html5的語言簡單，容易學習。

現在國內已經出現一批html5頁面制作平臺，讓不懂編程的用戶也能自己制作。國內制作html5頁面的平臺出名的有maka.im和vxplo，maka.im通過選擇模板，添加效果、圖文即可完成制作，vxplo界面類似于photoshop，個性化程度高，但是操作比較復雜。"

html5 移動開源框架有哪些

很久以前整理了篇將手機網站做成手機應用的JS框架。時隔一年多，很多新的技術已經出現，下面再來總結下還有哪些框架是適合面向手機設備的開發的。

1、jQuery Mobile

jQuery Mobile 是 jQuery 在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平臺帶來jQuery核心庫，而且會發布一個完整統一的jQuery移動UI框架。支持全球主流的移動平臺。jQuery Mobile開發團隊說：能開發這個項目，我們非常興奮。移動Web太需要一個跨瀏覽器的框架，讓開發人員開發出真正的移動Web網站。

2、jQTouch

jQTouch 是一個 jQuery 的插件，主要用于手機上的 Webkit 瀏覽器上實現一些包括動畫、列表導航、默認應用樣式等各種常見UI效果的 JavaScript 庫。支持包括 iPhone、Android 等手機。

3、DHTMLX Touch

DHTMLX Touch是一個免費的HTML5/JavaScript框架，專門為觸摸屏設備而優化。為您帶來快速開發工藝精美的移動Web應用程序的能力。DHTMLX Touch UI Designer是一個可視化的編輯器用于構建移動用戶界面。它能夠幫您以最少的編碼構建一流的用戶界面。在其主頁上提供一些示例可以展示DHTMLX Touch強大的用戶界面。包括一個menu app for the iPad (適用于開發餐廳應用) 和Book Shop (一個電子書店應用)。

4、Mobilize.js

Mobilize.js是一個開源的HTML5-JavaScript框架用于從任何現在有標準網站快速，簡便地構建移動網站。這個框架其實就是將需要在移動設備上顯示的部分頁面以jQuery Mobile的默認主題顯示，而不是實現一個全新完整的移動頁面。Mobilize.js 可用于任意網站，但對于基于WordPress和Sphinx的網站不需要使用該框架轉換，因為已經有非常多的插件可以使用。

5、The M Project

The-M-Project是另外一個強大的JavaScript框架，它利用HTML5新的特性來更好和更簡便地開發移動應用。這個框架遵循著名的MVC軟件架構模式。它還支持離線，所以你的用戶可以在沒有連接網絡的情況下繼續操作(當下次有連線的時候，再將數據同步到服務器中)。提供優秀的文檔(這個項目擁有一個引導新用戶入門的開發指南)。可以查看提供的示例來對該項目有一個初目的了解。這些示例包括：ToDo App(待辦事項目應用) 和 KitchenSink (這個示例包括這個框架提供的所有UI元素)。

6、WebApp.Net

WebApp.Net 提供了很多的 API，因此可以幫助你節省很多工作了。不需要花時間去進行 Ajax 調用的編碼，因為已經內置了，另外還有很多其它內置功能，提供了詳細的文檔和應用演示。

7、Wijmo

Wijmo是一個基于jQuery UI的UI部件的套件。Wijmo部件進行了優化客戶端Web開發和利用jQuery的優越的性能和易用性的力量。所有的Wijmo部件都配備了20多個主題和支持ThemeRoller。

8、960 Grid on jQuery-Mobile

jquery-mobile-960 是一個用于移動 Web 開發的網格框架，綜合了 960.gs 的靈活性和 jQuery Mobile 的方便性。它的目的是讓 jQuery Mobile 布局更加的靈活，使得應用應許在移動終端更加易用。

9、Sencha Touch Framework

Sencha Touch 是世界上第一個基于 HTML5 的移動 Web 開發框架，支持最新的 HTML5 和 CSS3 標準，全面兼容 Android 和 Apple iOS 設備，提供了豐富的 WEB UI 組件，可以快速的開發出運行于移動終端的應用程序。Shencha是第一個使用HTML5，CSS和JavaScript并且支持音頻/視頻，本地存儲，圓角，漸變背景以及陰影的開發框架。

10、NimbleKit

NimbleKit 是為 iOS 設備構建應用程序最快速的方式，你不需要知道 Objective-C 或者 iOS SDK，你只需結合 JavaScript 代碼編寫 HTML 頁面就可以了。

11、Touchy? Boilerplate

Touchy Boilerplate 是一個用來創建移動web app，包括HTML模板，Meta tag等的工具。Touchy可以支持動態頁面導航，固定頁頭，滾動內容，瀏覽歷史記錄等功能。Touchy使用jQuery或者 Zepto.JS。

12、PhoneGap

PhoneGap是一個用基于HTML，CSS和JavaScript的，創建移動跨平臺移動應用程序的快速開發平臺。它使開發者能夠利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手機的核心功能——包括地理定位，加速器，聯系人，聲音和振動等，此外PhoneGap擁有豐富的插件，可以以此擴展無限的功能。PhoneGap是免費的，但是它需要特定平臺提供的附加軟件，例如iPhone的iPhone SDK，Android的Android SDK等，也可以和DW5.5配套開發。使用PhoneGap只比為每個平臺分別建立應用程序好一點點，因為雖然基本代碼是一樣的，但是你仍然需要為每個平臺分別編譯應用程序。

13、joshfire

Joshfire是一個開源的跨設備開發框架，幫助開發者創建可以在多種設備上運行的web app。它使用HTML5和JavaScript，并且允許開發者快速整合本地應用和特定的web應用。Joshfire可以讓你的應用接受鍵盤，鼠標，觸摸屏，遙控器等設備的輸入。Joshfire支持Node.JS。4.Sencha Touch：基于HTML5的移動網頁開發框架。

14、 Julia

Julia框架由基本CSS3文件、JS庫和各個平臺的運行庫構成。不像PhoneGap，Julia不僅僅包含調用本機代碼的接口層，它還包含 Model-View-Controller(MVC)支持，Delegation支持，OAuth支持，異步數據庫存取接口，HTML選擇符(類jQuery調用接口)，HTML模版(允 許嵌入JS代碼)等應用開發必備的API接口。 基于Julia的應用開發就像網站開發那么簡單，是的，你終于可以用HTML5開發一個完整的、跨平臺 的、不亞于本機代碼的、易于維護的移動應用了！大幕即將揭曉，讓我們一起進入移動開發的新時代

15、SproutCore HTML5 Application Framework

SproutCore 是一個 HTML5 移動 Web 開發框架，它的目標是在無需瀏覽器插件的情況下，在瀏覽器中位應用程序提供極佳的桌面效果。

16、Titanium

這是一個強大的，健壯的移動Web開發框架。能夠讓使用現有的HTML, CSS和JavaScript知識來為 iOS和Android平臺開發原生移動應用。作為一個越來越大的移動Web框架，它擁有超過300個的APIs和活躍的開發者社區。你從這個社區中得到每一個開發人員的幫助。Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能夠與移動設備的攝像頭和本地文件存儲系統相交互的特性。

17、Lungo.js

Lungo.js 是一個采用HTML5, CSS3 和JavaScript技術實現的移動Web應用程序開發框架。利用這框架開發的應用程序可運行所有流行的平臺包括：iOS, Android, Blackberry 和 WebOs。它還支持觸摸事件如：tap, double-tap和swipe。整個框架沒有用到任何圖片包括圖標，所有都矢量化。可以在這個框架中使用HTML5擁有的一些特性如：WebSQL, 地理位置定位，歷史或設備方向等。Lungo.js是一個模塊化并且完全可定制的框架。

18、xui.js

有時候你可能需要一個超輕量級的框架，只要擁有用于開發標準客戶端所需要的功能如：DOM操作，事件處理，Ajax和一些動畫效果。如果是這樣的話，這個框架剛好非常適合你。整個框架采用GZIP壓縮完之后只有4.2 KB。

19、EmbedJS

EmbedJS是一個用于嵌入式設備的JavaScript框架如：移動電話，TVs、tablets和so forth。EmbedJS強大之處在于，它擁有專門為特定平臺和瀏覽器如iOS, Firefox, Android等提供相應的開發版本。這樣就能夠以最少的代碼，為用戶提供最佳的體驗。而且假如你喜歡自己定制，可以利用其提供的EmbedJS Build tool工具實現。EmbedJS基于Dojo實現，所以你如果熟悉Dojo API語法，那EmbedJS將是你最佳的選擇。

20、zepto.js

zepto.js是一個專為mobile WebKit瀏覽器(如：Safari和Chrome)而開發的一個JavaScript框架。它標榜自己在其簡約的開發理念，能夠幫助開發人員簡單、快速地完成開發交付任務。更重要的是這個JS框架，是超輕量級的，只有5KB。zepto.js的語法借鑒并且兼容jQuery。

21、Baker

Baker是用來在iPad或者iPhone平臺上發布交互式的電子書或者電子雜志的HTML5電子書框架。

22、ChocolateChip-UI

ChocolateChip-UI 是一個手機移動 Web 開發框架，采用 HTML5, WAML, CSS 和 JavaScript等技術實現。基于 ChocolateChip JavaScript 框架，包含最新的 ChUI.JS 和 ChUI.css.

23、Magazine Grid

Magazine Grid 是一個超現代的 CSS 框架，用于 iPad 和 iPhone 手機，使用類似雜志的設計風格。Magazine Grid 可讓用戶使用 HTML5 元素來組織雜志頁，非常輕量級(4k)，在移動設備上加載非常快，對老的瀏覽器也支持。

24、Kendo UI

Kendo UI是一個強大的框架用于快速HTML5 UI開發。基于最新的HTML5、CSS3和JavaScript標準。 Kendo UI包含了開發現代JavaScript開發所需要的所有一切，包括：強大的數據源，通用的拖拉(Drag-and-Drop)功能，模板，和UI控件。

25、HTML App Host Framework

這是一個用于構建基于 Windows Phone 7 的 HTML/JavaScript 托管框架，使用 HTML5 技術。該框架由支持在標準 xap 格式中嵌入 html 應用的控件。

HTML5移動網頁的設計稿尺寸應該是多少

HTML5的移動端網頁設計稿，通常情況下，內容區為750px或960px或者1080px的，一般不小于750px像素大小（寬度）

設計稿可以比750px大，但是絕對不能比750px小，這個主要是由于當前手機的分辨率相對較高（iPhone 6是375物理像素，但實際像素為其兩倍，也就是750，這個750就是這么來的）

如果設計圖稿過小，前端在實現圖稿的時候里面的圖片大小在高分辨率的情況下會顯得模糊不清，所以這也是為何要“大”分辨率

此外需要注意的是，要保證頁面的基準字體大小，在320px的設計稿當中，最小字體不宜小于12像素，其他像素的設計稿當中，等比例換算即可（12/320px*設計稿像素值）

分享文章：html5移動模板,html移動端模板
文章起源：http://m.kartarina.com/article2/dseeoic.html

成都網站建設公司_創新互聯，為您提供外貿網站建設、網站設計公司、App開發、品牌網站設計、網站維護、網站排名

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯