如何制作h5頁面 什么是h5頁面?
什么是h5頁面?首先,H5不是一種技術(shù),而是一種標(biāo)準(zhǔn),一種技術(shù)的集合。其次,我們需要知道什么是HTML語言,它是一種描述性語言,全稱為“超文本標(biāo)記語言”。我們使用的網(wǎng)頁是用HTML語言制作的。H5是H
什么是h5頁面?
首先,H5不是一種技術(shù),而是一種標(biāo)準(zhǔn),一種技術(shù)的集合。
其次,我們需要知道什么是HTML語言,
它是一種描述性語言,全稱為“超文本標(biāo)記語言”。我們使用的網(wǎng)頁是用HTML語言制作的。H5是HTML的第五個版本,在這個版本中添加了許多特性,例如:
1。拖放、自定義屬性、語義內(nèi)容標(biāo)簽、音頻、視頻、畫布、畫布、地理API、本地脫機(jī)存儲。
但是,H5還有一個寬泛的術(shù)語,包括新的C3功能,例如:1。顏色:新RGBA,HSLA模式
2。文字陰影
3。邊框半徑:長方體陰影
4。盒子大小
5。背景大小,背景原點,背景剪輯
6。梯度:線性梯度,徑向梯度
7。過渡:動畫過渡
8。自定義動畫@keyfrom
9。媒體查詢多欄布局@媒體屏幕和(寬度:800px) {… }
10. 邊框圖像
11。2D變換:平移(x,y)旋轉(zhuǎn)(x,y)傾斜(x,y)縮放(x,y)
12。三維變換
13。字體圖標(biāo)字體臉
14。靈活的flex布局
H5頁面切換,左右滑動和上下滑動,哪種好?
!]左右滑動和上下滑動都是交互的形式,使用哪一種取決于具體的應(yīng)用場景。
推薦幾種常見的框架:框架7、引導(dǎo)、zepto、swiper;
當(dāng)然,也有一些領(lǐng)域需要注意,例如:
1。在蘋果手機(jī)上,向右滑動很容易觸發(fā)返回上一頁。因此,為了獲得互動體驗,我們應(yīng)該謹(jǐn)慎使用正確的滑動操作模式。
2. 設(shè)置幻燈片向上翻頁時,引導(dǎo)箭頭應(yīng)向上而不是向下;如果單擊“向上翻頁”,請使用向下箭頭。
3. 功能按鈕應(yīng)盡量遠(yuǎn)離頁面底部,以便更好地適應(yīng)各種型號和尺寸的手機(jī),防止按鈕被遮擋
H5生產(chǎn)一般是使用在線工具完成的?,F(xiàn)在有很多種工具,下面我將列出一些。
在線工具:
1。兔子秀
2。一氣秀
3?,斂?/p>
4。百度H5
5。Ih5
除了直接制作H5外,我們還可以將PPT轉(zhuǎn)換成H5。當(dāng)然,前提是要讓ppt適合轉(zhuǎn)H5。PP工匠是一個流行的在線工具。
當(dāng)然,除了在線工具,您還可以使用本地軟件。在這方面幾乎沒有選擇。我推薦炫目類,分為基礎(chǔ)版和專業(yè)版。安裝時可以選擇安裝類型?;景婵梢赞D(zhuǎn)換PPT,而專業(yè)版可以執(zhí)行更多的操作。