作者：巨人電商

淘寶造物節(jié)h5鏈接該如何去制作?

POST TIME:2020-10-22

　　淘寶造物節(jié)這個(gè)H5在業(yè)內(nèi)太火了，通過全景圖、分層運(yùn)動(dòng)的方式，在網(wǎng)頁中構(gòu)造出動(dòng)漫VR場(chǎng)景，基本上看過都贊不絕口。它在朋友圈是比較的火爆的，還帶有了背景音樂，淘寶造物節(jié)h5鏈接怎么制作?

　　選擇模板

　　首先進(jìn)入網(wǎng)站后注冊(cè)賬號(hào)并登錄后，即可進(jìn)入制作界面。在界面上可以看很多可供使用的模板，根據(jù)自己的需要，點(diǎn)擊相應(yīng)的模板。

　　進(jìn)入制作平臺(tái)

　　選擇完模板后，會(huì)自動(dòng)進(jìn)入制作平臺(tái)。在制作平臺(tái)上，主要分三大區(qū)域：左側(cè)的作品結(jié)構(gòu)顯示區(qū)域，中間的是作品制作區(qū)域，右側(cè)的是組件屬性修改區(qū)域。

　　功能介紹：

　　文字

　　1、功能定義：用于展示文字內(nèi)容，通過修改文字的顯示屬性，可以生成各式各樣的顯示效果。

　　2、操作方法：點(diǎn)擊右側(cè)的文字選項(xiàng)，編輯面板的右上角會(huì)出現(xiàn)文字輸入框，雙擊輸入框可以修改文字內(nèi)容;修改右側(cè)的屬性選項(xiàng)，可以改變文字的顯示樣式。

　　3、屬性說明：

　　1)字體：改變文字的字體，提供的是兔展數(shù)據(jù)庫的字體，非電腦本地字體。

　　2)字號(hào)：修改文字的顯示大小。

　　3)行距：修改兩行文字間的間距。

　　4)調(diào)色板：修改文字顏色。

　　5)寬度：修改文字輸入框的寬度，單位像素。

　　6)高度：修改文字輸入框的高度，單位像素。

　　7)透明度：修改文字的透明度，100%為不透明，0%為全透明。

　　8)旋轉(zhuǎn)：調(diào)整文字與水平線的夾角，正數(shù)為順時(shí)針旋轉(zhuǎn)，負(fù)數(shù)為逆時(shí)針旋轉(zhuǎn)。

　　圖片

　　1、功能解釋：用于顯示圖片，通過修改圖片的顯示屬性，可以改變圖片的大小、透明度、角度等。

　　2、操作方法：

　　1)激活功能：點(diǎn)擊右側(cè)的圖片選項(xiàng)，編輯面板的右上角會(huì)出現(xiàn)兔展的logo圖片。

　　2)上傳新圖片：點(diǎn)擊屬性欄中的上傳按鈕，上傳本地電腦中的圖片進(jìn)入替換。

　　3)圖片庫中的圖片：如果之前已經(jīng)上傳過圖片，可以從圖片庫中選擇需要顯示的圖片。

　　4)截圖：按住鼠標(biāo)左鍵拖動(dòng)選擇圖片區(qū)域，然后點(diǎn)擊截圖按鈕或者雙擊選中的圖片區(qū)域，便可以裁剪出選中的圖片區(qū)域。

　　3、屬性說明：

　　1)寬度：修改圖片的寬度。

　　2)高度：修改圖片的高度。

　　3)原比例：此選項(xiàng)打上勾好，圖片的寬度和高度將按照?qǐng)D片原來的比例顯示，修改其中的一個(gè)數(shù)值，另外一個(gè)數(shù)值會(huì)除之改變。

　　4)透明度：修改圖片的透明度，100%為不透明，0%為全透明。

　　5)旋轉(zhuǎn)：調(diào)整圖片與水平線的夾角，正數(shù)為順時(shí)針旋轉(zhuǎn)，負(fù)數(shù)為逆時(shí)針旋轉(zhuǎn)。

　　按鈕

　　1、功能解釋：用于添加鏈接按鈕，可以添加一切頁面的鏈接，如:微博鏈接、微信公眾號(hào)關(guān)注鏈接、官網(wǎng)鏈接、淘寶鏈接等等。

　　2、操作方法：點(diǎn)擊右側(cè)的按鈕選項(xiàng)，編輯面板的右上角會(huì)出現(xiàn)文字輸入框;修改右側(cè)的屬性選項(xiàng)，可以改變按鈕的參數(shù)和樣式。

　　3、屬性說明：

　　1)文字：修改按鈕上顯示的文字。

　　2)鏈接：需要按鈕鏈接到的頁面，注意鏈接開頭要包含“ http:// ”。

　　3)填充色：按鈕上的背景顏色。

　　4)邊框色：按鈕的邊框顏色。

　　5)形狀-邊框：修改邊框的寬度，“0”代表按鍵無邊框。

　　6)邊框-圓角：修改邊框邊角的圓潤程度，數(shù)值越大，按鈕邊角越圓潤。

　　7)寬度：修改按鈕的寬度。

　　8)高度：修改按鈕的高度。

　　9)透明度：修改按鈕的透明度，100%為不透明，0%為全透明。

　　10)旋轉(zhuǎn)：調(diào)整按鈕與水平線的夾角，正數(shù)為順時(shí)針旋轉(zhuǎn)，負(fù)數(shù)為逆時(shí)針旋轉(zhuǎn)。

　　表單

　　1、功能解釋：是允許用戶在表單中輸入并提交文本信息的功能組件，用戶提交的信息可以在帳戶欄目下的表單數(shù)據(jù)中顯示。表單中，可以自定義每個(gè)選項(xiàng)的名稱和項(xiàng)目的數(shù)量。

　　2、操作方法：點(diǎn)擊右側(cè)的表單選項(xiàng)，彈出新建表單窗口，對(duì)表單內(nèi)容進(jìn)入添加。

　　3、屬性說明：

　　1)表單標(biāo)題：添加表單的標(biāo)題。

　　2)行標(biāo)題：添加表單的行標(biāo)題。

　　3)按鈕內(nèi)容：添加按鈕的顯示文字。

　　底圖

　　1、功能解釋：設(shè)置頁面的背景顏色或者圖片。

　　2、操作方法：點(diǎn)擊右側(cè)的背景選項(xiàng)，對(duì)具體屬性進(jìn)行修改。

　　3、屬性說明：

　　1)背景色：修改背景顏色，背景顏色將以純色顯示。

　　2)上傳新圖片：點(diǎn)擊屬性欄中的上傳按鈕，上傳本地電腦中的圖片作為背景。

　　3)圖片庫中的圖片：如果之前已經(jīng)上傳過圖片，可以從圖片庫中選擇需要顯示的圖片作為背景。

　　4)截圖：按住鼠標(biāo)左鍵拖動(dòng)選擇圖片區(qū)域，然后點(diǎn)擊截圖按鈕或者雙擊選中的圖片區(qū)域，便可以裁剪出選中的圖片區(qū)域作為背景。

　　音樂

　　1、功能解釋：設(shè)置修改當(dāng)前作品的背景音樂。

　　2、操作方法：

　　點(diǎn)擊右側(cè)的配置選項(xiàng)，點(diǎn)擊選擇文件按鈕，從彈出的窗口中選擇出本地電腦的音頻文件，點(diǎn)擊確定，然后點(diǎn)擊上傳按鈕。

　　擴(kuò)展

　　1、功能解釋：設(shè)置當(dāng)前頁面切換效果和擴(kuò)展菜單。

　　2、操作方法：

　　點(diǎn)擊右側(cè)的配置選項(xiàng)，選擇須要的效果進(jìn)行修改。

　　動(dòng)畫

　　1、功能解釋：用于設(shè)置組件的動(dòng)畫效果，使展示顯得更酷炫。

　　2、操作方法：選中需要設(shè)置動(dòng)畫效果的組件，點(diǎn)擊右側(cè)的動(dòng)畫選項(xiàng)，選擇需要的動(dòng)畫效果。

　　3、可設(shè)置動(dòng)畫的組件：文字、圖片、按鈕。

　　保存生成

　　在制作頁面的右下角，有保存、預(yù)覽和發(fā)布三個(gè)按鈕，用戶在制作完成后，需要先點(diǎn)擊保存，然后進(jìn)入預(yù)覽頁面，把作品的標(biāo)題、描述和封面圖完善后，即可以發(fā)布。

　　H5頁面在微信朋友圈里面出現(xiàn)的比較多，這個(gè)相信很多的微信用戶都是可以看得到的，H5頁面以其低成本、炫酷、方便的特點(diǎn)，受到了不少品牌推廣者的歡迎。上面就介紹了造物節(jié)H5頁面的制作方法。