WFU

2015年7月21日 星期二

利用Google表單做出線上投票問卷&嵌入網頁中使用


在逛網站時,常常可以看到很多網站有在辦理投票
這個是怎麼製作出來的呢?

其實幫忙製作線上投票的網站很多
這次先介紹用Google表單來設計一個簡單的問券,以後若有機會,再跟大家介紹其他系統的線上投票系統
根據本文設計出的問卷,請到本文最下方網址觀看
首先,要先有一個Google帳號,沒有的人請到Google申請一個新帳號(連結請點這邊

申請完之後,請到Google首頁,點選上方選項中的「雲端硬碟
進入雲端硬碟之後,請如下圖所示,新增一個「Google表單

接著會跳出下面的畫面,這個就是問券的設計畫面了
在「單選按鈕」這一個地方,有不同的設計模式,您可以自己試試看
因為目前設計的問卷都是單選式的,所以只需要使用「單選按鈕」就可以了

按下方的「完成按鈕」之後,會出現下面的畫面

這時候我們點選上方的「查看即時表單

在視窗中,可以看到剛剛設定的新問卷

填完之後,按下「提交」,系統會跳出下面的畫面

這時候,有些問卷設計者,會讓填單者看之前的回應
這時候在畫面左下角會看到「查看先前的回應

點選之後,可以看到之前已經填單者的使用狀況(數量,比例;並不包含個人資料)


OK,到現在這邊,表單基本上已經設計完成了
但是要怎麼去將這個表單「嵌入」在網頁之中呢?
我們先回到下面的畫面中,然後點選右上角的「傳送表單

按完之後,會出現下面的畫面
可以選擇將這個表單的網址傳到其他地方
我們要用在網頁之中,所以請點選「內嵌」這一個按鈕

會跳出一個視窗,裡面有HTML程式碼
請把這個程式碼,用滑鼠右鍵複製起來

接著回到自己要發表的網頁或是部落格文章中
選擇「HTML」模式,將剛才複製下來的東西,貼進去
這樣就可以了

對了,上圖中,劃紅線的地方,我們可以自己設定這一個問卷視窗的大小
請大家自己調整

最後,請大家點選下面的網址,到該網頁最下方,看最後設計出來的問卷吧^__^

問卷網址請點這邊~~~
http://mk543.blogspot.tw/2015/07/Medicine-NHI-Increase-Card-Reader-1040717.html