近年來興起的H5頁面，不僅成本低，營銷效果也很不錯(cuò)，很多商家都會(huì)使用H5頁面來營銷。那大家知道旅游營銷H5頁面設(shè)計(jì)與制作的步驟是怎樣的嗎？今天就跟faceui小編一起來了解一下吧。

　　方法/步驟1:

　　選擇模板

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

　　方法/步驟2:

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

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

　　旅游營銷H5頁面設(shè)計(jì)與制作（圖片來自網(wǎng)絡(luò)）

　　方法/步驟1:

　　文字

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

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

　　3、屬性說明:

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

　　2)字號:修改文字的顯示大小。

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

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

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

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

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

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

　　方法/步驟2:

　　圖片

　　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)打上勾好，圖片的寬度和高度將按照圖片原來的比例顯示，修改其中的一個(gè)數(shù)值，另外一個(gè)數(shù)值會(huì)除之改變。

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

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

　　方法/步驟3:

　　按鈕

　　1、功能解釋:用于添加鏈接按鈕，可以添加一切頁面的鏈接，如:微博鏈接、微信公眾號關(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)。

　　方法/步驟4:

　　表單

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

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

　　3、屬性說明:

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

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

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

　　方法/步驟5:

　　底圖

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

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

　　3、屬性說明:

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

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

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

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

　　旅游營銷H5頁面設(shè)計(jì)與制作（圖片來自網(wǎng)絡(luò)）

　　方法/步驟6:

　　音樂

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

　　2、操作方法:

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

　　以上文章中，faceui小編給大家介紹了旅游營銷H5頁面設(shè)計(jì)與制作的步驟是怎樣的相關(guān)內(nèi)容，希望對大家有所幫助。H5頁面營銷效果還是很不錯(cuò)的，可以找專業(yè)的設(shè)計(jì)公司來設(shè)計(jì)制作。