日照網(wǎng)站建設(shè)_HTML5的十大特點

在了解和學(xué)習(xí)HTML5的過程中，我們認為，使用HTML5制作一個網(wǎng)站，恐怕是很多網(wǎng)頁設(shè)計師（哪怕是有經(jīng)驗的網(wǎng)頁設(shè)計師）需要重新認真學(xué)習(xí)的。

為了穩(wěn)定相關(guān)的新特性能夠在不被支持的時候也能完整地顯示相關(guān)的內(nèi)容，業(yè)內(nèi)人士提出了兩種說法：一個是優(yōu)雅降級（Graceful Degradation，有時也叫平穩(wěn)退化），另一個是漸進增強（Progressive Enhancement）。這兩種說法都是從用戶體驗入手的：前者保障用戶體驗①，假定在當前瀏覽器不支持的情況下確保用戶依然可以完整地查看內(nèi)容；后者提高用戶體驗，假定在當前瀏覽器支持的情況下，確保用戶可以獲得最好的內(nèi)容展示效果。

①用戶體驗（User Experience）是指用戶使用某項服務(wù)的感受，業(yè)內(nèi)公認的最注重用戶體驗的公司是喬布斯所創(chuàng)立的蘋果公司。很多人容易把用戶體驗搞混成為用戶界面（User Interface），下面我們簡要區(qū)分一下：用戶界面是用戶看到的，是表層的，而用戶體驗是用戶感覺到的，是內(nèi)心世界的感受。

下面說一下你HTML5網(wǎng)頁建設(shè)設(shè)計的10大特點。
 

• 陰影代碼可控。以前，在用HTML 4制作網(wǎng)頁的時候，因為無法在網(wǎng)頁中直接制作陰影和圓角，所以大量網(wǎng)頁效果都是美工設(shè)計好之后直接定格在圖片中的。而現(xiàn)在HTML5將改變現(xiàn)有的網(wǎng)頁設(shè)計與制作的工作模式，設(shè)計人員憑著一張PNG或者PSD設(shè)計圖中的相關(guān)尺寸、角度等數(shù)據(jù)，就可以直接用CSS制作還原出設(shè)計稿。請注意：在這里，傳統(tǒng)的切圖與拼接工作會減少，但圖片中的位置數(shù)據(jù)將被高度重視，用于設(shè)計還原。
•     動畫簡單易懂。以前，制作一個簡單的動畫效果必須要依賴JavaScript和Flash，編寫大量的腳本，或者制作動畫幀。而現(xiàn)在，依賴強大的CSS3動畫屬性將快速地開發(fā)出各種動畫效果，甚至3D效果的制作都將是一件輕而易舉的事情。
   
•   漸變數(shù)值化操作。以前，制作一個漸變或漸進效果需要使用圖形設(shè)計軟件做好線性漸變效果，定了就不能隨便改，還要控制圖片的尺寸，以防效率不高。而現(xiàn)在，使用一個簡單的線性命令就可以輕松搞定一切。制作人員要做的就是關(guān)注幾個轉(zhuǎn)換點的位置與數(shù)值而已。
   
•   字體圖片矢量化。以前，制作一個帶有個性化字體的Web效果需要用圖片來輔助完成。而現(xiàn)在，強大的CSS3網(wǎng)絡(luò)字體功能將把一切字體圖片都還原成文字元素，而不再需要依賴圖片。僅憑這一點，制作人員就可以在大規(guī)模開發(fā)中大大提高工作效率，減少大量重復(fù)的美工勞動。
   
•   表單驗證輕松搞定。以前，制作一個表單提交頁面，需要各種驗證與判斷，現(xiàn)在則只需要在標簽內(nèi)使用自帶的屬性和正則表達式，就能解決問題。
   
•   數(shù)據(jù)類型擴大一倍。大量新增的input屬性帶來的更加友好的用戶界面，是以前需要花費巨大的精力與成本去實現(xiàn)的。可以毫不夸張地說，從一個小小的input標簽屬性的變化就可以預(yù)見HTML5應(yīng)用的美好前景。
   
•   行業(yè)工作流程需要重組。以前，制作一個網(wǎng)站的流程是：美工設(shè)計好效果圖，客戶和美工反復(fù)商量、確認、修改，開發(fā)人員完成制作并上傳至服務(wù)器。在這個過程中，客戶和美工可能常會為一個像素（pixel）的問題糾纏不清，而切圖人員和程序員也可能在分解效果圖時因為粗心而導(dǎo)致效果略有出入。在網(wǎng)站上線后，前端的各種用戶體驗會逼迫設(shè)計人員再次修改。現(xiàn)在，這樣的工作模式將會改變。
   
•   個人職業(yè)生涯重新定位。大部分網(wǎng)頁設(shè)計人員都是平面美工，而HTML5獨有的3D Web技術(shù)將會給美工帶來全新的挑戰(zhàn)。如何展現(xiàn)一個3D網(wǎng)頁，如何讓交互的用戶體驗更好，將是令設(shè)計人員頭疼的事情。當然，這可能也是很有意思、很有價值的事情。
   
•   原生支持無需插件。以前網(wǎng)頁中對音頻和視頻的處理都會依賴各種插件來完成，這一直是使用HTML 4標準進行網(wǎng)頁設(shè)計時的一個遺憾。但是，現(xiàn)在HTML5對音頻和視頻的處理有了強大的支持，audio和video標簽就是專門為此而誕生的。各種可控的屬性、預(yù)載、插頁功能都令人激動不已，因為我們知道原生的意義重大。
   
•   對Web設(shè)計人員的要求更高。一直以來，人們都認為網(wǎng)頁設(shè)計人員不必會動態(tài)腳本語言，甚至不必會網(wǎng)頁切圖。現(xiàn)在，HTML5標準將賦予網(wǎng)頁設(shè)計人員更多的工作和使命、更高的要求、更為廣博的知識結(jié)構(gòu)、更有想象力的設(shè)計靈感¬。

HTML5向網(wǎng)頁設(shè)計者提供了強大的表現(xiàn)能力和極其豐富的表現(xiàn)效果，它需要網(wǎng)站建設(shè)設(shè)計者有充分的想象力和實現(xiàn)能力。大膽地想象，大膽地創(chuàng)意吧，在HTML5的表現(xiàn)中，無論怎么大膽都不為過。

  蘋果公司的精神領(lǐng)袖喬布斯說過：“網(wǎng)頁將為你的手指而設(shè)計。” HTML5標準的出現(xiàn)意味著，對于網(wǎng)頁設(shè)計而言，現(xiàn)在是好的時代，也是壞的時代。

  以上是日照網(wǎng)站建設(shè)公司（昊諾網(wǎng)絡(luò)公司）分享，如果大家喜歡該分享想了解更多，請關(guān)注我們的網(wǎng)站動態(tài)！