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

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

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

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

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

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

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

在開始搭建H5前端工程前，我們需要選擇好開發(fā)工具、搭建開發(fā)環(huán)境、了解前端基礎(chǔ)知識、學會使用調(diào)試工具以及node相關(guān)技術(shù)。準備好這些后，現(xiàn)在就跟著步驟來搭建H5前端項目吧！

1.首先，選擇開發(fā)工具WebStorm ，開始創(chuàng)建項目，新建項目選擇文件保存路徑，創(chuàng)建項目文件夾。

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

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

建議前端新手剛剛開始學習時，根據(jù)前端知識點的不同，選擇相應(yīng)的實戰(zhàn)項目開發(fā)。