最近老板讓我搞個(gè)公司用的h5網(wǎng)站，說是要展示公司形象，還要能在線收集客戶信息，把我給愁的。

一開始我是懵的，h5是個(gè)我一個(gè)寫代碼的，平時(shí)凈跟數(shù)據(jù)庫(kù)打交道，哪懂這些花里胡哨的玩意兒。沒辦法，硬著頭皮上唄。

第一步，當(dāng)然是先搞清楚啥是h5。

我一頓搜索，發(fā)現(xiàn)原來h5就是一種網(wǎng)頁技術(shù)，能在手機(jī)上、電腦上各種地方打開，還挺方便。然后就是找工具，網(wǎng)上說啥的都有，易企秀、兔展、MAKA……看得我眼花繚亂。

第二步，選工具，試用！

• 易企秀：我進(jìn)去一看，模板挺多，拖拖拽拽就能做，還挺簡(jiǎn)單。
• 兔展：這個(gè)也差不多，功能上感覺比易企秀還多點(diǎn)，但界面我不太喜歡。
• MAKA：這個(gè)感覺更偏設(shè)計(jì)一點(diǎn)，我這種代碼男用起來有點(diǎn)費(fèi)勁。
• 人人秀：這個(gè)名字挺逗，功能也挺全，投票、抽獎(jiǎng)、紅包啥的都有，感覺挺適合搞活動(dòng)。

我選易企秀，主要是因?yàn)樗?jiǎn)單，模板也比較符合我們公司的風(fēng)格。也試下“云展網(wǎng)”，操作是簡(jiǎn)單，直接上傳PDF就能變成h5，但是老板說這樣太單調(diào)。

第三步，開干！

選好模板，我就開始往里面填內(nèi)容。公司介紹、產(chǎn)品展示、聯(lián)系方式……一樣一樣往里塞。圖片也是找美工要的，文字也是找文案改的，我就是個(gè)“搬運(yùn)工”。

內(nèi)容弄開始搞表單

這可是重點(diǎn)，要收集客戶信息的。易企秀里有現(xiàn)成的表單功能，姓名、電話、郵箱……各種字段隨便加。我還加個(gè)提交按鈕，寫上“立即咨詢”，感覺還挺像那么回事。

第四步，測(cè)試，發(fā)布！

自己先預(yù)覽幾遍，沒啥問題，就發(fā)給老板看。老板提幾個(gè)小修改意見，改完之后，就正式發(fā)布！

我們公司也有自己的h5網(wǎng)站！雖然過程有點(diǎn)曲折，但結(jié)果還算滿意。以后再有這種活兒，我也不怕！

這回的分享就到這，希望能給像我一樣的技術(shù)小白提供一丟丟幫助，過程可能啰嗦，但都是自己的真實(shí)體驗(yàn)。