值得學習網站

第六篇
套用 Weebly 免費網站上的表單

適合程度： 初學者 一般程度 進階者 以上均宜
壹、報導前言：
一般我們常見到的免費網站(主機或空間)服務業者，大部份都只提供存放網頁的單純伺服器存取服務。
幾乎所有業者都會提供免費的次網域(或稱子網域)網址給你，是依附於主網域名稱下的一個網域名稱。
部份業者也會提供一些比較簡單功能的線上網頁編輯工具，給完全不懂 HTML 語法者做為線上編輯使用。
天下沒有白吃的午餐，這些業者不可能是慈善機構，提供這麼多免費資源給你，背後目的就是要賺錢。
網頁上出現廣告是最基本的附加價值，賣網址、賣主機、及提升為高級用戶等級，這些都是常見手段。
這次我們要介紹一個免費的 Weebly 網站給你，它包括前面所提到的所有功能，讓你一次搞定你的網站。
雖然它是英文版的國外網站，仍然支援大部份簡體文字的翻譯，如果你會使用部落格就應該會使用才對。
如果你完全不懂 HTML，也不會用 Dreamweaver 這類網頁設計軟體，免費的 Weebly 網站值得你試用看看。
由於網路上已有許多熱心的網友，針對如何申請、操作、發布...等等，製作成網頁或影片做深入教學報導
所以本報除了介紹 Weebly 功能及如何申請外，重點將會擺在此站系統內所提供的免費聯繫表單(Contact Form)。
談白說：如果你懂的基本 HTML 語法，尤其是表單(Form)部份，必可在非常短的時間完成你想要聯繫表單。
網頁研習室始終如一的期盼每一位網友，不論你是否會使用 Dreamweaver 編輯軟體，都最好學會 HTML 語法。
注意：為求完備，本報導文章部份引用或取自網路分享資源，其創作權或著作權均為當事者所有，特此感謝。
聲明：本免費網站為 Weebly 公司所有，屬免費性質，並不包括在你購買的教材或線上教學片費用，特此聲明。

貳、Weebly 簡介：
Weebly.com 是一間位於美國舊金山的網頁服務業者，2007 年被時代雜誌選為年度前五十名最佳網站之一。
為何全球超過六百萬的用戶和公司選擇 Ｗeebly 網站?原因就是：想以最簡單、最強大和廉價的方式創造網站。
我特將 Weebly 秀在首頁上的六大創新功能，進一步說明如下：
拖曳式網站編輯：你不用任何技術，會使用拖曳就可編輯網站。
強大虛擬主機託管：採用雲端科技，24 小時專人維護管理。
超過百種專業模版：超過 100 種以上的專業設計模版，隨時換新衣。
輕鬆發布博客文章：博客引擎也是採用拖曳介面，讓你更加容易操作。
數不清的多媒體功能：圖片集、幻燈片、影視撥放器、地圖...等功能。
Weebly for iphone：這是最新發表技術，讓你的手機也能輕易構建網站。

文字教學：Go
圖解教學(限付費會員)：Go

參、申請與設定：
重點提示：
建議：如果你是尚未申請過的網友，建議由這個網址進入申請，首次便可進階成為高級版本會員。
說明：使用推薦者註冊會員，雙方都可進階為高級 (pro) 版本，高級版本功能比一般會員多出許多。
技巧：如果你看簡體網頁有點困難，建議你可以使用 Google Chrome 瀏覽器，它會幫你自動翻譯為繁體中文。
申請成為 Weebly.com 會員非常簡單，我們現在就開始吧！

文字教學：Go
圖解教學(限付費會員)：Go

肆、構建表單：
重點提示：
Weebly 網站免費提供的好用元素之一就是聯繫表單(Contact Form)，這也是我要在本篇特別報導與推薦的主要原因。
聯繫表單是提供給任何訪問您網站者，將一個設定好欄位的信息傳送給你的互動工具。
聯繫表單的最大好處就是，不用再耽心訪客沒有設定 outlook 這類專用收寄信軟體。
聯繫表單被送出後，訪問者輸入的信息將被發送到你的電子信箱及表單帳戶(查看條目)這兩個地方。
如果您的電子郵件一直沒收到寄出的信件，請檢查您的垃圾桶郵件，有可能被系統攔阻或過濾掉。
現在我們就用它提供的最基本元素 - 聯繫表單，一步一腳印教你如何「拖、拉、放」+「點擊、輸入、存檔」。
只要有心，就趁此機會學會它吧 Go 。

實際範例： Go 。
文字教學： Go 。
圖解教學(限付費會員)： Go 。

伍、進階表單：
重點提示：
你是否覺得 Weebly 內建的聯繫表單內的姓名欄位不太適何國情使用？或者欄位太少不夠用？
不用耽心！如果你懂得 HTML 表單概念，Weebly 網站提供給你不算很難的更高階的不同表單元素。
例如：短文本框元素，讓你可以取代 Type=Text；除此之外，還提供選項按鈕、下拉框、複選框...等元素。
注意：免費用戶最多可以設定包括五個欄位的表單，而高級 pro 用戶的表單，就無數量的限制。
如何？快進來試試吧！

完成實際範例： Go 。
詳細文字教學： Go 。
圖解教學(限付費會員)： Go 。

陸、自製表單：
重點提示：
Weebly 網站已經考慮到制式的聯繫表單元素，可能無法滿足你的使用，特別提供自定義 HTML 元素，讓你可以隨心所欲。
如果你懂得 HTML 語法，自己也擁有可運作程式的主機，便可選擇自定義 HTML 方式， 將你自己完成的表單 HTML 碼貼到裡面。
如果你有興趣學習自製表單，請參考本站的第四期電子報 - 重新發布第一期電子報實用 CGI 程式裡面的回信表單程式。
建議：我還是要再次強調，學習 HTML 語法真的簡單，想把網頁做好，千萬不要偷這個懶喔。

完成實際範例： Go 。
詳細文字教學： Go 。
圖解教學(限付費會員)： Go 。

柒、外部表單：
重點提示：
如果你不喜歡制式表單、也無時間學習 HTML 語法、網頁程式語言或無自己可運作程式的主機，就可以選擇這個最快的辦法。
如何租用現有的表單？建議你可以到 - 我的多用戶表單轉信系統，先免費申請一個來試用單，選中間那個試用/租用即可。
請注意：試用期限五天，滿意後再正式租用表單，一年只要 750 元，逾期 5 日內未申請租用者便自動停用。
做法非常簡單，申請下來後，直接將我給你的 Code 碼，貼到你想放的選單位置即可。
請注意：這個外部表單使用方式，也可用在你現有的各家的部落格網站上喔。
好消息：凡加入本站教材或教學會員者 Go，可獲得本程式長達一個月免費試用期(一般訪客只有五日)，有本站廣告。
六折價：會員加價 300 元可獲得半年期優惠價(原價 500 元/年)，加價 450 元則可獲得一年期優惠價(原價 750 元/年)，無廣告喔。
怎樣做：請至會員指定申請試用或申請租用網頁申請，務必填入我給你的教材或教學編號，否則不予受理。
均適用：新舊教材或教學會員均可適用，讓你不用租用主機、學程式就可輕鬆擁有，提醒會員們不要放棄這個機會喔。

完成實際範例(進入後請點擊外部表單選項)： Go 。
申請後取得的 Code 碼範例： Go 。
詳細文字教學： Go 。
圖解教學(限付費會員)： Go 。

捌、相關資料：
網路上已有許多熱心的網友，針對如何申請、操作、發布...等等，製作成網頁及影片，因此我僅蒐集與整理這方面資料給你參考。
並且將這些資料分類如下：

在網路上找到幾個以 Weebly 網站製作的不錯作品： Go 。
幾個網路上類似 Weebly 提供的免費網站服務(限付費會員)： Go 。
幾個 Weebly 相關教學報導與 Youtube 影片(限付費會員)： Go 。

玖、如何取得：

拾、結論與建議：