html5 可以做好多東西,比如好玩的游戲,網(wǎng)站,手機(jī)站,等等!
十多年的宜黃網(wǎng)站建設(shè)經(jīng)驗(yàn),針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù),響應(yīng)快,48小時(shí)及時(shí)工作處理。成都全網(wǎng)營(yíng)銷推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同,自動(dòng)調(diào)整宜黃建站的顯示方式,使網(wǎng)站能夠適用不同顯示終端,在瀏覽器中調(diào)整網(wǎng)站的寬度,無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站,都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì),從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)建站從事“宜黃網(wǎng)站設(shè)計(jì)”,“宜黃網(wǎng)站推廣”以來,每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
HTML5
正在迅速改變創(chuàng)建和管理網(wǎng)站的方式。HTML5
在不同的領(lǐng)域讓網(wǎng)頁(yè)設(shè)計(jì)更強(qiáng)大的??臁踩?、響應(yīng)式、互動(dòng)和美麗,這些優(yōu)點(diǎn)吸引更多的
Web
開發(fā)人員使用
HTML5
開發(fā)各種網(wǎng)站和應(yīng)用程序。
本文收集的20款優(yōu)秀的
HTML5
Web
應(yīng)用程序,值得添加到您的
HTML5
的工具箱中,他們能夠幫助你開發(fā)前端項(xiàng)目更快、更容易。
Initializr
Initializr
是一個(gè)可以讓你創(chuàng)建
HTML5
模板的網(wǎng)站,可以創(chuàng)建樣板
HTML5
模板,響應(yīng)式的
HTML5
模板或
Bootstrap
HTML5
模板。
HTML5
Demos
這里集合了一些基于
HTML5
的優(yōu)秀的實(shí)驗(yàn)演示,最初只有5個(gè)演示,后來逐漸擴(kuò)充。
HTML5
Test
想知道桌面或移動(dòng)
Web
瀏覽器符合最新的
HTML5
標(biāo)準(zhǔn)嗎?這個(gè)網(wǎng)站可以幫助測(cè)試出分?jǐn)?shù)和評(píng)級(jí)。
HTML5
Canvas
Cheat
Sheet
如果你不能記住所有
Canvas
的命令和選項(xiàng),那么這個(gè)小抄是絕對(duì)適合你??勺鳛橐粋€(gè)圖形或
免費(fèi)下載。
Lime
JS
LimeJS
是一個(gè)
HTML5
游戲開發(fā)框架,用于快速構(gòu)建運(yùn)行于觸屏設(shè)備和桌面瀏覽器的游戲。
HTML5
Reset
HTML5
Reset
是一組文件,包括
HTML、CSS
等,用于在開始新項(xiàng)目的時(shí)候幫助你節(jié)省時(shí)間,提供
HTML5
的空白WordPress模板。
SpriteBox
Spritebox
是一個(gè)所見即所得的工具,幫助
Web
設(shè)計(jì)者迅速而輕松地從一張精靈圖片(CSS
Sprit
Image)創(chuàng)建CSS類和ID選擇符樣式。
LimeWeave
LimeWeave是一個(gè)
HTML5
編輯器,它可以告訴你什么的
HTML5,CSS
和
JavaScript
特效的樣子。
99
Lime
如果你想節(jié)省時(shí)間,使用
HTML5,CSS
和
jQuery
創(chuàng)建一些新的元素,布局和代碼,那么99
Lime
真的可以幫助你。
On/Off
FlipSwitch
如果你曾經(jīng)想創(chuàng)建一個(gè)漂亮的on/off開關(guān),那么這個(gè)網(wǎng)站可以幫助你。您可以自定義圖形開關(guān),不同的著色,大小和風(fēng)格。
CanvasLoader
Creator
這個(gè)免費(fèi)的在線工具可以幫助設(shè)計(jì)師和程序員為他們的
HTML5
項(xiàng)目生成基于
Canvas
的
Loading
效果。
Create
–
Make
Anything
Editable
Create
是一款可以在
CMS
中使用的編輯器。借助
HTML5
特性,可以把頁(yè)面上的內(nèi)容變成可編輯區(qū)域。
Online
3D
Sketch
Toy
這個(gè)繪圖工具對(duì)于孩子而很好玩,而不只是給網(wǎng)站設(shè)計(jì)師用!還可以把您的小創(chuàng)作分享到
上。
從某件事情上得到收獲以后,就很有必要寫一篇心得體會(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)大無(wú)比的組合,不次于使用C#在VS平臺(tái)上實(shí)現(xiàn)的功能。
尤其是其在游戲和動(dòng)畫上的效果,使得頁(yè)面可以輕松拋棄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)記語(yǔ)言(Hyper Text Markup Language),標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽 (markup tag),HTML使用標(biāo)記標(biāo)簽來描述網(wǎng)頁(yè)。
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)來看,無(wú)論是桌面應(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)簽以及頁(yè)面的布局,我們這一期的課程安排只是要我們能夠初步熟悉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)頁(yè)設(shè)計(jì)中很重要,它可以算是整個(gè)頁(yè)面布局的半個(gè)靈魂(因?yàn)楹竺孢€有一個(gè)DIV)。
這一章不光要了解表格的建立方式,還要了解表格中涉及到的一些屬性及其用法。
另外我覺得學(xué)好這一章為我們以后借鑒別人的作品也很有幫助。
第三章主要介紹了兩個(gè)部分,一個(gè)是表單,在表單里涉及到了幾個(gè)控件,如:文本框,密碼框,單選按鈕,復(fù)選框,下拉列表框,多行文本,提交按鈕和重置按鈕。
這些為我們以后什么登錄系統(tǒng)時(shí)很有幫助。
這一章的另一個(gè)部分是框架,框架可以實(shí)現(xiàn)網(wǎng)頁(yè)局部的刷新。
第四章又是這一本書的另一個(gè)重點(diǎn),就是CSS樣式表。
網(wǎng)頁(yè)就是一個(gè)門面,做為門面當(dāng)然要漂亮,而CSS樣式就是來裝扮門面的彩妝。
樣式表可以實(shí)現(xiàn)網(wǎng)頁(yè)編碼和美工的分離這樣即方便了編碼人員的修改又方便了后來人員對(duì)代碼的閱讀,同時(shí)他還可以實(shí)現(xiàn)一些很炫的效果,
例如鼠標(biāo)停在某個(gè)超鏈接上時(shí)超鏈接的背景發(fā)生變化,設(shè)置文字有背景色,霧狀顯示圖片等。
第五章和第六章主要是介紹了一個(gè)設(shè)計(jì)工具-Dreamweave,它是一款可視化的編寫工具,并且提供一些控件,這就很大程度上方便了網(wǎng)頁(yè)的編碼量。
當(dāng)然在第四章中還介紹到了DIV層的使用,這個(gè)也是很重要的。
上面說到表格是頁(yè)面布局的半個(gè)靈魂,現(xiàn)在表格+DIV就是頁(yè)面布局的整個(gè)靈魂。
可見DIV的重要性,當(dāng)頁(yè)面部局規(guī)則的話可以使用表格,當(dāng)頁(yè)面部局不規(guī)則的話我們的DIV就要登場(chǎng)了。
另外在第五章中還介紹了一些IIS的配置和網(wǎng)站發(fā)布的方法。
HTML可以說是許多門語(yǔ)言的基礎(chǔ),因?yàn)楹退诘木陀泻芏?,?XML、SHTML……。
甚至近幾年剛出現(xiàn)的ajax技術(shù)也是使用HTML進(jìn)行編寫的。
隨著B/S模式系統(tǒng)的發(fā)展,HTML也就成為了作為一個(gè)IT人必須要掌握的語(yǔ)言。
剛開始學(xué)這門語(yǔ)言的時(shí)候老師要我們?cè)谟浭卤纠锩鎸?,現(xiàn)在想起來確實(shí)是很必要的,因?yàn)橛辛四菢拥囊欢谓?jīng)歷你才會(huì)記住那些以前看上去讓人眼花繚亂的標(biāo)記,以前見過一些人打開記事本就寫代碼,讓人覺得有點(diǎn)高不可攀,現(xiàn)在想來也只能自嘲的笑笑罷了。
小事加小事要合理安排才能成大事,我把這一個(gè)多月里的每一天用表格和層進(jìn)行了布局。
也許只做一塊感受很簡(jiǎn)單,但如果是一整頁(yè)呢?結(jié)束時(shí)的項(xiàng)目實(shí)戰(zhàn)和網(wǎng)頁(yè)設(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ì)盡心盡力的幫我們解決,無(wú)論生活還是學(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ì)了為止。
盡心盡力從無(wú)怨言。
真的有你們昨日的付出,才有我們今日的成績(jī)。
感謝遇見這樣的團(tuán)隊(duì),這樣的老師。
如今,已完成這半年的艱苦奮斗,終于‘修成正果’。
找到理想的工作,是千鋒成就了我,給了我希望,給了我未來。
在這里特別向千鋒致敬,感謝有這么負(fù)責(zé)的教育機(jī)構(gòu),同時(shí)希望千鋒越來越好,培養(yǎng)出更多的人才。
html5實(shí)訓(xùn)心得 篇5
HTML5在網(wǎng)頁(yè)開發(fā)上,賦予網(wǎng)頁(yè)更好的意義和結(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的語(yǔ)法,要不就是僅使用JavaScript引擎。
JavaScript引擎的構(gòu)建方法讓制作手機(jī)網(wǎng)頁(yè)游戲成為可能。由于界面層很復(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)頁(yè)上直接調(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)槟阌卸嗌賰芍?,閱人無(wú)數(shù)的人事主管和老板在面試的交談中很快就能從你各方面行為和語(yǔ)言中找到答案。既然要面試,衣服當(dāng)然要穿正裝,其實(shí)我也想的只是大二實(shí)習(xí)期沒有大三的三個(gè)月那么長(zhǎng),就那么一個(gè)月。這樣短期的工作其實(shí)根本沒有什么公司愿意招聘,所以我感覺到萬(wàn)分榮幸能夠進(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í)??傮w要現(xiàn)出來,大方向,模糊地對(duì),細(xì)節(jié)的錯(cuò),慢慢改。而那個(gè)定律資源一定了,時(shí)間也定了,只能減少的剩下特性。
從X月X日開始到XX日,又是另一個(gè)版本的小跨越,一個(gè)星期里做的事并不多,除了不斷配合小楊完善頁(yè)面的重構(gòu)和美化工作,還要檢查最繁瑣的兼容性問題,心里知道很多房地產(chǎn)經(jīng)紀(jì)人使用的電腦基本上都是深度、雨林木風(fēng)、電腦公司特別版的ghost系統(tǒng),所以基本上都是ie6 ie7為主流的瀏覽器,兼容性方面的確在工作上成為一個(gè)重點(diǎn)。
XX日的第二個(gè)小版本后,會(huì)議總結(jié)了3頁(yè)的分條建立修改文件,當(dāng)看見滿是修改意見的一行行文字,寫上我負(fù)責(zé)的q,心理是有點(diǎn)擔(dān)心,是否能在期限內(nèi)完成工作,然而15日這次的爬山活動(dòng)并沒有參加,因?yàn)槲抑牢覒?yīng)該更加抓緊時(shí)間處理問題,一天下來最讓我自己感到滿意的是導(dǎo)航,親力親為的感覺,頗有成就感。一方面不僅要不斷的完善頁(yè)面的布局,一方面還要抽時(shí)間設(shè)計(jì)虎之翼公司的logo和網(wǎng)頁(yè),他們真是替我捏了把汗似的,都有種壓力很大吧。我感覺還好吧,不過腦子真的要轉(zhuǎn)的很快了,因?yàn)闆]有創(chuàng)作來源,讓我在上下班的途中朝思暮想的想著設(shè)計(jì),充分利用上下班的塞車時(shí)間,不斷的'觀看經(jīng)過車窗的各型各類的廣告來尋來創(chuàng)意來源。最后還是有驚無(wú)險(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屬性,新頁(yè)面可以嘗試使用。
(2)增強(qiáng)了的JS交互接口:WebWorker、WebStorage、Web DB、Offline Application、Geolocation、Canvas,可以說H5和JS相互增強(qiáng)更上一層,但是還是要小心使用!
(3)CSS3:改進(jìn)增強(qiáng)CSS功能,讓頁(yè)面效果更絢麗,開發(fā)更簡(jiǎn)單,尤其是“移動(dòng)先行”的現(xiàn)代互聯(lián)網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)理念能讓“響應(yīng)式設(shè)計(jì)”越來越簡(jiǎn)單、流行,甚至出現(xiàn)了很多框架,比如bootstrap。
學(xué)習(xí)方法:
學(xué)習(xí)HTML這類的標(biāo)記語(yǔ)言,我們需要從四個(gè)方面入手:
(1)語(yǔ)法:即怎樣的書寫格式是Browser接受和支持的,HTML技術(shù)的語(yǔ)法很簡(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ì)頁(yè)面的解析、渲染過程,DOM樹的構(gòu)建、Render Tree的構(gòu)建過程,來幫助我們學(xué)習(xí)、開發(fā)高效頁(yè)面?!罢n外知識(shí)”多了,自然就能做到“他強(qiáng)由他強(qiáng),清風(fēng)拂山崗”的境界了。
學(xué)習(xí)計(jì)算機(jī)技術(shù),千萬(wàn)不能沉迷外家功夫!
[img]