h5頁面設計的意思是用H5語言編寫的界面。H5原本是一種制作萬維網頁面的標準計算機語言，由HTML5簡化而來的詞匯，HTML5的設計目的是為了在移動設備上支持多媒體。

頁面設計：隨著時代的發展，移動端用戶的增加，掃描二維碼付款、登入網站、關注公眾號、兌獎等行為越來越多，一個新的概念移動適配站即H5頁面誕生。它是通過HTML和CSS和JS技術生成的網站，需要適配多種分辨率的屏幕的。分別有H5網站，H5廣告，H5游戲。

網頁設計（web design，又稱為Web UI design，WUI design，WUI），是根據企業希望向瀏覽者傳遞的信息（包括產品、服務、理念、文化），進行網站功能策劃，然后進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種，精美的網頁設計，對于提升企業的互聯網品牌形象至關重要。網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟件用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。

前端的優勢是門檻低，非常容易入門，但是后期發展你需要不斷學習各種技術框架，后端需要一定的編程基礎或者對編程感興趣的，要求有很強的邏輯思維能力。

HTML5其實只是前端開發中重要的一部分技術，是現在前端開發的標準組件，特別是在移動端的特效開發、游戲開發，以及APP的開發方向上非常流行。 web前端是一個做有關網頁的一個概述，是一個網頁view層的總得稱呼。前端開發，簡單來說，就是把平面效果圖轉換成網頁，把靜態轉換成動態。它的工作包括了:切圖、寫樣式、做鼠標效果和圖片切換效果等。

而優秀的前端開發可以保障實現這些效果的同時，即不能影響網站的打開速度、瀏覽器兼容性還有搜索引擎的收錄，還可以讓用戶體驗更加舒適，使網站在訪問中顯得更精細、更用心。訪客使用起來更簡便。

H5是2014年更新的一個web設計的標志和一些新的語法，HTML5是HTML標準，它本身是一項標準化協議。H5開發通常意義上指使用HTML5等較為潮流的技術進行前端開發。現在完成一些頁面制作、WebAPP、微網站開發以及網頁游戲等，現在都是使用HTML5標準完成的。

在開始搭建H5前端工程前，我們需要選擇好開發工具、搭建開發環境、了解前端基礎知識、學會使用調試工具以及node相關技術。準備好這些后，現在就跟著步驟來搭建H5前端項目吧！

1.首先，選擇開發工具WebStorm ，開始創建項目，新建項目選擇文件保存路徑，創建項目文件夾。

2.然后，創建子目錄。分別創建imgs文件夾，用于存放圖片資源；css文件夾，用于存放css文件；js文件夾，用于存放js文件。 在根目錄創建index.html文件。 正式開發

3.接下來，在網上搜索一個多頁面的前端網站。審查頁面元素并且分割頁面布局，開始模仿網頁并搭建H5前端工程。

建議前端新手剛剛開始學習時，根據前端知識點的不同，選擇相應的實戰項目開發。