在移動(dòng)互聯(lián)網(wǎng)時(shí)代，大企業(yè)大公司們都在利用自己強(qiáng)大資源和技術(shù)比拼h5場(chǎng)景頁面營銷，一些小企業(yè)或普通獨(dú)立營銷者也不能眼巴巴地看著卻什么都做不了。因此有了許多免費(fèi)h5頁面制作神器出現(xiàn)。MAKA作為國內(nèi)第一家做h5平臺(tái)的公司，本人早在一年前加入了該平臺(tái)的設(shè)計(jì)師行列。今天本設(shè)計(jì)師就給大家介紹一下MAKA編輯器全攻略吧！
一、進(jìn)入MAKA模板商城
1、選擇模板
百度搜索MAKA，進(jìn)入網(wǎng)站后注冊(cè)賬號(hào)并登錄，在模板商城界面上可以看很多可供使用的模板，根據(jù)自己的需要，點(diǎn)擊相應(yīng)的模板，進(jìn)入制作界面。
2、進(jìn)入制作平臺(tái)
選擇完模板后，會(huì)自動(dòng)進(jìn)入制作平臺(tái)。在制作平臺(tái)上，主要分三大區(qū)域：左側(cè)的作品頁面調(diào)整預(yù)覽顯示區(qū)域，中間的是作品編輯區(qū)域，右側(cè)的是組件屬性功能編輯區(qū)域。
二、功能介紹
文字
1、功能定義：用于展示文字內(nèi)容，通過修改文字的顯示屬性，可以生成各式各樣的顯示效果。
2、操作方法：點(diǎn)擊右側(cè)的文字選項(xiàng)——“新建文本”，編輯面板會(huì)出現(xiàn)可供選擇的文字輸入框，如大標(biāo)題，小標(biāo)題和正文內(nèi)容等等。雙擊輸入框可以修改文字內(nèi)容；修改右側(cè)的屬性選項(xiàng)，可以改變文字的顯示樣式。
3、屬性說明：
1）字體：改變文字的字體，提供的是MAKA數(shù)據(jù)庫的字體，非電腦本地字體。
字號(hào)：修改文字的顯示大小。
3）行距：修改兩行文字間的間距。
4）調(diào)色板：修改文字顏色。
5）樣式：字體可設(shè)置加粗，斜體，下劃線，居中，居左，居右，水平排列和垂直排列的轉(zhuǎn)置
6）高度：修改文字輸入框的高度，單位像素。
7）寬度：修改文字輸入框的寬度，單位像素。
8）透明度：修改文字的透明度，100%為不透明，0%為全透明。
9）旋轉(zhuǎn)：可以0°~360°旋轉(zhuǎn)。
10）文本框：水平居左，水平居中，水平居右，垂直居上，垂直居中，垂直居下
圖片
1、功能解釋：用于顯示圖片，通過修改圖片的顯示屬性，可以改變圖片的大小、透明度、角度等。
2、操作方法：
1）激活功能：點(diǎn)擊右側(cè)的圖片選項(xiàng)——“素材”，編輯面板會(huì)出現(xiàn)不同分類的圖片素材以及上傳自定義圖片按鈕。
2）上傳新圖片：點(diǎn)擊“上傳圖片”按鈕，上傳本地電腦中的圖片。
3）圖片庫中的圖片：如果之前已經(jīng)上傳過圖片，可以點(diǎn)擊“我的”，選擇需要顯示的圖片。
4）截圖：按住鼠標(biāo)左鍵拖動(dòng)選擇圖片區(qū)域，雙擊圖片，進(jìn)入圖片裁剪模式，選擇要裁剪的區(qū)域，點(diǎn)擊“√”圖標(biāo)按鈕或右擊選擇“裁剪”，便可以裁剪出選中的圖片區(qū)域。
3、屬性說明：
1）更換圖片：選中想要替換掉的圖片，點(diǎn)擊“更換圖片”，上傳新圖片。
2）透明度：修改圖片的透明度，100%為不透明，0%為全透明。
3）圓角：修改圖片邊角的圓潤程度，數(shù)值越大，圖片邊角越圓潤。
4）陰影：從0%-100%，四周陰影從小到大變化。
5）旋轉(zhuǎn)：可以0°~360°旋轉(zhuǎn)。
6）大?。盒薷膱D片的寬度和高度
7）位置：X代表橫軸，Y代表縱軸，輸入數(shù)字可以調(diào)整圖片的坐標(biāo)位置。
8）位置圖標(biāo)：水平居左，水平居中，水平居右，垂直居上，垂直居中，垂直居下
形狀元素
1、功能解釋：用于添加形狀組件，增強(qiáng)設(shè)計(jì)感和趣味性。
2、操作方法：點(diǎn)擊“形狀元素”，選擇想要的形狀類型，如點(diǎn)擊數(shù)據(jù)圖標(biāo)，可以看到數(shù)據(jù)圖表形狀元素，單擊某個(gè)元素，自動(dòng)添加到當(dāng)前編輯的頁面。
3、屬性說明：
1）顏色：選中想要修改顏色的形狀元素更換。
2）更換形狀：點(diǎn)擊“更換形狀”即可更換其他形狀。
3）透明度：修改形狀元素的透明度，100%為不透明，0%為全透明。
4）旋轉(zhuǎn)：可以0°~360°旋轉(zhuǎn)。
5）大?。盒薷男螤畹膶挾群透叨?/span>
6）位置：X代表橫軸，Y代表縱軸，輸入數(shù)字可以調(diào)整形狀元素的坐標(biāo)位置。
7）位置圖標(biāo)：水平居左，水平居中，水平居右，垂直居上，垂直居中，垂直居下
按鈕鏈接
1、功能解釋：用于添加鏈接按鈕或互動(dòng)按鈕，可以添加一切頁面的鏈接，如:微博鏈接、微信公眾號(hào)關(guān)注鏈接、官網(wǎng)鏈接、淘寶鏈接等等。
2、操作方法：點(diǎn)擊右側(cè)的鏈接選項(xiàng)——“鏈接”，編輯面板的右側(cè)會(huì)出現(xiàn)“跳轉(zhuǎn)連接”，“呼叫撥號(hào)”、“互動(dòng)”和“倒計(jì)時(shí)”四個(gè)選項(xiàng)。
（1）點(diǎn)擊“跳轉(zhuǎn)鏈接”自動(dòng)添加按鈕，可以雙擊按鈕，修改按鈕文本，可調(diào)整范圍參考前面的文本。
（2）點(diǎn)擊“互動(dòng)”則自動(dòng)添加“點(diǎn)贊”按鈕。
（3）點(diǎn)擊“呼叫撥號(hào)”，自動(dòng)添加撥號(hào)按鈕，可自定義電話號(hào)碼。
（4）點(diǎn)擊“倒計(jì)時(shí)”，添加倒計(jì)時(shí)功能，可自定義倒計(jì)時(shí)截止時(shí)間。
高級(jí)功能
功能解釋：添加更多好玩有趣的功能，如視頻、測(cè)試游戲、表單、投票、接力、地圖、圖組、抽獎(jiǎng)等。（下面以表單功能為例）
表單
1、功能解釋：是允許用戶在表單中輸入并提交文本信息的功能組件，用戶提交的信息可以在帳戶欄目下的表單數(shù)據(jù)中顯示。表單中，可以自定義每個(gè)選項(xiàng)的名稱和項(xiàng)目的數(shù)量。
2、操作方法：點(diǎn)擊右側(cè)的表單選項(xiàng)，彈出新建表單窗口，對(duì)表單內(nèi)容進(jìn)入添加。
3、屬性說明：
1）表單內(nèi)容：添加表單填寫項(xiàng)，可自定義提示文字，勾選是否必填，自定義內(nèi)容選項(xiàng)。
2）按鈕文字：提交表單的按鈕提示，如“報(bào)名”。
3）按鈕反饋：添加按鈕點(diǎn)擊提交后的反饋信息，如“報(bào)名成功”。
底圖
1、功能解釋：設(shè)置頁面的背景顏色或者圖片。
2、操作方法：點(diǎn)擊模板頁面背景，在右側(cè)的背景選項(xiàng)，對(duì)具體屬性進(jìn)行修改。
3、屬性說明：
1）背景色：可以上傳新圖片作為背景圖片，也可修改背景顏色，以純色顯示。
2）上傳新圖片：點(diǎn)擊屬性欄“更換背景”按鈕，上傳本地電腦中的圖片或選擇MAKA圖片素材作為背景。
3）圖片庫中的圖片：如果之前已經(jīng)上傳過圖片，可以從圖片庫中選擇需要顯示的圖片作為背景。
4）截圖：按住鼠標(biāo)左鍵拖動(dòng)選擇圖片區(qū)域，然后點(diǎn)擊截圖按鈕或者雙擊選中的圖片區(qū)域，便可以裁剪出選中的圖片區(qū)域作為背景。
5）翻頁效果：點(diǎn)擊頁面背景區(qū)域，在右側(cè)背景屬性的“翻頁效果”下選擇翻頁效果，如層疊、覆蓋、折疊、旋轉(zhuǎn)、淡出淡入、縮放、推移、魔方等。
6）底部菜單欄：企業(yè)版特色功能。啟用后將會(huì)在底部顯示可調(diào)轉(zhuǎn)的菜單欄。
音樂
1、功能解釋：設(shè)置修改當(dāng)前作品的背景音樂。
2、操作方法：
點(diǎn)擊右側(cè)上方的“背景音樂”選項(xiàng)，選擇已有的音樂文件，或點(diǎn)擊“上傳音樂”，上傳本地電腦的音頻文件，還可以選擇無背景音樂。
動(dòng)作
1、功能解釋：用于設(shè)置組件的動(dòng)畫效果，使展示顯得更酷炫。
2、操作方法：選中需要設(shè)置動(dòng)畫效果的組件，點(diǎn)擊右側(cè)的動(dòng)畫選項(xiàng)，選擇需要的動(dòng)畫效果?？稍O(shè)置動(dòng)畫的組件：文字、圖片、按鈕。
3、屬性說明：
1）速度：進(jìn)場(chǎng)時(shí)間可調(diào)整0秒~10秒不等。
2）延遲：可設(shè)置當(dāng)前頁面出現(xiàn)后0秒~10秒進(jìn)場(chǎng)。
3）動(dòng)作效果：可選無效果、淡入、從左/右滾入、放大、下落放大、彈性放大、彈性縮小、向左/右飛入、向上/下飛入、旋轉(zhuǎn)出現(xiàn)、左右翻轉(zhuǎn)、上下翻轉(zhuǎn)、剎車、向左/右滑入、向上/下滑入、向左/右展開、向上/下展開等。
三、保存生成
保存作品
1、在作品制作完成以后，首先點(diǎn)擊右上角的保存按鈕。
2、預(yù)覽作品
作品保存完成以后，再點(diǎn)擊右上角的預(yù)覽按鈕。
3、生成作品
點(diǎn)擊預(yù)覽頁面后，在彈出的預(yù)覽頁面填寫作品信息，完善好作品的標(biāo)題、描述和縮略圖后，直接關(guān)閉彈窗即可。
4、分享作品
（1）點(diǎn)擊預(yù)覽頁面并完善作品信息后，可以直接掃描二維碼分享到微信朋友圈或者復(fù)制作品鏈接分享到網(wǎng)絡(luò)世界的每個(gè)角落。
（2）返回到“我的作品”，查看作品列表，選擇作品點(diǎn)擊“預(yù)覽”，掃描二維碼分享到微信朋友圈或者復(fù)制作品鏈接即可分享。
注意事項(xiàng)
修改作品的時(shí)候，需要重新點(diǎn)擊“預(yù)覽”保存，才可以預(yù)覽出修改后的效果。
聯(lián)系客服
