HTML5 動態網站

網站設計目前已走向移動終端平台，估計未來的網站建設都會以HTML5為主要設計方向因為HTML5不僅是動態網站，而且又能完美結合IPAD 、 IPHONE與所有移動終端，不僅像移動終端那樣的觸摸屏的流覽方式，而且檔案小又具有動態效果，正好彌補了FLASH網站的足。

————————————————————————————————————————
什麼是 HTML5 ？
HTML5 是 HTML (HYPERTEXT MARKUP LANGUAGE 超文件標示語言) 的下一波重大改革，它新增了許多重要的功能，最主要目的是要減少網頁設計中外掛程式 (PLUG-IN-BASED) 的使用，像是 ADOBE FLASH、MICROSOFT SILVERLIGHT、APACHE PIVOT 和 SUN JAVAFX 等。
————————————————————————————————————————



我覺得這個smokey bones餐廳動態網站做的很好，簡單又完美結合了所有移動終端。
http://smokeybones.com

這是電腦版，首頁以整面大圖來吸引顧客眼光，排版是分兩欄，左邊是選單然後右邊就是餐廳資料設計。右邊做了一個SEE THE FULL MENU的格子主打Late Night Menu，讓我們可以直接點進去看。右上角是網上訂購的小按鈕，很明顯又直接想訂購就直接click進去。這個整個網站給我的感覺是走簡潔易明的路線。

平板版的時候，選單會自動縮小成簡易版，全部資料以及圖案也
會配合銀幕大小而改變。

手機版

平板以及手機的簡易選單

（電腦版）click一下menu，就可以看到餐廳裡面在賣的西式料理以及其他分類，想了解哪一個西式料理就直接click進去看就可以了。

平板版和手機版的menu就會自動變成1欄，
圖片也會自動縮小以及掩蓋來配合銀幕尺寸。

（電腦版）click進去隨便一種料理就會直接看到料理的介紹以及詳細資料。

（平板版和手機版）裡面的料理的介紹以及詳細資料排版也會自動改變來遷就銀幕尺寸。

smokey bones餐廳網站運用了這樣的手法，可見他們的消費者範圍是很廣大，消費者可以不管在任何時候都可以上網訂購或看到他們的網站，而且不會因銀幕尺寸的問題讓消費者有所困擾。

HTML5創造出了新潮流以及新技術，有一些網站讓我對他們的創意十分驚喜。

這裡還有一個網站( http://www.annasafroncik.it/ )，他也是讓我深深被HTML5的魅力征服了的原因之一。