關於本報

網頁研習室【網頁製作系列報導】
報主:李文能
創刊日期:2002-06-25
發報頻率:月刊
訂閱人數:6,165
官網:
http://www.webpage.idv.tw/maillist/

近期電子報


訂閱便利貼


將貼紙語法置入您的網站或部落格當中, 訪客可以輸入mail取得認證信,並按下確認連結後, 快速訂閱您的報紙。
預覽圖
訂閱網頁研習室【網頁製作系列報導】報
網頁研習室【網頁製作系列報導】
-----------------------------------------------------------------------------------------------------
Plurk FaceBook Twitter 收進你的MyShare個人書籤 MyShare
  顯示內嵌語法

網頁研習室【網頁製作系列報導】
發報時間: 2012-07-29 05:00:00 / 報主:李文能
[公益聯播]102年第一學期獎助學金募款活動開始囉~
本期目錄
壹、報導前言:
貳、Weebly 簡介:
參、申請與設定:
肆、構建表單:
伍、進階表單:
陸、自製表單:
柒、外部表單:
捌、相關資料:
玖、如何完整取得所有資料:
拾、結論與建議:
壹、報導前言:
一般我們常見到的免費網站(主機或空間)服務業者,大部份都只提供存放網頁的單純伺服器存取服務。
幾乎所有業者都會提供免費的次網域(或稱子網域)網址給你,是依附於主網域名稱下的一個網域名稱。
部份業者也會提供一些比較簡單功能的線上網頁編輯工具,給完全不懂 HTML 語法者做為線上編輯使用。
天下沒有白吃的午餐,這些業者不可能是慈善機構,提供這麼多免費資源給你,背後目的就是要賺錢。
網頁上出現廣告是最基本的附加價值,賣網址、賣主機、及提升為高級用戶等級,這些都是常見手段。
這次我們要介紹一個免費的 Weebly 網站給你,它包括前面所提到的所有功能,讓你一次搞定你的網站。
雖然它是英文版的國外網站,仍然支援大部份簡體文字的翻譯,如果你會使用部落格就應該會使用才對。
如果你完全不懂 HTML,也不會用 Dreamweaver 這類網頁設計軟體,免費的 Weebly 網站值得你試用看看。
由於網路上已有許多熱心的網友,針對如何申請、操作、發布...等等,製作成網頁或影片做深入教學報導
所以本報除了介紹 Weebly 功能及如何申請外,重點將會擺在此站系統內所提供的免費聯繫表單(Contact Form)。
談白說:如果你懂的基本 HTML 語法,尤其是表單(Form)部份,必可在非常短的時間完成你想要聯繫表單。
網頁研習室始終如一的期盼每一位網友,不論你是否會使用 Dreamweaver 編輯軟體,都最好學會 HTML 語法。
注意:為求完備,本報導文章部份引用或取自網路分享資源,其創作權或著作權均為當事者所有,特此感謝。
聲明:本免費網站為 Weebly 公司所有,屬免費性質,並不包括在你購買的教材或線上教學片費用,特此聲明。
貳、Weebly 簡介:
Weebly.com 是一間位於美國舊金山的網頁服務業者,2007 年被時代雜誌選為年度前五十名最佳網站之一。
為何全球超過六百萬的用戶和公司選擇 Weebly 網站?原因就是:想以最簡單、最強大和廉價的方式創造網站。
我特將 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
玖、如何完整取得所有資料:
購買教材 (教學)會員,請由本篇目錄:study/maillist/maillist4/web/06/06.htm 進入學習。
您需要這份完整報導資料嗎?學習上有困難嗎?您想永久長期取得網頁研習室有關網頁製作教材嗎?
如果您想完整取得電子報內所有檔案資料,我們提供專屬的燒錄光碟片給您 Go
凡加入教學會員者,可獲得半年期線上指導及所有報導完整的資料光碟乙片。
教材詳細內容:語法教學第一電子報第二電子報第三期電子報第四期電子報網頁圖窟
為解決無法延續之不方便性,讓本站教學或教材會員,能即時同步更新各期報導資料,特成立會員專屬下載網站 GO
即日起凡本站教學或教材會員及贊助會員,均可在會員網站下載加入日起下個月以後新發布的電子報各期報導資料。
基於使用者付費原則與指導時間付出,教材會員不包括這項服務,非本站付費會員不接受相關問題指導。
特別聲明:以上創作著作權與版權均屬原創者所有,屬完全免費性質,不含於教學(材)費用內。
拾、結論與建議:
本站所有報導資料,歡迎網友加入鏈結或轉載內容,惟請保留文章完整,並註明此 引用來源 ,謝謝您的支持與配合。
本報每篇報導都花上 8 小時以上搜集、整理及撰稿,絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
強烈建議您 學會 HTML 語法 ,她真的簡單易學,懂了她您就能駕馭她,讓您使用所見即所得軟體更得心應手。
本報導屬於完全免費性質, 索取教材資料 屬個人自由意願,而回饋給您的光碟片,則是我們的誠意而已
一篇保證前所未見的 HTML 教學課程,絕對是您學習 HTML 的好教材,強烈建議您進入實際體驗一下。
本電子報報導資料,未來將繼續每隔 30 日發表一次,以嘉惠更多想學會 HTML 網友,歡迎 繼續訂閱
本報導內容或資料,因限人力、時間,非教學會員,不接受任何疑惑解答,敬請見諒。
推薦訂閱
<數位之牆>國際化,是台灣網際網路產業的最後活路@【數位之牆】
如何評估自己是否有製作網站條件@【網頁研習室【網頁製作系列報導】】
轉寄『套用 Weebly 免費網站上的表單』這期電子報

寄信人暱稱  寄信人email
收信人暱稱  收信人email

  • 社群留言
  • 留言報主