五十风韵犹存的熟妇旗袍-东方av在线一区二区三区-把警花用春药调教成奶牛-校花被扒开腿喷水

全國服務(wù)熱線:0543-3099886
當(dāng)前位置:首頁 > 新聞 > 知識課堂

看懂HTML5打造完美WEB前端開發(fā)工程師

發(fā)布者:山東華拓時間:2017-04-11

HTML5是做什么的?

極其簡單的概括:用于實現(xiàn)我們能夠看到的所有網(wǎng)站,但是不涉及到數(shù)據(jù)層面(也就是負(fù)責(zé)將一張設(shè)計好的網(wǎng)頁圖片[設(shè)計師的工作],用代碼實現(xiàn)出來,在一個地方放置個塊,給一個塊設(shè)置顏色,調(diào)整字體大小,讓圖片動起來等)。

HTML5的由來

不熟悉HTML5的人,可能會很熟悉一個2005年以前常用的詞語——網(wǎng)頁設(shè)計與制作。

隨著行業(yè)的發(fā)展,網(wǎng)站的制作越來越受到了人們的重視,社會化分工越來越明細(xì)。在2005年,“WEB前端開發(fā)工程師”這個詞語開始出現(xiàn)在各個一線城市。2008年,HTML5橫空出世,2009HTML5這個全新的詞語在北京的一些頂尖級公司出現(xiàn),2012年,逐漸的普及開來,2014年迅速發(fā)展。

HTML5的基本組成

HTML5 = HTML + CSS + JavaScript

HTML指的是結(jié)構(gòu)

CSS指樣式

JSJavaScript,指的是行為

關(guān)于結(jié)構(gòu)、樣式、行為的理解:

結(jié)構(gòu) - 在整個網(wǎng)頁中有標(biāo)題,有列表,有圖片等。

樣式 - 標(biāo)題文字的字體大小、顏色、字體;圖片的大小;某個塊的背景色或背景圖等。

行為 - 在網(wǎng)頁上四處飄動的廣告;圖片滾動;瀏覽淘寶時鼠標(biāo)移動到商品時,放大商品的效果等。

 

容易弄混的概念

HTML5移動端的功能和應(yīng)用程序

對于蘋果手機中的應(yīng)用程序,屬于iOS開發(fā),語言是OC;對于其他安卓系統(tǒng)的手機,需要使用JAVA語言進(jìn)行開發(fā)。HTML5能夠做的是移動端的網(wǎng)頁以及微信平臺中的移動端網(wǎng)頁。

前端后臺的區(qū)別

無論HTML5還是iOS,在整個網(wǎng)頁開發(fā)流程當(dāng)中,前端(HTML5)開發(fā)工程師,主要負(fù)責(zé)的是“前臺頁面制作”,“網(wǎng)站測試”,“修改”三個部分。

HTML5 網(wǎng)頁設(shè)計與制作 的區(qū)別

原有的網(wǎng)頁設(shè)計與制作,主要針對PC平臺,進(jìn)行網(wǎng)頁網(wǎng)站的設(shè)計與制作,相對會涉及一部分設(shè)計工作,并將美工圖實現(xiàn)成網(wǎng)頁。通常使用的工具是網(wǎng)頁三劍客——PhotoShop、FlashDreamweaver。然而,行業(yè)的發(fā)展使得“網(wǎng)頁設(shè)計與制作”這一職業(yè)逐漸遭到了淘汰,原因主要有四:

網(wǎng)頁設(shè)計與網(wǎng)頁制作是兩個完全不同的領(lǐng)域,一個由美感主導(dǎo),另一個則需要邏輯思維主導(dǎo)。對于開發(fā)人員來說,如果將寶貴的精力分散到兩個不同的行業(yè)中,最后通常兩方面都是半斤八兩,沒有實質(zhì)的競爭力;

網(wǎng)頁設(shè)計與制作,這一職業(yè)中的制作,指的是網(wǎng)頁的結(jié)構(gòu)與樣式(即HTML+CSS),而當(dāng)前網(wǎng)站中JavaScript已經(jīng)占據(jù)了極大的比重,如果還停留在原有的結(jié)構(gòu)和樣式中,發(fā)展空間會變得很?。?/span>

網(wǎng)頁設(shè)計與制作當(dāng)中的結(jié)構(gòu)實現(xiàn),通常采用的是table布局;而WEB前端開發(fā)工程師、HTML5當(dāng)中結(jié)構(gòu)的實現(xiàn),采用的是DIV+CSS方式的布局,因此,Dreamweaver工具的使用也就沒有什么必要性了,取而代之的是內(nèi)存占用小,開發(fā)速度快的文本類編輯器。而Flash,在與HTML5的大戰(zhàn)當(dāng)中戰(zhàn)敗,當(dāng)前已經(jīng)退出了移動端以及電視平臺的市場爭奪,在PC平臺也越來越少。轉(zhuǎn)言之,Flash在網(wǎng)頁制作的領(lǐng)域里已經(jīng)江郎才盡~原來的網(wǎng)頁三劍客只剩下一個PS,在前端工作的要求中,需要掌握基本的切圖即可;

 

移動互聯(lián)網(wǎng)的飛速發(fā)展,也使得HTML5的地位迅速提升。移動設(shè)備有其特殊的開發(fā)要求,原有的網(wǎng)頁設(shè)計與制作,早已無法滿足開發(fā)的需要。