《H5設計與運營》第八章H5制作工具-2課件

1、8.2.3 使用高級組件“快閃”組件8.2.3 使用高級組件“快閃”組件8.2.3 使用高級組件“點擊截圖”組件在左圖所示的H5場景中，中間為滾動變換的文字圖片，點擊“確認運勢”按鈕，即可進行截圖，效果如右圖所示。在組件列表中單擊“點擊截圖”按鈕 ，即可插入該組件，可以更改該組件的名稱或風格，還可以自定義圖片。在H5場景中插入“點擊截圖”組件后，在手機微信環(huán)境下預覽H5頁面，點擊“點擊截圖”按鈕，可以對當前頁面內(nèi)容進行截圖，然后用手指長按截圖，在彈出的菜單中設置將圖片保存到手機相冊。8.2.3 使用高級組件“點擊截圖”組件在左圖所示的H5場8.2.3 使用高級組件“畫板”組件8.2.3 使用高

2、級組件“畫板”組件8.2.3 使用高級組件“投票”組件8.2.3 使用高級組件“投票”組件8.2.3 使用高級組件“隨機事件”組件8.2.3 使用高級組件“隨機事件”組件8.2.3 使用高級組件“動態(tài)數(shù)字”組件使用“動態(tài)數(shù)字”組件可以生成一組數(shù)字的動態(tài)變化。在組件列表中單擊“動態(tài)數(shù)字”按鈕 ，在“組件設置”面板中選擇類型，設置動畫時長和數(shù)值區(qū)間等參數(shù)。使用“動態(tài)數(shù)字”組件還可以生成隨機數(shù)，按照前面介紹的方法為組件添加觸發(fā)條件，并開啟“隨機停止”功能即可。8.2.3 使用高級組件“動態(tài)數(shù)字”組件使用“動態(tài)數(shù)字”組8.2.4 使用微信組件“頭像”組件8.2.4 使用微信組件“頭像”組件8.2.4

3、使用微信組件“聲音”組件8.2.4 使用微信組件“聲音”組件8.2.4 使用微信組件“照片”組件8.2.4 使用微信組件“照片”組件8.2.4 使用微信組件“照片墻”組件在組件列表中單擊“照片墻”按鈕 ，即可在頁面中添加“照片墻”組件。用戶可以在“組件設置”面板中設置頭像行數(shù)、頭像邊框、背景顏色等，如下圖所示。在微信上預覽場景時，將展示最近瀏覽者的微信頭像，默認顯示3行頭像，每行8個頭像，最多展示24位最近的瀏覽者。8.2.4 使用微信組件“照片墻”組件在組件列表中單擊“照8.2.5 使用AI組件“自說字畫”組件8.2.5 使用AI組件“自說字畫”組件8.2.5 使用AI組件“立體魔方”組件8

4、.2.5 使用AI組件“立體魔方”組件目錄CONTENTH5基本編輯8.1使用易企秀H5編輯器組件8.2使用易企秀H5編輯器表單8.3目錄CONTENTH5基本編輯8.1使用易企秀H5編輯器組件表單能夠幫助企業(yè)或商家獲得用戶的聯(lián)系方式并收集用戶的信息，在制作企業(yè)招聘、活動邀請等H5場景時都會用到表單。將鼠標指針置于組件欄中的“組件”按鈕上，將顯示表單組件列表，如下圖所示。需要注意的是，使用表單組件時，需要添加“提交”按鈕，這樣才可以將數(shù)據(jù)提交到后臺。表單能夠幫助企業(yè)或商家獲得用戶的聯(lián)系方式并收集用戶的信息，在8.3.1 使用常用表單組件“聯(lián)系人”和“輸入框”表單組件8.3.1 使用常用表單組件

5、“聯(lián)系人”和“輸入框”表單組件8.3.1 使用常用表單組件“提交按鈕”表單組件8.3.1 使用常用表單組件“提交按鈕”表單組件8.3.1 使用常用表單組件“短信驗證”表單組件短信驗證功能用于驗證輸入的手機號是否真實有效，該功能是需要付費的，可以在易企秀中點擊購買。當短信條數(shù)不足時，短信驗證碼將發(fā)送失敗。在“表單”列表中單擊“短信驗證”按鈕 ，即可插入“短信驗證”組件，在“組件設置”面板中可以設置輸入框顏色、文字顏色等樣式，如下圖所示。8.3.1 使用常用表單組件“短信驗證”表單組件短信驗證功8.3.1 使用常用表單組件“留言板”表單組件8.3.1 使用常用表單組件“留言板”表單組件8.3.2

6、使用基礎表單組件“單選”表單組件單選按鈕用于在一系列選項中選擇唯一的項目。在“表單”列表中單擊“單選”按鈕 ，即可在頁面中插入“單選”表單組件。在“組件設置”面板中單擊 或 按鈕添加或刪除選項。若要隱藏標題，可以設置主題顏色和標題顏色透明。在“功能設置”選項下打開“設為必填”功能，可以將該組件設置為必填項，若用戶在填寫表單時沒有選擇該選項，表單將無法提交，如下圖所示。8.3.2 使用基礎表單組件“單選”表單組件單選按鈕用于在8.3.2 使用基礎表單組件“多選”表單組件多選按鈕用于在一系列選項中選擇多個項目。在“表單”列表中單擊“多選”按鈕 ，即可在頁面中插入“多選”表單組件。在“組件設置”面板

7、中選擇“單選”或“多選”模式，可以迅速切換單選或多選類型，如下圖所示。8.3.2 使用基礎表單組件“多選”表單組件多選按鈕用于在8.3.2 使用基礎表單組件“下拉列表”表單組件8.3.2 使用基礎表單組件“下拉列表”表單組件8.3.2 使用基礎表單組件“評分”表單組件在“表單”列表中單擊“評分”按鈕 ，即可在頁面中添加“評分”組件，對H5場景內(nèi)容進行打分。在“組件設置”面板中可以設置評分標題、按鈕圖標、圖標顏色等，如下圖所示。完成評分并提交后，在后臺可以看到評分數(shù)據(jù)。8.3.2 使用基礎表單組件“評分”表單組件在“表單”列表8.3.2 使用基礎表單組件“上傳附件”表單組件“上傳附件”表單組件用

8、于收集圖片，在填寫表單時，可以點擊連接到手機相冊，上傳手機相冊中的圖片。上傳圖片后，需要點擊“提交”按鈕，才能將收集的圖片上傳提交到后臺。在“表單”列表中單擊“上傳附件”按鈕 ，在“組件設置”面板中設置標題、背景顏色、邊框等，如下圖所示。若要上傳Word、Excel、PDF等類型的文件，可以在易企秀易表單中進行操作。8.3.2 使用基礎表單組件“上傳附件”表單組件“上傳附件8.3.3 使用高級表單組件在易企秀H5編輯器中，可以使用高級表單組件插入簡單的數(shù)據(jù)圖表，包括餅狀圖、柱狀圖、折線圖和曲面圖。在“表單”列表中單擊“餅狀圖”按鈕 ，然后在“組件設置”面板中設置標題、圖例、標識顏色等，如下圖（左）所示，單擊“編輯表單數(shù)據(jù)”按鈕可以更改數(shù)據(jù)和圖例顏色。采用同樣的方法，插入“柱狀圖”組件，或者在“圖表類型”下拉列表中更改圖表類型，如下圖（右）所示。8.3.3 使用高級表單組件在易企秀H5編輯器中，可以使用課后習題1在易企秀H5編輯器中，使用矩形形