現在移動網際網路行業日趨發達,很多傳統企業紛紛轉型,希望能借助網際網路這一渠道擴大品牌的影響力。但如何建設並運營好自己的移動網站(也就是web app),是很多企業頭疼的問題。於是,不少人紛紛將目光投向了移動自助建站平臺。
移動自助建站的特點和優勢
1、不用編寫網站程式碼,不用自己管理伺服器,根據自己的需求和喜好,就可以自己構建雲端app。
2、只要自己編輯內容,再套用合適的模板即可,無需網頁設計師參與也可達到自己想要的效果。
3、花費的時間很短,不必陷入漫長的開發週期。
4、成本投入少,可選擇的功能多,價效比傳統app開發高很多。
工具/原料
即速應用-web app 生成平臺
方法/步驟
選擇空白模板,建模板。沒UI設計師的,如果想省時間,可以套用模板,可以較快的生成自己想要的Web App。
首頁佈局!
先插入一個頂部導航元件,作為首頁,頂部導航的標題建議都是大家的公司或者商城名稱。
建立了一個輪播圖元件做Banner,因為做的是微商城,所以仿照了tb,用輪播的方式播放一些已經修好的商品圖片。然後在右邊的元件內容中對每個輪播圖片逐一新增相對應頁面連結去向。
接著建立一個圖片列表,並在頁面屬性中把行列設定成了4列1行,再修改圖片高度直接設定為圓形,系統就自動調整圖片高低了。接著更換圖片,替換成按鈕圖片,並在點選事件中的頁面連結至相對應的頁面。
因為打算在這一行左右分開,並且是做成左邊是大圖,右邊是上下分開的小圖加標題。
所以先插入一個雙欄元件,再在右邊的欄裡再插入一個雙欄,這樣就實現了欄目的劃分。接著在最左邊的雙欄位置插入一個大圖,並且對它的寬度和高度調節。然後對最右邊的雙欄也插入一個圖片元件,並且右鍵複製一個圖片元件到下面(小技巧),如下圖,接著拖入文字外掛,這裡需要注意,拖入第三文字框後,需要先對它的上間距進行調整,再拖入第四個文字框,這樣才可以做到上下圖片對應文字的標題與內容。(小技巧)
插入底部導航元件,任何的App都有底部導航,而且每個頁面都有,所以這裡需要提醒,每個頁面的編輯完後,都需要插入一個底部導航。一般是先編輯一個純底部導航的頁面,然後編輯其他頁面的時候,先複製這個純底部導航的頁面再編輯,這樣能省下不少時間。(小技巧)
注意事項
多樣性的內容展示形式——無論是企業品牌宣傳,還是商品銷售,通過移動端移動自助建站都可以實現豐富多樣的內容展現形式:文字、圖片、音訊、視訊……根據自己的需求和喜好,就可以輕鬆搭建出具有各種內容展現形式的移動端網站。