本篇文章給大家談?wù)刪tml5app開發(fā)實(shí)例，以及對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

如何用html5開發(fā)wap版實(shí)例

下面列舉HTML5適合移動(dòng)應(yīng)用開發(fā)的幾大特性：

1.離線緩存為HTML5開發(fā)移動(dòng)應(yīng)用提供了基礎(chǔ)

HTML5 Web Storage API可以看做是加強(qiáng)版的cookie，不受數(shù)據(jù)大小限制，有更好的彈性以及架構(gòu)，可以將數(shù)據(jù)寫入到本機(jī)的ROM中，還可以在關(guān)閉瀏覽器后再次打開時(shí)恢復(fù)數(shù)據(jù)，以減少網(wǎng)絡(luò)流量。

同時(shí)，這個(gè)功能算得上是另一個(gè)方向的后臺(tái)“操作記錄”，而不占用任何后臺(tái)資源，減輕設(shè)備硬件壓力，增加運(yùn)行流暢性。

在線app支持邊使用邊下載離線緩存，或者不下載離線緩存；而離線app必須是下載完離線緩存才能使用。

形象點(diǎn)說，cookie就是存了電話和菜單，想吃什么要叫外賣，等多長(zhǎng)時(shí)間才能吃到就得看交通情況了；離線緩存就是直接在冰箱里存了食物，想吃就能馬上吃到（當(dāng)然，想吃最新的食物同樣可以打電話預(yù)定）。

設(shè)計(jì)師要知道，什么時(shí)候讓用戶下載離線緩存（注意在線和離線app的區(qū)別）。

2.音頻視頻自由嵌入，多媒體形式更為靈活

原生開發(fā)方式對(duì)于文字和音視頻混排的多媒體內(nèi)容處理相對(duì)麻煩，需要拆分開文字、圖片、音頻、視頻，解析對(duì)應(yīng)的URL并分別用不同的方式處理。

HTML5在這個(gè)方面完全不受限制，可以完全放在一起進(jìn)行處理。

設(shè)計(jì)師要知道，如果新聞?lì)?、微博類、社交類?yīng)用的信息呈現(xiàn)中實(shí)現(xiàn)文字與多媒體混排，而不用專門嵌入webview，將是一件多美好的事情，至少現(xiàn)在原生方式實(shí)現(xiàn)起來還有困難。

3.地理定位，隨時(shí)隨地分享位置

充分發(fā)揮移動(dòng)設(shè)備對(duì)定位上的優(yōu)勢(shì)，推動(dòng)LBS應(yīng)用發(fā)展。

可以綜合使用GPS、wifi、手機(jī)等方式讓定位更為精準(zhǔn)、靈活。

地理位置定位，讓定位和導(dǎo)航不再專屬導(dǎo)航軟件，地圖也不用下載非常大的地圖包，可以通過緩存來解決，到哪兒下哪兒，更靈活。

設(shè)計(jì)師要知道，現(xiàn)在嵌入LBS功能的應(yīng)用越來越多，這也是移動(dòng)設(shè)備與臺(tái)式PC相比最大的優(yōu)勢(shì)之一，HTML5能把這個(gè)優(yōu)勢(shì)再度擴(kuò)大化，好好想想怎么在你設(shè)計(jì)的應(yīng)用里用上吧！

4.Canvas繪圖，提升移動(dòng)平臺(tái)的繪圖能力

使用Canvas API可以簡(jiǎn)單繪制熱點(diǎn)圖收集用戶體驗(yàn)資料

支持圖片的移動(dòng)、旋轉(zhuǎn)、縮放等常規(guī)編輯

Canvas – 2D的繪圖功能支持

Canvas 3D – 3D的繪圖功能支持

SVG – 向量圖支援

設(shè)計(jì)師要知道，圖片的移動(dòng)、旋轉(zhuǎn)、縮放？那都太基礎(chǔ)了，自己畫都是小case，至于怎么用，好好想想吧！

5.專為移動(dòng)平臺(tái)定制的表單元素

瀏覽器中出現(xiàn)的html5表單元素與對(duì)應(yīng)的鍵盤：

類型 用途 鍵盤

Text 正常輸入內(nèi)容 標(biāo)準(zhǔn)鍵盤

Tel 電話號(hào)碼 數(shù)字鍵盤

Email 電子郵件地址文本框 帶有@和.的鍵盤

url 網(wǎng)頁的URL 帶有.com和.的鍵盤

Search 用于搜索引擎，比如在站點(diǎn)頂部顯示的搜索框 標(biāo)準(zhǔn)鍵盤

range 特定值范圍內(nèi)的數(shù)值選擇器，典型的顯示方式是滑動(dòng)條 滑動(dòng)條或轉(zhuǎn)盤

只需要簡(jiǎn)單的聲明 input type=”email” 即可完成對(duì)不同樣式鍵盤的調(diào)用，簡(jiǎn)捷方便。

設(shè)計(jì)師要知道，用的時(shí)候記得告訴研發(fā)同事一聲！

html5是什么干什么的

HTML的全稱是超文本標(biāo)記語言，是一種標(biāo)記語言。它包括一系列標(biāo)簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個(gè)邏輯整體。HTML是由HTML命令組成的描述性文本，可以解釋文字、圖形、動(dòng)畫、聲音、表格、鏈接等。Html是一種用來描述網(wǎng)頁的語言。它被稱為超文本標(biāo)記語言，它是一種標(biāo)記語言。它包括一系列標(biāo)簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個(gè)邏輯整體。

HTML5開發(fā)需要學(xué)習(xí)哪些內(nèi)容

首先不建議自學(xué)，慢，有問題不知道如何解決，很快就會(huì)失去耐心和信心

其次軟件開發(fā)是有很多分類的，如果你偏重應(yīng)用軟件，不需要從最基礎(chǔ)的東西學(xué)起。比如什么編譯原理、計(jì)算機(jī)原理等等都不用學(xué)

再次軟件開發(fā)屬于多學(xué)科整合，需要相關(guān)知識(shí)。比如做游戲開發(fā)起碼要會(huì)打游戲，知道一般應(yīng)該怎么操作才好開發(fā)。比如做財(cái)務(wù)軟件，應(yīng)該有基本的財(cái)務(wù)知識(shí)，不然只做個(gè)收入減支出，不能真正實(shí)用。

最后搞軟件開發(fā)是有捷徑的。先看下書，對(duì)照開發(fā)工具有個(gè)最基本概念。然后找本有實(shí)例的書，邊學(xué)邊練，第三步從網(wǎng)上找別人編好的源代碼，分析學(xué)習(xí)，加深概念。很快就能初步掌握開發(fā)技巧，然后邊實(shí)踐邊學(xué)習(xí)，就改變了枯燥的背語法、背函數(shù)的學(xué)習(xí)方式。

如何利用html5開發(fā)android界面

H5開發(fā)安卓界面需要注意以下三點(diǎn)：

（上）包括Android設(shè)備多分辨率的問題，Android中構(gòu)建HTML5應(yīng)用程序基礎(chǔ)

（中）包括Android與JS之間的互動(dòng)，Android處理JS的警告對(duì)話框等，Android中的調(diào)試

（下）包括本地儲(chǔ)存在Android中的應(yīng)用，地理位置的應(yīng)用，離線應(yīng)用的構(gòu)建

進(jìn)入正題

● Android設(shè)備多分辨率的問題

Android瀏覽器默認(rèn)預(yù)覽模式瀏覽 會(huì)縮小頁面 WebView中則會(huì)以原始大小顯示

Android瀏覽器和WebView默認(rèn)為mdpi。hdpi相當(dāng)于mdpi的1.5倍 ldpi相當(dāng)于0.75倍

三種解決方式：1 viewport屬性 2 CSS控制 3 JS控制

1 viewport屬性放在HTML的meta中

html代碼：

span style="font-size: x-small;" head

titleExmaple/title

meta name=”viewport” content=”width=device-width,user-scalable=no”/

/head/span

meta中viewport的屬性如下：

span style="font-size: x-small;" meta name="viewport"

content="

height = [pixel_value | device-height] ,

width = [pixel_value | device-width ] ,

initial-scale = float_value ,

minimum-scale = float_value ,

maximum-scale = float_value ,

user-scalable = [yes | no] ,

target-densitydpi = [dpi_value | device-dpi |

high-dpi | medium-dpi | low-dpi]

"

/

/span

2 CSS控制設(shè)備密度

為每種密度創(chuàng)建獨(dú)立的樣式表（注意其中的webkit-device-pixel-ratio 3個(gè)數(shù)值對(duì)應(yīng)3種分辨率）

html代碼：

link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="hdpi.css" /

link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="mdpi.css" /

link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 0.75)" href="ldpi.css" /

3 JS控制

Android瀏覽器和WebView支持查詢當(dāng)前設(shè)別密度的DOM特性

window.devicePixelRatio 同樣值有3個(gè)（0.75,1,1.5對(duì)應(yīng)3種分辨率）

JS中查詢?cè)O(shè)備密度的方法

js代碼：

if (window.devicePixelRatio == 1.5) {

alert("This is a high-density screen");

} else if (window.devicePixelRation == 0.75) {

alert("This is a low-density screen");

}

Android中構(gòu)建HTML5應(yīng)用

使用WebView控件 與其他控件的使用方法相同 在layout中使用一個(gè)WebView標(biāo)簽

WebView不包括導(dǎo)航欄，地址欄等完整瀏覽器功能，只用于顯示一個(gè)網(wǎng)頁。

html5如何做APP？

我推薦你去下載一個(gè)HBuilder，里面自帶mui開發(fā)框架和demo示例。

只要你直接新建一個(gè)移動(dòng)APP項(xiàng)目，然后選擇mui模板，根據(jù)示例你可以自己開發(fā)自己的APP；

mui里面的功能很接近安卓、蘋果的功能，滑動(dòng)、重力傳感、測(cè)速等功能mui功能已經(jīng)封裝好了，你只要調(diào)用就行了

html5實(shí)訓(xùn)心得

從某件事情上得到收獲以后，就很有必要寫一篇心得體會(huì)，這樣有利于培養(yǎng)我們思考的習(xí)慣。那么心得體會(huì)怎么寫才恰當(dāng)呢？以下是我收集整理的html5實(shí)訓(xùn)心得，希望能夠幫助到大家。

html5實(shí)訓(xùn)心得 篇1

風(fēng)塵仆仆的來到了大連，來參加匯博組織的HTML5培訓(xùn)，從HTML5基礎(chǔ)講起，起初并不以為然，想這HTML這個(gè)平常上課也經(jīng)常接觸到的東西，但是聽完第一堂課后，

后面的興趣越來越濃厚，尤其是講到HTML5的新特性時(shí)候，講到canvas畫布時(shí)候，突然感覺HTML的功能遠(yuǎn)遠(yuǎn)超出了我的想象，超出了我的預(yù)期，當(dāng)自己做完第一個(gè)實(shí)例的時(shí)候，就想以后一定要把這個(gè)充滿未來潛力的東西傳到學(xué)校，學(xué)生一定會(huì)感興趣。

當(dāng)老師簡(jiǎn)單講完CSS和JS時(shí)候，然后將HTML5+CSS+JS結(jié)合起來的時(shí)候，就感覺這是個(gè)強(qiáng)大無比的組合，不次于使用C#在VS平臺(tái)上實(shí)現(xiàn)的功能。

尤其是其在游戲和動(dòng)畫上的效果，使得頁面可以輕松拋棄Flash的枷鎖也同樣能夠?qū)崿F(xiàn)強(qiáng)大的動(dòng)畫效果。

最后一天Intel的老師講到如何將HTML5的APP上傳到不同平臺(tái)的應(yīng)用商店時(shí)候，這時(shí)候就更感到自己學(xué)到的東西有意義了。

不像以前單純教學(xué)，為了完成教學(xué)任務(wù)而教學(xué)，通過應(yīng)用的上傳，可以更加鼓勵(lì)學(xué)生的積極性，激發(fā)他們的學(xué)習(xí)動(dòng)力，嗯，不錯(cuò)的思路，把這個(gè)思路用在教學(xué)上，一定能有所收獲，學(xué)生一定能感興趣。

這次培訓(xùn)對(duì)于自己在今后教學(xué)過程中提出了一個(gè)新的思路，我們的教學(xué)可以找到學(xué)生的興趣點(diǎn)，像歐美國(guó)家教育環(huán)境那樣能夠激發(fā)出學(xué)生自身的興趣，而這個(gè)激發(fā)就需要我們老師和企業(yè)共同想辦法能為學(xué)生由被動(dòng)學(xué)習(xí)變?yōu)橹鲃?dòng)激發(fā)資深興趣去學(xué)習(xí)。

這才是最重要的，才能培養(yǎng)出高質(zhì)量人才。

總之，感謝Intel，感謝微軟，感謝匯博給我們提供了這次培訓(xùn)，期待下次培訓(xùn)。

html5實(shí)訓(xùn)心得 篇2

一、了解HTML5前端開發(fā)技術(shù)

HTML指的是超文本標(biāo)記語言(Hyper Text Markup Language)，標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)，HTML使用標(biāo)記標(biāo)簽來描述網(wǎng)頁。

HTML5區(qū)別于HTML的標(biāo)準(zhǔn)，基于全新的規(guī)則手冊(cè)，提供了一些新的元素和屬性，在web技術(shù)發(fā)展的過程中成為新的里程碑。

HTML5被推廣用于Web平臺(tái)游戲開發(fā)，及手機(jī)移動(dòng)領(lǐng)域，國(guó)內(nèi)，騰訊手機(jī)QQ瀏覽器、WEBQQ、QQLive，手機(jī)新浪，優(yōu)酷視頻等都在支持HTML5。

從市場(chǎng)來看，無論是桌面應(yīng)用還是移動(dòng)應(yīng)用，HTML5都是當(dāng)下Web技術(shù)中最炙手可熱的新寵，是創(chuàng)新的主旋律，在不久的時(shí)間里一定會(huì)大有作為。

二、課程能讓你學(xué)到什么?

從前端開發(fā)的基礎(chǔ)出發(fā)，學(xué)習(xí)使用HTML，CSS，JavaScript等一系列前端技術(shù)，實(shí)現(xiàn)動(dòng)畫特效。

以開發(fā)實(shí)例展示為主導(dǎo)，循序漸進(jìn)讓學(xué)員掌握HTML5技術(shù)的應(yīng)用。

強(qiáng)化學(xué)員基礎(chǔ)，尤其是要針對(duì)JavaScpript基礎(chǔ)的強(qiáng)化從而掌握HTML5新功能API。

構(gòu)建開放的教學(xué)環(huán)境，鼓勵(lì)相互的技術(shù)交流，讓學(xué)員樹立良好的持續(xù)學(xué)習(xí)態(tài)度，分享最新前端技術(shù)革新和理念。

為學(xué)員在這一領(lǐng)域能有進(jìn)一步的發(fā)展和造詣提供幫助和機(jī)遇。

三、勝任的崗位:

前端開發(fā)工程師，Web開發(fā)工程師，JS/AJAX工程師，人機(jī)交互設(shè)計(jì)師

四、培訓(xùn)模式:

項(xiàng)目開發(fā)實(shí)訓(xùn)+網(wǎng)絡(luò)課程

前端培訓(xùn)課程不是輕松聽課就可以，而是必須能動(dòng)手操作，達(dá)到熟練使用的要求和效果，為了保證學(xué)習(xí)效果，課程以理論和實(shí)例相結(jié)合的方式進(jìn)行授課。

除了上課后，學(xué)員還可以通過網(wǎng)絡(luò)課程對(duì)知識(shí)進(jìn)行課前預(yù)習(xí)和課后鞏固，學(xué)會(huì)并掌握是學(xué)員要達(dá)到的目標(biāo)。

html5實(shí)訓(xùn)心得 篇3

通過近一個(gè)多月的對(duì)HTML的學(xué)習(xí)，我們已經(jīng)能夠熟練得使用HTML中的一些常用的標(biāo)簽以及頁面的布局，我們這一期的課程安排只是要我們能夠初步熟悉HTML。

所以書本上的介紹也很詳細(xì)。

第一章主要介紹了HTML的主要結(jié)構(gòu)，以及一些基本的標(biāo)簽，這一章需要記的東西稍多一點(diǎn)，因?yàn)槊總€(gè)標(biāo)簽都要記它的用法和單詞。

我覺得這一章最好玩的標(biāo)簽應(yīng)該就算是“marquee”這個(gè)標(biāo)簽了，因?yàn)樗梢允刮淖只驁D片動(dòng)起來。

第二章整個(gè)章節(jié)都是在介紹表格的用法。

表格在網(wǎng)頁設(shè)計(jì)中很重要，它可以算是整個(gè)頁面布局的半個(gè)靈魂(因?yàn)楹竺孢€有一個(gè)DIV)。

這一章不光要了解表格的建立方式，還要了解表格中涉及到的一些屬性及其用法。

另外我覺得學(xué)好這一章為我們以后借鑒別人的作品也很有幫助。

第三章主要介紹了兩個(gè)部分，一個(gè)是表單，在表單里涉及到了幾個(gè)控件，如:文本框，密碼框，單選按鈕，復(fù)選框，下拉列表框，多行文本，提交按鈕和重置按鈕。

這些為我們以后什么登錄系統(tǒng)時(shí)很有幫助。

這一章的另一個(gè)部分是框架，框架可以實(shí)現(xiàn)網(wǎng)頁局部的刷新。

第四章又是這一本書的另一個(gè)重點(diǎn)，就是CSS樣式表。

網(wǎng)頁就是一個(gè)門面，做為門面當(dāng)然要漂亮，而CSS樣式就是來裝扮門面的彩妝。

樣式表可以實(shí)現(xiàn)網(wǎng)頁編碼和美工的分離這樣即方便了編碼人員的修改又方便了后來人員對(duì)代碼的閱讀，同時(shí)他還可以實(shí)現(xiàn)一些很炫的效果，

例如鼠標(biāo)停在某個(gè)超鏈接上時(shí)超鏈接的背景發(fā)生變化，設(shè)置文字有背景色，霧狀顯示圖片等。

第五章和第六章主要是介紹了一個(gè)設(shè)計(jì)工具-Dreamweave，它是一款可視化的編寫工具，并且提供一些控件，這就很大程度上方便了網(wǎng)頁的編碼量。

當(dāng)然在第四章中還介紹到了DIV層的使用，這個(gè)也是很重要的。

上面說到表格是頁面布局的半個(gè)靈魂，現(xiàn)在表格+DIV就是頁面布局的整個(gè)靈魂。

可見DIV的重要性，當(dāng)頁面部局規(guī)則的話可以使用表格，當(dāng)頁面部局不規(guī)則的話我們的DIV就要登場(chǎng)了。

另外在第五章中還介紹了一些IIS的配置和網(wǎng)站發(fā)布的方法。

HTML可以說是許多門語言的基礎(chǔ)，因?yàn)楹退诘木陀泻芏?，?XML、SHTML……。

甚至近幾年剛出現(xiàn)的ajax技術(shù)也是使用HTML進(jìn)行編寫的。

隨著B/S模式系統(tǒng)的發(fā)展，HTML也就成為了作為一個(gè)IT人必須要掌握的語言。

剛開始學(xué)這門語言的時(shí)候老師要我們?cè)谟浭卤纠锩鎸?，現(xiàn)在想起來確實(shí)是很必要的，因?yàn)橛辛四菢拥囊欢谓?jīng)歷你才會(huì)記住那些以前看上去讓人眼花繚亂的標(biāo)記，以前見過一些人打開記事本就寫代碼，讓人覺得有點(diǎn)高不可攀，現(xiàn)在想來也只能自嘲的笑笑罷了。

小事加小事要合理安排才能成大事，我把這一個(gè)多月里的每一天用表格和層進(jìn)行了布局。

也許只做一塊感受很簡(jiǎn)單，但如果是一整頁呢?結(jié)束時(shí)的項(xiàng)目實(shí)戰(zhàn)和網(wǎng)頁設(shè)計(jì)大賽還真讓我頭痛了一把，另外還總遇到些“奇怪”的問題，什么表格拖不了了，布局沒問題，瀏覽就出問題了……

原來要裁一件漂亮的“衣服”還真難呀!

這一個(gè)多月過得還是很有趣。

總會(huì)遇到一些奇怪的小錯(cuò)誤，然后一堆人去那兒抱頭苦思，最后發(fā)現(xiàn)原來少了一個(gè)尖括號(hào),嚴(yán)密的邏輯思維和對(duì)思節(jié)的注意是對(duì)作為一個(gè)IT人的基本要求。

我覺得編程很有趣，尤其是做出一個(gè)程序后會(huì)覺得很有成就感。

所以我會(huì)努力。

html5實(shí)訓(xùn)心得 篇4

時(shí)光飛逝，轉(zhuǎn)眼間在千鋒學(xué)習(xí)html5開發(fā)生活半年了，如今學(xué)成畢業(yè)找到心儀的工作，最要感謝的莫過于千鋒了。

起初剛來千鋒還是有些不適應(yīng)，習(xí)慣了大學(xué)散漫的生活，突然正經(jīng)的按時(shí)上課，每天學(xué)習(xí)那么久的時(shí)間，覺得好累，還記得第一天上完課完成作業(yè)是21:15，那時(shí)候我感觸特別深，上了3年的大學(xué)都從沒有認(rèn)真學(xué)習(xí)到這個(gè)點(diǎn)的時(shí)候，真是奇跡，當(dāng)時(shí)還興奮的不行，覺得不可思議，直到后來，在千鋒的學(xué)習(xí)，才知道這是家常便飯，也習(xí)以為常。

從起初的不適應(yīng)覺得不現(xiàn)實(shí)，到如今的每天主動(dòng)學(xué)習(xí)，到關(guān)教學(xué)樓才會(huì)回寢室，這對(duì)于我來說就是從一個(gè)學(xué)渣逆襲成為學(xué)霸，千鋒成就了我。

有緣遇見，助教華哥盡職盡責(zé)

來到千鋒先認(rèn)識(shí)的就是我們26班的助教華哥，其實(shí)來千鋒學(xué)習(xí)最終收獲滿意的成果最要感謝的莫過于華哥了，初入千鋒遠(yuǎn)離家人，不懂不會(huì)的好多，華哥都會(huì)盡心盡力的幫我們解決，無論生活還是學(xué)習(xí)，就是我們的大哥哥，帶領(lǐng)我們學(xué)習(xí)，還記得當(dāng)初有問題，問華哥，為我們改問題找錯(cuò)到好晚，

一直陪著我們學(xué)習(xí)，9.30下晚自習(xí)就可以回去休息的他，每天陪我們到關(guān)教學(xué)樓，是班級(jí)最后一個(gè)走的人，周六我們上自習(xí)，還來陪我們給我們解決問題。

用自己休息的時(shí)間來帶我們，真的是盡心盡力，從未遇見這么負(fù)責(zé)的老師。

后來來到了32班，又有緣遇見華哥，那時(shí)候正是3階段，最關(guān)鍵的時(shí)候，華哥每天晚自習(xí)考我們面試題，給我們講面試題，讓我們找到一個(gè)好工作，真是盡職盡責(zé)。

昨日的付出，才有今日的成績(jī)

還記得我們不學(xué)好不會(huì)你認(rèn)真講解的樣子，還記得我們貪玩不認(rèn)真，你跟我們著急生氣的樣子，還記得我們拿到心儀的offer，你高興的樣子，還記得太多太多，都是你帶給我們的，沒有你當(dāng)初陪我們激勵(lì)我們學(xué)習(xí)，也就沒有今天的我們，在此特別感謝華哥。感謝千鋒的老師。

還記得做項(xiàng)目期間cookie不會(huì)，想抄以前的代碼改一改，高老師就坐在我旁邊，一步一步的教我怎么寫，直到我自己寫出來為止，我回來為止。

在我自己想放棄的時(shí)候，高老師都沒有放棄我，而是帶著我，一步一步的講解，耐心的給我教會(huì)，也讓我重拾了信心，還有鵬哥，知道我們幾個(gè)人基礎(chǔ)差，每次講完課都會(huì)下來問一遍學(xué)會(huì)了沒有，沒聽懂就再講一遍，一遍不會(huì)講兩遍，午休給我們講，晚自習(xí)還給我們講，直到我們學(xué)會(huì)了為止。

盡心盡力從無怨言。

真的有你們昨日的付出，才有我們今日的成績(jī)。

感謝遇見這樣的團(tuán)隊(duì)，這樣的老師。

如今，已完成這半年的艱苦奮斗，終于‘修成正果’。

找到理想的工作，是千鋒成就了我，給了我希望，給了我未來。

在這里特別向千鋒致敬，感謝有這么負(fù)責(zé)的教育機(jī)構(gòu)，同時(shí)希望千鋒越來越好，培養(yǎng)出更多的人才。

html5實(shí)訓(xùn)心得 篇5

HTML5在網(wǎng)頁開發(fā)上，賦予網(wǎng)頁更好的意義和結(jié)構(gòu)，更加豐富的標(biāo)簽將隨著對(duì)RDFa的，微數(shù)據(jù)與微格式等方面的支持，構(gòu)建對(duì)程序、對(duì)用戶都更有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)的Web。北京恒泰博遠(yuǎn)軟件開發(fā)公司對(duì)HTML5的解釋是，為開發(fā)者提供了一個(gè)跨平臺(tái)的移動(dòng)apps開發(fā)方案，并且該方案具有很好的擴(kuò)展性和靈活性。

由目前it行業(yè)使用html5開發(fā)app來看，如今國(guó)內(nèi)使用html5開發(fā)app應(yīng)用技術(shù)尚有欠缺，因?yàn)樵谑謾C(jī)開發(fā)app上，html5應(yīng)用只有兩種方法，要不就是全使用HTML5的語法，要不就是僅使用JavaScript引擎。

JavaScript引擎的構(gòu)建方法讓制作手機(jī)網(wǎng)頁游戲成為可能。由于界面層很復(fù)雜，已預(yù)訂了一個(gè)UI工具包去使用。

純HTML5手機(jī)應(yīng)用運(yùn)行緩慢并錯(cuò)漏百出，但優(yōu)化后的效果會(huì)好轉(zhuǎn)。盡管不是很多人愿意去做這樣的優(yōu)化，但依然可以去嘗試。

HTML5手機(jī)應(yīng)用的最大優(yōu)勢(shì)就是可以在網(wǎng)頁上直接調(diào)試和修改。原生應(yīng)用的開發(fā)人員可能需要花費(fèi)非常大的力氣才能達(dá)到HTML5的效果，不斷地重復(fù)編碼、調(diào)試和運(yùn)行，這是首先得解決的一個(gè)問題。

html5實(shí)訓(xùn)心得 篇6

回顧這一個(gè)月來的實(shí)習(xí)生活是一件很值得紀(jì)念的事，這是我第一次在外實(shí)習(xí)，第一次在網(wǎng)上投簡(jiǎn)歷能收到回復(fù)。對(duì)于我們這樣的藝術(shù)設(shè)計(jì)學(xué)生，我深刻的體會(huì)到單單是學(xué)校教的遠(yuǎn)遠(yuǎn)不夠，學(xué)校教的很籠統(tǒng)，很抽象，很大概，如果可以，我希望這個(gè)專業(yè)的師弟師妹們，有空多多到圖書館充實(shí)自己，靜下心來充分自學(xué)。在外實(shí)習(xí)前，第一件事是把自己賣出去，包裝自己，所以簡(jiǎn)歷很重要，務(wù)必屬實(shí)，因?yàn)槟阌卸嗌賰芍?，閱人無數(shù)的人事主管和老板在面試的交談中很快就能從你各方面行為和語言中找到答案。既然要面試，衣服當(dāng)然要穿正裝，其實(shí)我也想的只是大二實(shí)習(xí)期沒有大三的三個(gè)月那么長(zhǎng)，就那么一個(gè)月。這樣短期的工作其實(shí)根本沒有什么公司愿意招聘，所以我感覺到萬分榮幸能夠進(jìn)到這一支專業(yè)的創(chuàng)業(yè)團(tuán)隊(duì)，真的是一件了不起的事，而且這個(gè)崗位與我學(xué)習(xí)的和自己喜愛的科目對(duì)的很準(zhǔn)，我自己也十分樂于這份工作。

記得剛開始的一個(gè)多星期，公司并沒有讓我馬上投入工作，因?yàn)楫?dāng)時(shí)對(duì)產(chǎn)品了解不熟悉，要從學(xué)校的圈子走出來到商業(yè)模式去還是有點(diǎn)顧慮，但是當(dāng)你接觸到這商業(yè)化的東西，你會(huì)發(fā)現(xiàn)，學(xué)校的東西遠(yuǎn)遠(yuǎn)不足。所以一般公司會(huì)進(jìn)行些培訓(xùn)，很感激william楊，他提供了很多設(shè)計(jì)的書籍給我自學(xué)閱讀，可惜在我深刻讀完《瞬間之美--web界面設(shè)計(jì)如果讓用戶心動(dòng)》(點(diǎn)擊跳到本人的讀書筆記)一書后，就再也很難抽取一點(diǎn)時(shí)間來閱讀了。

在接下來的這個(gè)月里，除了必要的培訓(xùn)以熟悉公司及其產(chǎn)品知識(shí)外，我也開始忙碌起來，因?yàn)楫a(chǎn)品的第一個(gè)內(nèi)部版本需要再X月X日這個(gè)好日子發(fā)布。剛開始的兩個(gè)星期，因?yàn)閷?duì)產(chǎn)品并不熟悉，一直以來在學(xué)校設(shè)計(jì)的作品都很“學(xué)?！钡巧虡I(yè)設(shè)計(jì)比較少，出頭設(shè)計(jì)的時(shí)候真的抓破頭腦，因?yàn)榱?xí)慣了學(xué)校的生活，習(xí)慣了客戶給要求按照客戶的想法去做。至于什么叫很學(xué)校呢，就是一種填鴨式的，根據(jù)參考去模仿設(shè)計(jì)，然而在社會(huì)上涉及很多版權(quán)問題，所以商業(yè)上的設(shè)計(jì)基本上都是原創(chuàng)或者參考過后進(jìn)行大幅度的提高審美設(shè)計(jì)，其次因?yàn)樯婕吧虡I(yè)利益，在商業(yè)的角度上，商業(yè)的資金來源是客戶，所以他們的需求來源于客戶，注重用戶感受的設(shè)計(jì)，是一個(gè)好設(shè)計(jì)。其實(shí)設(shè)計(jì)是件看起來簡(jiǎn)單，但是操作起來卻感覺很漫長(zhǎng)的一件事情，每一個(gè)細(xì)節(jié)自己不斷的琢磨推敲，自己就會(huì)讓工作時(shí)間變長(zhǎng)，效率變低，卻又希望哪天能像那些設(shè)計(jì)家門隨心所欲的設(shè)計(jì)出自己喜歡，人們喜歡，客戶滿意的東西。設(shè)計(jì)來源與生活，應(yīng)用于生活，我還需要多多積累。

X月X日這個(gè)內(nèi)部版本中，我主要的工作就是設(shè)計(jì)界面，然后photoshop切圖，然后繼續(xù)傻傻的使用習(xí)慣的notepad2++手寫html和css。經(jīng)歷這樣的蠢事之后，我決定還是回到dreamweaver的懷抱，因?yàn)楫吘怪R(shí)不夠強(qiáng)，在兼容性方面還需要有dreamweaver來實(shí)時(shí)的告訴我，以提高我的工作效率。期間william楊還多次與我熟悉，很感激他們都關(guān)心我，提醒我應(yīng)該有自己的就業(yè)方向，3年5年XX年的計(jì)劃，說長(zhǎng)不長(zhǎng)說短不短的大學(xué)2年已經(jīng)過去了。我應(yīng)該有怎樣的人生，我有想過，但卻還沒如此認(rèn)真的付出著。我想起老板那句，你喜歡設(shè)計(jì)?你覺得設(shè)計(jì)適合你嗎?我真的很需要考慮我的以后，但目前設(shè)計(jì)還是我喜歡的事情，我也愿意身心的投入到其中，有時(shí)候可以不必得到回報(bào)，只是為了滿足我小小的心靈。

當(dāng)X月X日一過，為慶祝產(chǎn)品大賣，公司還組織爬山活動(dòng)，然而平常我們?cè)谏钌街行蒺B(yǎng)學(xué)習(xí)的多，爬山的少。爬山是鍛煉毅力的一種好方法，工作之余不能忘了生活，忘了自然。這次高強(qiáng)度的爬山活動(dòng)從下午3點(diǎn)一直爬到了晚上10點(diǎn)多才下到山腳，經(jīng)歷的時(shí)間之長(zhǎng)，讓我感受到一個(gè)人在公司里，不僅要有強(qiáng)硬的專業(yè)知識(shí)，還需要強(qiáng)壯的身體支撐來效益公司，而下山mk的那段話，真的讓我感受到他們很關(guān)心我，因?yàn)楫吘顾麄兌际沁^來人，謝謝他們的指導(dǎo)。

產(chǎn)品的初步版本確定之后，就要開始慢慢的改進(jìn)了。william作為產(chǎn)品經(jīng)理，不僅要領(lǐng)導(dǎo)著整個(gè)團(tuán)隊(duì)，還要協(xié)調(diào)工作的進(jìn)度。他會(huì)制作出甘特圖，通知每個(gè)人需要做什么事情，大概需要多長(zhǎng)時(shí)間來完成。在其中，我會(huì)不時(shí)的停滯，因?yàn)槟承┬ug會(huì)導(dǎo)致我去轉(zhuǎn)牛角尖，而這樣會(huì)導(dǎo)致拖慢整個(gè)進(jìn)度，然而在這個(gè)環(huán)節(jié)，我學(xué)會(huì)的最多的事，做事情要分優(yōu)先級(jí)。總體要現(xiàn)出來，大方向，模糊地對(duì)，細(xì)節(jié)的錯(cuò)，慢慢改。而那個(gè)定律資源一定了，時(shí)間也定了，只能減少的剩下特性。

從X月X日開始到XX日，又是另一個(gè)版本的小跨越，一個(gè)星期里做的事并不多，除了不斷配合小楊完善頁面的重構(gòu)和美化工作，還要檢查最繁瑣的兼容性問題，心里知道很多房地產(chǎn)經(jīng)紀(jì)人使用的電腦基本上都是深度、雨林木風(fēng)、電腦公司特別版的ghost系統(tǒng)，所以基本上都是ie6 ie7為主流的瀏覽器，兼容性方面的確在工作上成為一個(gè)重點(diǎn)。

XX日的第二個(gè)小版本后，會(huì)議總結(jié)了3頁的分條建立修改文件，當(dāng)看見滿是修改意見的一行行文字，寫上我負(fù)責(zé)的q，心理是有點(diǎn)擔(dān)心，是否能在期限內(nèi)完成工作，然而15日這次的爬山活動(dòng)并沒有參加，因?yàn)槲抑牢覒?yīng)該更加抓緊時(shí)間處理問題，一天下來最讓我自己感到滿意的是導(dǎo)航，親力親為的感覺，頗有成就感。一方面不僅要不斷的完善頁面的布局，一方面還要抽時(shí)間設(shè)計(jì)虎之翼公司的logo和網(wǎng)頁，他們真是替我捏了把汗似的，都有種壓力很大吧。我感覺還好吧，不過腦子真的要轉(zhuǎn)的很快了，因?yàn)闆]有創(chuàng)作來源，讓我在上下班的途中朝思暮想的想著設(shè)計(jì)，充分利用上下班的塞車時(shí)間，不斷的'觀看經(jīng)過車窗的各型各類的廣告來尋來創(chuàng)意來源。最后還是有驚無險(xiǎn)的完成這些工作。除了這些工作，公司越來越多人了，剛進(jìn)去的時(shí)候只有我和sandy，后來多了好多個(gè)人，很羨慕參數(shù)組，能有說有笑的工作，但是我這項(xiàng)工作，我不是一個(gè)人在戰(zhàn)斗。再后來，開始招聘銷售，因?yàn)楫a(chǎn)品到XX號(hào)就要正式發(fā)布了，有點(diǎn)讓我走也走的不放心的感覺，要配合銷售展開小單張的宣傳。時(shí)至XX日，才基本完成。

希望，我的能力能幫到公司，獻(xiàn)出我自己一份的力量。

從開始的實(shí)習(xí)，讓我體驗(yàn)到這個(gè)暑假回會(huì)過得更有意義，會(huì)特別漫長(zhǎng)特別充實(shí)。的確學(xué)習(xí)是一個(gè)漫長(zhǎng)的過程，學(xué)習(xí)要耐得住寂寞的抵住誘惑。通過這次的實(shí)習(xí)，不僅讓我覺得我應(yīng)該改變自己的內(nèi)向，學(xué)會(huì)轉(zhuǎn)變與人主動(dòng)交流，才能解決問題，讓我覺得設(shè)計(jì)還是不錯(cuò)的，但是自己的專業(yè)真的很需要培養(yǎng)與加強(qiáng)，感覺到學(xué)校教的和自己學(xué)的遠(yuǎn)遠(yuǎn)不夠。而且在接下來的日子還要規(guī)劃好自己的未來，才能更好得在崗位上發(fā)揮自己的才能。

最后感謝給我這么一個(gè)機(jī)會(huì)，留在公司實(shí)習(xí)，公司不僅需要各類型的人才，更需要一個(gè)有堅(jiān)定和遠(yuǎn)見的老板;感謝william，看過頭像和手機(jī)桌面，女兒很可愛，想必是個(gè)和藹的爸爸，從一開始便覺得他是個(gè)很會(huì)閱人的hr，但后來才知道是pm，不過沒有變的，總是耐心地培養(yǎng)我，給我很多資料和很多網(wǎng)站，提高自己的審美和用戶體驗(yàn)感受;感謝mk，認(rèn)真的時(shí)候很認(rèn)真，玩的時(shí)候還像個(gè)大孩子，喜歡和參數(shù)組交流時(shí)逗逗我，調(diào)劑我，這點(diǎn)我最喜歡了，因?yàn)橛心銈冋麄€(gè)公司才顯得有活氣，沒有那么沉悶;感謝kevin，雖然接觸不多，感覺他很用心，是市場(chǎng)方面的主管，看的最多就是修空調(diào)，快遞要發(fā)票的時(shí)候，會(huì)為公司的財(cái)政斤斤計(jì)較，到后來q總q總得叫我，真不好意思呢;感謝小楊，能夠和你愉快的合作，如果可以我也想學(xué)jsp，后來小白走了，你又要一個(gè)人辛苦了;感謝adam，強(qiáng)硬的技術(shù)支持，我想沒有你這位核心人物為公司撐下一片藍(lán)天，可能我們這個(gè)產(chǎn)品就很難走下去了;謝謝一起在虎之翼公司里工作的所有工作人員。

我很喜歡你們,喜歡這樣的工作氛圍，謝謝你們!

html5實(shí)訓(xùn)心得 篇7

學(xué)習(xí)H5我們不需要過度的關(guān)注細(xì)節(jié)，五柳先生的“不求甚解”的態(tài)度就很好，遇到能想起來，用到明白來源，不用作為擴(kuò)展知識(shí)。

其次，H5的設(shè)計(jì)起點(diǎn)就是從實(shí)用出發(fā)的，也就是說很多特性都是怎么方便就怎么來。所以我們可以關(guān)注我們感興趣的技術(shù)，但是開發(fā)的時(shí)候還是不要特意的使用H5，能用到而且兼容性也不錯(cuò)就用，用不到也不要“畫蛇添足”，比如163郵箱就有用到nav標(biāo)簽等，但是如果自己不是很精通H5或者是沒必要重構(gòu)就不要去把一些東西改為H5的，比如編寫JS的時(shí)候特意的用WebWorker，這就很不好!除非我們很明確的知道，這就是針對(duì)移動(dòng)端這種基本上全面支持H5的Browser設(shè)計(jì)開發(fā)的功能。

最后，H5技術(shù)不復(fù)雜，它從來都不是什么新技術(shù)，只是HTML的延續(xù)，我認(rèn)為的H5包括如下三點(diǎn)：

(1)改進(jìn)及增強(qiáng)的HTML屬性，新頁面可以嘗試使用。

(2)增強(qiáng)了的JS交互接口：WebWorker、WebStorage、Web DB、Offline Application、Geolocation、Canvas，可以說H5和JS相互增強(qiáng)更上一層，但是還是要小心使用!

(3)CSS3：改進(jìn)增強(qiáng)CSS功能，讓頁面效果更絢麗，開發(fā)更簡(jiǎn)單，尤其是“移動(dòng)先行”的現(xiàn)代互聯(lián)網(wǎng)網(wǎng)頁設(shè)計(jì)理念能讓“響應(yīng)式設(shè)計(jì)”越來越簡(jiǎn)單、流行，甚至出現(xiàn)了很多框架，比如bootstrap。

學(xué)習(xí)方法：

學(xué)習(xí)HTML這類的標(biāo)記語言，我們需要從四個(gè)方面入手：

(1)語法：即怎樣的書寫格式是Browser接受和支持的，HTML技術(shù)的語法很簡(jiǎn)單，只要注意大小寫在HTML、XHTML、H5中的一些細(xì)節(jié)不同就可以了。

(2)元素：也就是標(biāo)簽，這個(gè)就靠經(jīng)驗(yàn)和記憶了，不求甚解多用就好。但是有一點(diǎn)，系統(tǒng)的學(xué)習(xí)和雜亂記憶的不同點(diǎn)就是：系統(tǒng)的學(xué)習(xí)會(huì)把元素分類。這樣方便記憶、對(duì)比和使用，能讓我們盡量減少不必要的錯(cuò)誤嵌套。一般會(huì)把HTML標(biāo)簽分為文檔結(jié)構(gòu)標(biāo)簽、文本格式標(biāo)簽、字符格式標(biāo)簽、列表標(biāo)簽、鏈接標(biāo)簽、表格標(biāo)簽和表單標(biāo)簽這8類，有些標(biāo)簽不實(shí)用就不用看了。

(3)屬性：知道每類標(biāo)簽都有什么屬性，一般來說學(xué)習(xí)方法是知道有什么屬性，然后了解下哪些標(biāo)簽不支持這些屬性。其實(shí)，除了name、id、class、style外很多元素屬性我們都很少用，涉及到格式的屬性，我們都用CSS來代替了。這也是H5推薦的做法，那些屬性在H5中都被廢棄了，比如background屬性。

(4)其他：其他的東西就是去了解一些額外的知識(shí)：歷史背景、關(guān)聯(lián)技術(shù)、深入技術(shù)，比如XML、DTD，甚至是Browser對(duì)頁面的解析、渲染過程，DOM樹的構(gòu)建、Render Tree的構(gòu)建過程，來幫助我們學(xué)習(xí)、開發(fā)高效頁面?！罢n外知識(shí)”多了，自然就能做到“他強(qiáng)由他強(qiáng)，清風(fēng)拂山崗”的境界了。

學(xué)習(xí)計(jì)算機(jī)技術(shù)，千萬不能沉迷外家功夫!

html5app開發(fā)實(shí)例的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于、html5app開發(fā)實(shí)例的信息別忘了在本站進(jìn)行查找喔。