單元 1/2, (一節)課 1/1
 

Chronoforms 簡介

Chronoforms 是一個很棒的表單設計套件,使用拖放的方式,就可以幫你產生簡易的表單。例如:最簡單的就是「聯絡表單」。

chronoform v6 intro 3 10670

 

如果馬上要使用,Chronoforms 有提供DEMO展示表單可以直接選取。

chronoform v6 intro 1 685eb

 

chronoform v6 intro 2 1a03d

 

選取之後,馬上就有現成的聯絡表單可以使用。

chronoform v6 intro 4 d9169

 

下圖看到的是,匯入 Contact Form 的表單設定畫面,可以做一些基本的設定。

chronoform v6 intro 5 89e5a

 

接下來的「頁面」,就是Chronoforms很強的地方。

Views,可以拖拉需要的欄位或物件進來。

chronoform v6 intro 6 00702

 

Actions,就是想要表單做的動作。

其實,在 Actions 裡面就可以寫程式了...可以做複雜的表單設計。

chronoform v6 intro 6 0 d8263

 

如果你只想要簡單的表單,就不太需要注意 Actions 了,只要處理它的基本動作設定即可。

例如:

Message 是送出表單之後,要顯示的訊息。

Email 是表單的email通知。

chronoform v6 intro 6 1 34b87

 

這裡看到 Message 和 Email 是DEMO表單的設定。我們可以再拖拉別的物件進來,執行其他動作。也就是,可以發揮的空間很大。

 

切換到「預覽」,就可以看到聯絡表單的樣子了。

chronoform v6 intro 7 d96e1

 

其實我非常喜歡這樣的設計

拖放(Drag&Drop)的方式,對初學者或不熟悉的人,很簡單。

裡面的Actions動作很彈性,拖拉物件進來寫程式。對於進階的使用者來說,就少了很多的限制,可以自由創作。

 

接下來的課程單元與內容,我們要逐一的為大家介紹 Chronoforms 的使用方式。

課程內容會依實際需要設計,包含教學文件和影片。

 

歡迎大家一起來學習!

 

 

Chronoforms 簡介

payment fm paypayment 711 paypayment ecpaypayment paypalpayment masterpayment visa

加入LINE好友

line pic

給你最新的學習情報!

服務專線:04-23209259