close

近幾年在一些單位授課,時常教有關於網站設計的課程

而這兩年RWD已經成為必須的網站設計技術

其實這RWD已經不像過去那樣要搞CSS或是bootstrap

雖然HTML基本功還是要有,CSSjQuery、javascript...等等

若可以還是要會,但今天要講的工具

是要搭配網路行銷的工具

也是最迅速立即馬上完成的手法

也是最基本的美編+版面設計

運用三款工具即可輕鬆完成~

首先第一套工具是 去背工具 Remove Image Background 

螢幕快照 2019-03-31 下午9.50.22.png

使用上很簡單,就是把要去背的圖點擊 select a photo這按鈕,然後上傳這樣你就會取得一張去背好的圖了

S__49668098.jpg

接著再到 photopea 進行編輯、合成等的動作(這裡假設你已經會photoshop),這樣你的產品圖或者是一些形象圖就有囉~

螢幕快照 2019-03-31 下午9.56.58.png

最後,就是重頭戲 開始製作RWD網站

我們來到 mobirise.com 將這套工具下載並安裝在你的電腦上

螢幕快照 2019-03-31 下午9.58.15.png

安裝好後,開啟軟體,再來就是拖拖拉拉就可以完成一間網站囉~

gif01.gif

當你完成後,發佈之後

基本上一間RWD的靜態形象網站就已經完成了

至於要接購物車或是資料庫等

這就是套程式的事囉~

所以,若你想當一個版面網站設計師

你可以使用這一套軟體

若你想搞形象網站也可以用這一套

若你想搞一頁式網站、客製化RWD網站

這一套你也可以拿去使用~

以上,希望對大家有幫助囉~

下回,咱再把詳細的教學影片放上囉~

補充教學 : https://reurl.cc/e164L

謝謝~

 

arrow
arrow
    創作者介紹
    創作者 Joker 的頭像
    Joker

    Joker的部落格

    Joker 發表在 痞客邦 留言(2) 人氣()