html用什么開發(fā) ?
html用什么開發(fā)?例如:Adobe Edge:目前還處于預(yù)覽階段的Adobe Edge是用HTML5、CSS、JavaScript開發(fā)動(dòng)態(tài)互動(dòng)內(nèi)容的設(shè)計(jì)工具。內(nèi)容可以同時(shí)兼容移動(dòng)設(shè)備和桌面電腦。下面是html開發(fā)工具介紹,希望對(duì)您有所幫助。?
一、Adobe Edge ?
目前還處于預(yù)覽階段的Adobe Edge是用HTML5、CSS、JavaScript開發(fā)動(dòng)態(tài)互動(dòng)內(nèi)容的設(shè)計(jì)工具。內(nèi)容可以同時(shí)兼容移動(dòng)設(shè)備和桌面電腦。Edge的一個(gè)重要功能是Web工具包界面,方便確保頁(yè)面在不同瀏覽器中的架構(gòu)一致性,此外Edge還將整合TypeKit這樣的字體服務(wù)。 ?
動(dòng)畫和圖形可以添加到HTML元素中,程序也能通過(guò)Edge自身的代碼片段庫(kù)或者JavaScript代碼進(jìn)行擴(kuò)展。動(dòng)畫可以在獨(dú)立的時(shí)間線上進(jìn)行嵌套,還能實(shí)現(xiàn)互動(dòng)功能。符合可以服用并通過(guò)API和代碼片段控制。通過(guò)Edge設(shè)計(jì)的內(nèi)容可以兼容iOS和Android設(shè)備,也可以運(yùn)行在火狐、Chrome、Safari和IE9等主流瀏覽器。 ?
二、Adobe Dreamweaver CS6 ?
Adobe Dreamweaver CS6作為一個(gè)Web設(shè)計(jì)軟件,提供了對(duì)HTML網(wǎng)站和移動(dòng)程序的可視化編輯界面。其Fluid Grid排版系統(tǒng)整合CSS樣式表功能,提供自適應(yīng)版面的跨平臺(tái)兼容性。開發(fā)者可以完全實(shí)現(xiàn)Web設(shè)計(jì)的可視化操作,無(wú)需為代碼所困。 ?
用戶不但還能在Live View中預(yù)覽,還提供多屏幕預(yù)覽功能。開發(fā)者可以通過(guò)MultiScreen預(yù)覽面板查看HTML5內(nèi)容的渲染效果。Live View通過(guò)WebKit渲染引擎支持HTML5。 ?
三、Adobe ColdFusion 10 ?
ColdFusion是用來(lái)開發(fā)企業(yè)Web程序的服務(wù)器端技術(shù),通過(guò)Websockets、互動(dòng)表單、視頻和地理標(biāo)簽等HTML5技術(shù)創(chuàng)建富媒體用戶體驗(yàn)。 ?
四、Sencha Architect 2 ?
在開發(fā)移動(dòng)和桌面應(yīng)用的工具中,Sencha的定位是HTML5可視化應(yīng)用開發(fā)。開發(fā)團(tuán)隊(duì)可以在一個(gè)單一集成的環(huán)境中完成應(yīng)用的設(shè)計(jì)、開發(fā)和部署。開發(fā)者還可以開發(fā)Sencha Touch2和Ext JS4 JavaScript應(yīng)用,并實(shí)時(shí)預(yù)覽。 ?
五、Sencha Touch 2 ?
Sencha Touch2是移動(dòng)應(yīng)用框架,也被看作是Sencha的HTML5平臺(tái)。開發(fā)者可以用它開發(fā)面向iOS、Android和Blackberry、Kindle Fire等多種平臺(tái)的移動(dòng)應(yīng)用。 ?
六、Dojo Foundation Maqetta ?
來(lái)自于IBM的一個(gè)項(xiàng)目,Dojo Foundation Maqetta是為桌面和移動(dòng)設(shè)備開發(fā)HTML5應(yīng)用的開源工具,支持在瀏覽器中查看HTML5界面。用戶體驗(yàn)設(shè)計(jì)師可以通過(guò)拖放組裝UI樣板 ?
七、微軟Visual Studio 2010 ServicePack 1 ?
雖然一開始并不支持HTML5,但微軟在2011年三月發(fā)布的Visual Studio 2010 SP1中提供了IntelliSense,追加了針對(duì)HTML5的一些元素。 ?
八、JetBrains WebStorm 4.0 ?
作為擁有HTML編輯器的JavaScript集成開發(fā)環(huán)境,WebStorm4.0提供了開發(fā)web應(yīng)用的HTML5樣板。開發(fā)者可以在創(chuàng)建HTML文檔時(shí)可獲得對(duì)HTML5文件的支持。例如砍伐者鍵入。開發(fā)者還可以在chrome瀏覽器中實(shí)時(shí)預(yù)覽HTML文檔。 ?
html5用什么開發(fā)工具 ?
1.Adobe Dreamweaver CS6 ?
Adobe Dreamweaver CS6 網(wǎng)頁(yè)設(shè)計(jì)軟件提供了一套直觀的可視界面,供您創(chuàng)建和編輯網(wǎng)站和移動(dòng)應(yīng)用程序。使用專為跨平臺(tái)兼容性設(shè)計(jì)的自適應(yīng)網(wǎng)格版面創(chuàng)建網(wǎng)頁(yè)。在發(fā)布前,使用"多屏幕預(yù)覽"來(lái)審閱您的設(shè)計(jì)。 ?
2.Adobe Edge ?
Adobe Edge是Adobe公司的一款新型網(wǎng)頁(yè)互動(dòng)工具。允許設(shè)計(jì)師通過(guò)HTML5、CSS和Java制作網(wǎng)頁(yè)動(dòng)畫。無(wú)需Flash。Adobe Edge的目的是幫助專業(yè)設(shè)計(jì)師制作網(wǎng)頁(yè)動(dòng)畫乃至簡(jiǎn)單游戲。該工具的重點(diǎn)放在動(dòng)畫引擎上,但adobe承諾將增加更多HTML5功能,比如Canvas、HTML5音頻/視頻標(biāo)簽等。支持Android、iOS、webOS、黑莓PlayBook、Firefox、Chrome、Safari和IE9等各個(gè)平臺(tái)。Adobe于2014年正式推出Adobe Edge AnimateCC[1] 集成了html5、js、css的開發(fā)工具。人們也許會(huì)問(wèn),這一舉措是不是表明Adobe正在向蘋果等公司讓步?蘋果認(rèn)為Flash是一種過(guò)時(shí)的技術(shù),而HTML5才是未來(lái)。蘋果的iPad和iPhone等產(chǎn)品中無(wú)法顯示Flash動(dòng)畫。其實(shí),Adobe Edge并不會(huì)替代Flash。該軟件只是為網(wǎng)頁(yè)設(shè)計(jì)人員提供了一種工具,幫助他們?cè)诓恢С諪lash的設(shè)備(比如蘋果iOS設(shè)備)上制作網(wǎng)絡(luò)動(dòng)畫。Adobe Edge項(xiàng)目負(fù)責(zé)人馬克·安德斯(Mark Anders)在接受電話采訪時(shí)表示,應(yīng)開發(fā)者的要求,Adobe推出了新的非Flash軟件。他表示:“開發(fā)者社區(qū)確實(shí)希望有這樣的軟件。” ?
3. DevExtreme ?
DevExtreme Complete Subion是性能*的 HTML5,CSS 和 Java 移動(dòng)、Web開發(fā)框架,可以直接在Visual Studio集成開發(fā)環(huán)境,構(gòu)建iOS,Android,Tizen和Windows Phone 8應(yīng)用程序。DevExtreme包含 PhoneJS 和 ChartJS 兩個(gè)原生UI組件,并且提供源代碼。目前,DevExtreme支持VS2010/2012/2013集成開發(fā)環(huán)境,兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen移動(dòng)平臺(tái),是Visual Studio開發(fā)人員開發(fā)跨平臺(tái)移動(dòng)產(chǎn)品的*工具。 ?
4. JetBrains WebStorm ?
WebStorm 是jetbrains公司旗下一款Java 開發(fā)工具。被廣大*JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的Java IDE”等。與IntelliJ IDEA同源,繼承了IntelliJ IDEA強(qiáng)大的JS部分的功能。 ?
5. Sencha Architect ?
Sencha Architect 2是個(gè)可視化的應(yīng)用構(gòu)建器,它使用Sencha Touch 2來(lái)構(gòu)建移動(dòng)應(yīng)用,使用ExtJS 4來(lái)構(gòu)建桌面應(yīng)用。Sencha Architect 2構(gòu)建在該公司的HTML5布局工具Ext Designer之上,并擴(kuò)展了其功能以為桌面與移動(dòng)Web應(yīng)用的構(gòu)建提供更為廣泛的應(yīng)用設(shè)計(jì)環(huán)境。通過(guò)聯(lián)合使用Sencha Touch 2與ExtJS 4,Sencha Architect 2旨在提升開發(fā)者的生產(chǎn)率并驅(qū)動(dòng)應(yīng)用設(shè)計(jì)模式上的*實(shí)踐。 ?
HTML基礎(chǔ)知識(shí)總結(jié) ?
一、HTML的定義 ?
HTML,超文本標(biāo)記語(yǔ)言,寫給瀏覽器的語(yǔ)言,目前網(wǎng)絡(luò)上應(yīng)用最廣泛的語(yǔ)言。HTML也在不斷的更新,*版本已經(jīng)出現(xiàn)了HTML5。在HTML5中出現(xiàn)了許多新特性,也遺棄了一些舊元素。我們寫好html文件后,在瀏覽器中打開。主流的瀏覽器包括IE、Firefox、Chrome、Goole等。 ?
二、HTML標(biāo)簽元素 ?
HTML元素由開始標(biāo)簽和結(jié)束標(biāo)簽組成。雖然現(xiàn)在我們還不知道具體標(biāo)簽代表的意思,但標(biāo)簽一定是這樣的格式:有一對(duì)開始<>和結(jié)束。一般標(biāo)簽名推薦用小寫。標(biāo)簽具有屬性,屬性用來(lái)表示標(biāo)簽的特征。比如,我們用大小這個(gè)屬性,來(lái)衡量一個(gè)蘋果。所以,大小可以用來(lái)表示蘋果的特征。屬性時(shí)寫在標(biāo)簽里面的,而且是開始標(biāo)簽內(nèi)。
?
?
三、規(guī)范的html頁(yè)面 ?
1、文檔聲明 ?
在前,要寫文檔聲明語(yǔ)句: ,當(dāng)然也可以用小寫表示。文檔聲明的作用是告訴瀏覽器該文檔遵循h(huán)tml規(guī)范。 ?
2、標(biāo)題 ?
一般情況下,我們都會(huì)設(shè)定html文檔的標(biāo)題。這樣的作用是使用戶看起來(lái)感覺友好。標(biāo)簽為,標(biāo)簽內(nèi)放標(biāo)題名稱。 ?
3、頁(yè)面編碼 ?
編碼的種類有多種,但常用的是utf-8和gb2312。utf-8為多國(guó)語(yǔ)言編碼,gb2312為中文簡(jiǎn)體編碼。對(duì)于編碼的詳細(xì)問(wèn)題,可以瀏覽博客。設(shè)置網(wǎng)頁(yè)編碼的語(yǔ)句為,是在標(biāo)簽內(nèi)定義的。 ?
4、頁(yè)面關(guān)鍵字,內(nèi)容 ?
我們可以在文檔中設(shè)置一些關(guān)鍵詞,內(nèi)容介紹。這樣的好處是,當(dāng)我們的網(wǎng)頁(yè)發(fā)布在網(wǎng)上,用戶可以通過(guò)在搜索框中輸入關(guān)鍵字,找出一些比較符合的網(wǎng)頁(yè)。這樣一來(lái),我們的網(wǎng)頁(yè)便可以更容易地被別人訪問(wèn)。 ?
HTML5應(yīng)用須知 ?
它可能會(huì)消滅Flash ?
許多業(yè)內(nèi)人士表示,HTML將會(huì)最終代替多媒體框架,如Adobe的Flash,但是短期看來(lái)還不是時(shí)候。HTML5估計(jì)到2014年才能逐步成熟,而且將現(xiàn)有應(yīng)用Flash的網(wǎng)絡(luò)開發(fā)完全轉(zhuǎn)向HTML5還需要一段時(shí)間。盡管HTML5提出了許多優(yōu)點(diǎn),但是還可能有某些應(yīng)用更適合于更靈活的框架。一些主流的大公司都逐步轉(zhuǎn)向使用HTML5,谷歌于2015年2月26日開始自動(dòng)將Flash廣告轉(zhuǎn)換為HTML5格式,這可能會(huì)加速HTML5替代Flash的進(jìn)程,但是這個(gè)轉(zhuǎn)變的過(guò)程也不是一蹴而就的。 ?
它新并不表示它安全 ?
網(wǎng)絡(luò)應(yīng)用開發(fā)工程師們?cè)趯W(xué)習(xí)新技術(shù)的同時(shí)需要時(shí)刻記住網(wǎng)絡(luò)安全。HTML5所構(gòu)建的網(wǎng)頁(yè)和其他語(yǔ)言編寫的網(wǎng)頁(yè)一樣容易泄露一些敏感數(shù)據(jù)。歐洲網(wǎng)絡(luò)信息安全機(jī)構(gòu)(European Network and Information Security Agency,ENISA)已經(jīng)警告說(shuō)HTML5可能并不夠安全。 ?
它承諾帶來(lái)一個(gè)無(wú)縫的網(wǎng)絡(luò) ?
HTML5會(huì)帶來(lái)一個(gè)統(tǒng)一的網(wǎng)絡(luò),無(wú)論是筆記本,臺(tái)式機(jī),還是智能手機(jī)都應(yīng)該很方便的瀏覽基于HTML5的網(wǎng)站。因此在設(shè)計(jì)網(wǎng)站的時(shí)候,開發(fā)者需要重新考慮用戶體驗(yàn),網(wǎng)站瀏覽,網(wǎng)站結(jié)構(gòu)等因素使得這個(gè)網(wǎng)站對(duì)任何硬件設(shè)備都通用。 ?
它會(huì)變成企業(yè)的SaaS平臺(tái) ?
一些重量級(jí)的企業(yè),如微軟,Salesforce,SAP Sybase正在開發(fā)HTML5的開發(fā)工具。如果你正在構(gòu)建企業(yè)應(yīng)用,很可能不久的將來(lái)你就要用到HTML5。所以當(dāng)構(gòu)建公司的SaaS戰(zhàn)略遷移的時(shí)候也不要忘記HTML5。 ?
它將會(huì)變得很移動(dòng) ?
幾乎所有人都熱衷于開發(fā)獨(dú)立的移動(dòng)應(yīng)用,但是HTML5很可能會(huì)是獨(dú)立移動(dòng)應(yīng)用的終結(jié)者。由于HTML5將應(yīng)用的功能直接加入其內(nèi)核,這很可能引導(dǎo)移動(dòng)技術(shù)潮流重新回到瀏覽器時(shí)代。HTML5允許開發(fā)者在(移動(dòng))瀏覽器內(nèi)開發(fā)應(yīng)用,所以如果你正在制定一項(xiàng)桌面或者移動(dòng)應(yīng)用的長(zhǎng)期發(fā)展策略,你可能需要考慮這一點(diǎn)。 ?