2012年8月5日 星期日

JotForm 線上表單產生器,免費製作網站聯絡表單


在網站裡加入聯絡站長表單、問卷調查或是讓用戶可以快速提交建議嗎?如果只留個 E-mail,恐怕很多人會懶得打開程式來寫一封電子郵件,這時候我們就可以考慮設計一個表單來讓需要的使用者填寫,填後立即從瀏覽器上送出,不但更加方便,也省去了打開其他軟體的麻煩。先前我們已經介紹過幾款可以免費製作線上表單的服務,如果你正在尋找,除了本文的 JotForm 以外,還有幾個類似的網站可以供您參考:PandaFormContactifyEmailMe Form


在 Pseric 的記憶中,早期網頁還在 HTML 時代就已經有線上表單的設計,當時填完後按下送出,會開啟電子郵件客戶端並自動帶入你所填寫的內容,再藉由 Email 方式寄到對方的信箱裡;過了一段時間後,開始有 PHP 程式可以線上寄信,不過都必須要自行架設,還有繁瑣的設定檔要修改,搞定之後才能夠透過網頁來發送或儲存表單。


但現在網路科技日新月異,線上表單已經簡單到可以直接在瀏覽器內製作設計,JotForm 號稱最簡單的表單製作工具,只要以拖曳的方式就能調整每個欄位的位置、要顯示哪些字樣或說明等等,真的非常方便,完成後不但可以從瀏覽器直接開啟表單,也可以內嵌至網頁裡,當使用者填寫完成會自動儲存在 JotForm、也可以寄回信箱。


網站名稱:JotForm
網站鏈結:http://www.jotform.com/免費註冊


使用教學


JotForm 無須註冊就能使用,不過每月只能接收 20 筆表單,我會建議免費註冊帳戶,可以提升至每月 100 筆表單和 100 MB 空間、另外可以使用 10 筆 SSL 加密表單、10 次的接收付款,對於一般網站來說已經相當夠用。


JotForm 的使用方法很簡單,從左邊把需要使用的項目拖曳到右邊表單編輯器上,然後把欄位名稱跟說明稍微設定一下即可,大多數會用到的項目例如文字方塊、文字欄位、下拉式選單、單選方塊、檔案上傳等等都可以從 Form Tools 找到;此外還可以依照不同的項目來設定對齊方向、必填與否、大小、驗證方式或是預設值等等。



在點選表單內的項目後,可以設定的選項會出現在上方,例如下圖就是針對某個欄位新增一個子標籤,此外還能加入範例文字、說明等等。



 


JotForm 會定時自動儲存你所設定的表單,如果有不小心改錯的話,按下 UndoRedo 可以快速回到上一步、下一步,點擊 Preview 可以預覽表單所呈現出來的樣子。



在按鈕部分,JotForm 提供許多種樣式供使用者選擇。



選擇 Setup & Embed(設定和內嵌)功能,會有電子郵件通知、感謝頁面、內嵌表單、原始碼和進階設定等選項可以調整。



完成後點擊 Embed Form 來取得嵌入表單的原始碼,除了可以使用特定鏈結來進入線上表單外,還有 Embed、Source、iFrame、LightBox、Feedback、Pop-up 等方式可以存取你製作的表單,下方也有依照不同的平台來訂製的使用方式。



JotForm 亦可結合第三方服務,例如透過 Dropbox 來接收檔案、結合 Facebook 來取得聯絡資訊、或是透過 MailChimp 來發送電子報。



JotForm 真的是一款蠻方便的線上工具,可能有些人已經知道 Google 文件亦可以製作線上表單,並將結果直接儲存至 Google 文件裡,但 JotForm 所提供的功能更多,例如 SSL 加密表單或是線上收款、結合第三方服務等等,更適合拿來作為網頁表單。如果你想增加網站訪客和你的互動、或是提供一個更為便捷的聯繫方式,那麼 JotForm 是不錯的選擇。


Read more...

我是去從WordPress官網申請帳號,那要怎麼新增外掛?

我找了好久都沒有「外掛」這個選項


如果是WordPress.com的服務,不能加入任何外掛。


我在Wordpress.com的部落格已經停止更新了,因為不能自訂版面,不能插入html表單語法,不能加外排,不能javascript..一堆限制,不好玩


現在用Wordpress.com的人也很少,只要單純寫文章還不錯用


讓我有些失望.而不能作修改,這樣自由度很低...會讓我想以後再嘗試它付費的有何不同


如果要玩外掛....還是自架的比較好...
找一個免費空間來玩。


Read more...

如何製作WordPress分頁選單

如果各位常常瀏覽網站應該知道某些網頁有下拉式選單,我們可以將屬性相近的分頁設定成一組下拉式選(下圖有示範),當滑鼠游標指到選單頁之後,下拉式選單就會出現選項讓網友點選,部份網頁設計軟體也有此功能,可見這算滿常見的功能,那我們該怎麼在Wordpress平台裡設定這功能呢?







設定分頁選單




分頁選單在2.X版的預設佈景不支援此選項,大半都要自己上網找支援的佈景,有的時候還要改變php檔案的語法或安裝套件來配合此功能,不過現在3.0版預設的佈景 Twenty Ten 支援選單功能,而且Wordpress 3.0 版已經針對這種選單做了一些設計,如果只是簡單的分頁選單我們只要做幾項設定就可以完成了


不過要提醒大家,這樣的設定會影響網頁的閱讀,建議將同一屬性的頁面放到同一選單,且建議別放太多層(子母選單關係最好三層以內),這樣才不會讓網友覺得選單很凌亂,或者各位可以看 花水木 的 下拉式選單的迷思 這篇文章,他會提到更多優缺點的比較,這裡就直接進入正題好了




1. 登入後台並選擇網誌分頁



進行這項設定,一定要登入後台(廢話!),因為我們這次只要設定網誌的分頁,因此不需要動到其他設定,點選網誌分頁就可以進入設定畫面了


2. 設定單一分頁的選項



點了網誌分頁之後,各位可以在右邊區塊看到網誌的選單,但因為我們這次只要設定屬性,不需要真正變更分頁的內容,所以各位可以選擇快速編輯,這樣就不用從傳統的編輯設定屬性了


3. 設定上層分頁



這裡的結構有點怪,我解釋一下,所謂的上層選項是指這個分頁在選單裡要排列的相對位置,這個分頁要排列到哪一頁的下方,但選單的先後順序得看設定上層目錄的先後順序而定,假設B跟C都同時設定A為上層目錄,但B分頁比C更早設定,設定完成之後,A就變成選單的最上層,可以顯示在主頁的分頁,當游標移動到A之後才會顯示B跟C這兩個目錄選項,但在這裡A、B、C都是可以讓網友自由點選的分頁,看網友點哪一個分頁都可以


4. 檢查設定選項



設定完成之後,你可以離開管理選單回到網誌首頁,用游標測試選單是否如你所願的正常運作,在剛才的設定中,站務管理雖然設定上層目錄在關於這個部落格的這個分頁類別下,但因為本站相關規定比站務管理更早設定,所以站務管理就列為選單的最後選項,萬一你把站務管理這個分頁的上頁選項設定在本站相關規定這分頁的話,這樣本站相關規定的子目錄就增加站務管理這個選項


不知道大家能不能了解這關係,所以我在上面的圖片畫了一個箭頭,希望大家看得懂這次的解說,我們下次再會


 


教學網址:http://www.toppy368.tw/archives/777


Read more...

WordPress 5分鐘架站-【佈景設置與文章發表】

WordPress出到3.0版本,在這個版本中主要的變革就是新增更多的函數方便佈景開發,後台介面的更新,安裝時不用特地開檔案設定,全部都在網頁上執行就可以了,對於又興趣者,步訪也來自己嫁個部落格玩玩吧!!那又要如何架設呢?


網路上,雖然有許多其他網友撰寫的WordPress安裝方法,但每次安裝狀況都不太一樣,還必須自己去揣測、亂試,其實蠻累的。WordPress版本越新,安裝就真的是愈來越簡單了,只要有自己的空間、網址、建立好資料庫、再將檔案上傳就可以輕鬆完成囉!


每個WordPress玩家心中,都有自己的一個佈景草圖,但對不了解PHP、CSS語法的初學者而言,真的是又愛又恨啊!!雖然現在搜尋引擎的功能如此龐大,隨便找一下也有1000多種跑不掉,但要找到自己中意的,可能就沒有那麼簡單囉!!不會寫css, php沒關係。但『改』就相對容易得多了!!


要修改自己的佈景以前,就必須先找一個好的版型再來做修改喔!



WordPress 程式下載




WordPress佈景下載



 


✎佈景設置與文章發表:



第1步 先於上述網址中,找到一個自己中意的網址。本站以【WordPress官方網站: http://WordPress.org/extend/themes/】所提供的佈景主題為例。



第2步 若要先預覽,則請點選又欄位的「Preview」,若要下載,則請點選「Download」。



第3步 將佈景主題解壓縮後,上傳至您的Ftp站台,佈景主題根目錄為「/wp-content/themes」。



第4步 上傳完成後,請至您的管理後台,點選左側欄位的「外觀」→「佈景主題」,來啟用。



第5步 若要使之能於管理後台「外觀」→「主題編輯器」直接編輯,則請先將您佈景主題資料夾,中的檔案權限設為「777」即可。



第6步 若要啟用,側邊模組sidebar,則請點選「外觀」→「佈景主題」,之後將需要的模組,托移置網頁板型中。



第7步 為您的網站(部落格)做完完美的布景後,就可以開始發表你的第一篇文章喔!!當您一開始,安裝好WordPress之後,您的網站就已經有一篇,WordPress的歡迎文章,您可以直接為之作編輯,或額外再發表文章,是您情況不同而不同。



第8步 若要插入影片,則請點選文章編輯器上方的「工具列」→「插入、編輯嵌入媒體」,並選擇該影片的Type,接著再按「插入」即可。



第9步 您可以於文章編輯頁的下方,為文章做基本設定,如「是否開放迴響」、「允許網誌分頁引用與通告」…等等諸如此類的項目。或者要還原到之前儲存的箱子,也是可以的喔!



第10步 若您不喜歡,WordPress給您設置的文章網址,則請於「設定」→「固定網址」中做更改喔!!



WordPress的網站架設系列教學就到此結束,若依舊有不懂的地方,請善用網路資源,稍加揣摩,並非每個人一開始就能把WordPress玩的上手喔!!



Read more...

WordPress 5分鐘架站-【後台管理與基本設定】

WordPress出到3.0版本,在這個版本中主要的變革就是新增更多的函數方便佈景開發,後台介面的更新,安裝時不用特地開檔案設定,全部都在網頁上執行就可以了,對於又興趣者,步訪也來自己嫁個部落格玩玩吧!!那又要如何架設呢?


網路上,雖然有許 多其他網友撰寫的WordPress安裝方法,但每次安裝狀況都不太一樣,還必須自己去揣測、亂試,其實蠻累的。WordPress版本越新,安裝就真的是愈來越簡單了,只要有自己的空間、網址、建立好資料庫、再將檔案上傳就可以輕鬆完成囉!


安裝好WordPress就準備發文章了嗎,沒錯!!不過在這之前,你必須先做小小的設定喔!!



WordPress 程式下載



 


✎後台管理與基本設定:


第1步 首先,登入WordPress,之後點選「設定」→「一般設定」。在此頁面中呢,可以說是一個網站的臉,您的「網誌標題」就好比是他的名子;「網誌描述」就好比是他的個人簡介;「URL」就好比是他的身分證字號(網路上的獨一無二)…等等!!



第2步 上述的基本頁面設定完後,開始就可以開始為您的帳戶做一些修改囉。點選「帳號」→「帳號」即可!!



第3步 點選您的帳戶,並按「編輯」。



第4步 輸入個人基本資料,暱稱欄位「請務必使用暱稱」,勿用真實姓名,以策安全。



第5步 於同頁下方,您可以更改密碼,填寫跟人簡歷。



第6步 如圖,更新成功。



第7步 若您要新增帳號,則請點選「帳號」→「新增帳號」。於欄位中填選『帳號、電子郵件、密碼、角色』等應填的欄位。其角色分別如下圖。




第8步 若要刪除帳號(戶),則請點選「帳號」之後,於欲刪除帳號中的下方點選「刪除」即可。



第9步 如圖,刪除成功。



第10步 若您要修改網站(部落格)簡介,則請至「網誌分頁」中找到欲修改的文章,並打開即可。



第11步 是您的情況不同而不同,說明(略)。



第12步 若要新增網誌分頁,則請於「網誌分頁」→「新增網誌分頁」建立。




Read more...

2012年8月4日 星期六

CyberSyndrome 線上搜尋最即時的 Proxy 列表及 Proxy 相關工具








有些網站所提供的服務會僅限於當地或某些地區可以使用或是有限制連出區域或網域名稱的地區,通常最簡單的解決方式就是使用 Proxy Server (若對 Proxy 伺服器,還不是很清楚作用的話,建議可到 維基百科 閱讀 「代理伺服器」的相關資訊),透過對瀏覽器設定「Proxy 伺服器」就可以解決大多數的上述情況,然而 Proxy Server 從何而來,那些還是有用的 Proxy Server,有沒有相關工具可以協助,要找當地的 Proxy Server ...等,這些問題基本上都可以在 CyberSyndrome 這個免費的日本網站上得到最佳的協助。

【CyberSyndrome 網站資訊】



網站語言:日文

服務性質:免費





如何使用 CyberSyndrome 所提供的服務?


1.進入 CyberSyndrome 網站後,根據自身需求選擇相關服務。


2.若是主要以Proxy的速度快慢時,可點擊[Speed Ranking],接著便會出現Proxy列表,滑鼠移置IP時會出現所屬國家簡碼的提示。


3.若是要找當地所屬的Proxy server,可點擊[Country Code],接著會出現國家列表,國家名稱後都有一個[Proxy]按鈕,若要使用快速篩選國家名稱,可使用所提供的一排的英文字母,依據國家英文名,例如要找台灣,則點擊[T]便會快速跳到T開頭的位置。


4.點擊[Proxy]後,便可列出當地的Proxy server。


 





如何使用所搜尋到的 Proxy Server ?


1. 以微軟IE瀏覽器為例,開啟後,點擊[工具] > [網際網路選項]。


2.接下來在所出現的設定視窗中,切換到[連線]並點擊頁籤內的[區域網路設定]。


3.在Proxy 伺服器處勾選,並將剛剛所找到的其中一組Proxy Server 輸入,連接埠就是跟隨在IP後的號碼,輸入好之後,可點擊[進階]來設定其他的硬育服務是否套用該Proxy Server。




設定好之後,點擊[確定]離開所有的設定視窗,當開始使用瀏覽器瀏覽網頁時,便會透過剛剛所設定的Proxy Server,但請注意,Proxy Server 並非一直有效,有些可能一下就失效或一直有效,所以建議若非要瀏覽有限制的網站時,可以不必設定。


Read more...

如何下載中國大陸 Google 音樂服務內的 MP3 ﹝含 Proxy Server 取得及 IE 設定教學﹞?










Google 在中國大陸推出的 MP3 音樂線上聆聽及下載服務,但僅限於中國大陸,台灣是不開放的,那麼如何從台灣下載 MP3 音樂呢?其實可以透過 Proxy Server 來進行,不過這個 Proxy Server 一定還要是中國大陸的,如何取得呢?


請參閱 CyberSyndrome 線上搜尋最即時的 Proxy 列表及 Proxy 相關工具  文章。



【Google 音樂 網站資訊】



網站語言:簡體中文

服務性質:免費





如何取得 中國大陸的 Proxy Server ?


1.進入 cybersyndrome 網站後,點擊[Country Code]。


2.接著點擊[C]。


3.點擊中國列表後的[Proxy]按鈕。


4.接著就會列出目前在中國大陸的 Proxy Server。



 





如何使用取得的 Proxy Server ?

1.以微軟的IE瀏覽器為例,點擊[工具] > [網際網路選項]。


2.在所出現的網際網路選項視窗中,切換到[連線]頁籤,並點擊下方的[區域網路設定。]


3.在 Proxy 伺服器的位置上,勾選[在您的區域網路使用 Proxy 伺服器...]該選項,並輸入剛剛所查詢到的 Proxy,輸入好之後,點擊[確定]離開。

 





如何下載中國大陸 Google 音樂服務內的 MP3?


1.原本未使用 Proxy Server 前,進入 Google 音樂服務,會出現一個提示。


2.設定好 Proxy Server 之後,開啟瀏覽器,進入 Google 音樂服務,該提示不見了。


3.點擊華語歌手[蔡依林]後,便會出現蔡依林的歌曲列表。


4.點擊在歌曲後的向下箭頭圖示後,便會出現下載,點擊[下載]便可下載該首MP3。


Read more...

About This Blog

  © Blogger templates Psi by Ourblogtemplates.com 2008

Back to TOP