有誰(shuí)知道哪個(gè)網(wǎng)站可以免費(fèi)自學(xué)制作H5頁(yè)面嗎？現(xiàn)在很多H5制作工具都有相應(yīng)的免費(fèi)教程，但不是每個(gè)人都能幫你自學(xué)H5創(chuàng)意頁(yè)面，你最好仔細(xì)篩選。在篩選的過程中，你需要考慮兩點(diǎn)。一是該工具的教程是否系統(tǒng)全面。

有誰(shuí)知道哪個(gè)網(wǎng)站可以免費(fèi)自學(xué)制作H5頁(yè)面嗎？

現(xiàn)在很多H5制作工具都有相應(yīng)的免費(fèi)教程，但不是每個(gè)人都能幫你自學(xué)H5創(chuàng)意頁(yè)面，你最好仔細(xì)篩選。在篩選的過程中，你需要考慮兩點(diǎn)。一是該工具的教程是否系統(tǒng)全面。因?yàn)镠5包含了很多創(chuàng)意形式，每個(gè)形式都包含了很多細(xì)節(jié)，你最好系統(tǒng)地學(xué)習(xí)，否則很難做出好的作品。第二個(gè)問題是這個(gè)工具的教程是否容易理解。如果表達(dá)不清或過于簡(jiǎn)練，會(huì)增加理解的難度，學(xué)習(xí)效果更難說，這是我以前遇到過的。根據(jù)個(gè)人經(jīng)驗(yàn)，易派epu360的教程非常豐富實(shí)用。如果你想學(xué)習(xí)，可以在平臺(tái)“教程”中找到相應(yīng)的教程（如一鏡到底、合成海報(bào)、答題測(cè)試、碰撞游戲等）。我只知道這些。其他工具也可能有完整且易于理解的教程。你可以自己找，然后比較。

制作h5都用什么軟件？

我使用多種工具在線完成生產(chǎn)?，F(xiàn)在我用H5。

在線工具：

1。兔子秀

2。一氣秀

3。瑪卡

4。百度H5

5。Ih5

除了直接制作H5外，我們還可以將PPT轉(zhuǎn)換成H5。當(dāng)然，前提是要讓ppt適合轉(zhuǎn)H5。PP工匠是一個(gè)流行的在線工具。

當(dāng)然，除了在線工具，您還可以使用本地軟件。在這方面幾乎沒有選擇。我推薦炫目類，分為基礎(chǔ)版和專業(yè)版。安裝時(shí)可以選擇安裝類型?；景婵梢赞D(zhuǎn)換PPT，而專業(yè)版可以執(zhí)行更多的操作。

什么是h5頁(yè)面？

首先，H5不是一種技術(shù)，而是一種標(biāo)準(zhǔn)，一種技術(shù)的集合。

其次，我們需要知道什么是HTML語(yǔ)言，

它是一種描述性語(yǔ)言，全稱為“超文本標(biāo)記語(yǔ)言”。我們使用的網(wǎng)頁(yè)是用HTML語(yǔ)言制作的。H5是HTML的第五個(gè)版本，在這個(gè)版本中添加了許多特性，例如：

1。拖放、自定義屬性、語(yǔ)義內(nèi)容標(biāo)簽、音頻、視頻、畫布、畫布、地理API、本地脫機(jī)存儲(chǔ)。

但是，H5還有一個(gè)寬泛的術(shù)語(yǔ)，包括新的C3功能，例如：1。顏色：新RGBA，HSLA模式

2。文字陰影

3。邊框半徑：長(zhǎng)方體陰影

4。盒子大小

5。背景大小，背景原點(diǎn)，背景剪輯

6。梯度：線性梯度，徑向梯度

7。過渡：動(dòng)畫過渡

8。自定義動(dòng)畫@keyfrom

9。媒體查詢多欄布局@媒體屏幕和（寬度：800px) {… }

10. 邊框圖像

11。2D變換：平移（x，y）旋轉(zhuǎn)（x，y）傾斜（x，y）縮放（x，y）

12。三維變換

13。字體圖標(biāo)字體臉

14。靈活布局flex

??先h5不是一項(xiàng)技術(shù)，而是一個(gè)標(biāo)準(zhǔn)，一個(gè)技術(shù)的集合.

其次就要知道什么是HTML語(yǔ)言，

它是一種描述性語(yǔ)言，全名“HyperTextMarkupLanguage（超文本標(biāo)記語(yǔ)言）”，我們所使用的頁(yè)面就是用html語(yǔ)言語(yǔ)言制作的。而h5就是HTML的第5個(gè)版本， 而在這個(gè)版本中自增了許多特性，

例如:

1. 拖拽釋放，自定義屬性，語(yǔ)義化更好的內(nèi)容標(biāo)簽，音頻 ，視頻(audio， video) ，畫布Canvas， 地理(Geolocation) API， 本地離線存儲(chǔ).

然而h5也有廣義的說法，其中包含新增的c3特性，例如:1. 顏色: 新增RGBA ， HSLA模式

2. 文字陰影(text-shadow)

3. 邊框: 圓角(border-radius) 邊框陰影 : box-shadow

4. 盒子模型: box-sizing

5. 背景:background-size background-origin background-clip

6. 漸變: linear-gradient ， radial-gradient

7. 過渡 : transition 可實(shí)現(xiàn)動(dòng)畫

8. 自定義動(dòng)畫 animate @keyfrom

9. 媒體查詢 多欄布局 @media screen and (width:800px) {…}

10. border-image

11. 2D轉(zhuǎn)換transform: translate(x，y) rotate(x，y) skew(x，y) scale(x，y)

12. 3D轉(zhuǎn)換

13. 字體圖標(biāo) font-face

14. 彈性布局flex

更多知識(shí)請(qǐng)關(guān) 注黑馬程序員哦~