關於本報

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

近期電子報


訂閱便利貼


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

網頁研習室【網頁製作系列報導】
發報時間: 2012-08-31 11:00:00 / 報主:李文能
[公益聯播]【志工招募】志願服務教育訓練
本期目錄
壹、報導前言:
貳、基本架構:
參、如何運作:
肆、錯誤觀念:
伍、選用程式:
陸、選用主機:
柒、特殊技巧:
捌、本站資源:
玖、如何完整取得所有資料:
拾、結論與建議:
壹、報導前言:
在互動式網頁中最重要的 HTML 標籤就是(Form)表單,不論你使用任何網頁程式語言,都必需先要搞懂表單(Form)標籤。
學會表單(Form)標籤並不會太難,只要觀念清楚,用任何編輯器都難不倒你,大多數人碰上比較困難的是程式語言部份。
學習網頁製作脫離不了,網頁 HTML 語法 + 網頁美工 + 程式語言,想要在這個領域達到一定程度,以上三者缺一不可。
給本報初學者建議:如果你要想輕鬆使用(Form)表單各種功能,請務必先學會基本 HTML 語法功力及一種網頁程式語言。
希望本篇報導能重新帶領網友快速有效的複習表單(Form)標籤,並適切引導初學者如何使用網程式語言與選用程式主機。
本報資料內容十分豐富,HTML 教學 + 四期電子報,你絕對不可能在短期內瀏覽完所有相關的資料,為此特別重新整理。
如果你對於學習程式語言上有所困難?最後面我們也提供簡易的學習方式與替代方案,目的就希望你能輕鬆的學習下去。
貳、基本架構:
掌握網頁表單基本架構,你就已學會一半的表單標籤。
表單基本架構:<Form ... ><5 Main Control Tags></Form>,其內可分五個主要控制標籤。
五個主要控制標籤如下:
一、輸入型表單:語法 <Input ... >,這是使用最多的一種標籤,其內共有 10 個主要標籤與屬性,不需結束標籤。
二、選擇型表單:語法 <Select ...>,如果你有單一 (Raido) 選項與多重 (CheckBox) 選項需求時,就可使用這組標籤。
三、區塊型表單:語法 <TextArea ...>,希望提供訪客有較大的區域,可填寫更多文字資料時使用。
四、圖片按鈕表單:語法 <Button ...><Img Src="URL"></Button>,用於想使用圖檔來美化表單的按鈕時。
五、MailTo 表單:語法 <Form Action="MailTo:yourname@yourmail.com">,使用瀏覽器內設寄信程式,替代伺服端處理程式。

學習注意事項:
同一個網頁內,如需使用 2 個以上 (Form) 表單時,要避免產生錯誤 (不合法) 的巢狀包覆狀況 Go
基本上輸入型 <Input ... > 標籤,Type="指定欄位型式"及 Name="資料欄位名稱"為必要標籤與屬性,絕對不能省略。
表單標籤很多,建議不用背他,但一定要知道他的功用與位置,需要用時到網頁研習室 HTML 教學網站來找語法用套就行。

更多詳細教學與範例,請詳閱網頁研習室【HTML教學】C0309 - 網頁表單 Go
本項相關報導資料,請參考本站資源 Go

參、如何運作:
互動表單是網頁與伺服器溝通的橋樑,我們透過互動表單及網頁程式語言,將訪客的各種信息進行傳遞、編譯、交換與呈現。
網頁架構中的表單處理,可以分為客戶端 (Client) 和伺服端 (Server) 兩個層面:
客戶端 (Client) 處理:運用各種 Script 語言,簡單的在客戶端先行處理輸入的資料。
譬如:驗證輸入資料是否正確?
伺服端 (Server) 處理:將訪客輸入的資料藉由 Action 傳送到程式伺服器。
譬如:處理 CGI 與 PHP 的 Linux 主機或 ASP 的 Windows主機。

程式表單運作方式示意圖: Go
本項相關報導資料,請參考本站資源 Go

肆、錯誤觀念:
HTML 標籤中有一個 Mailto 標籤,不懂網頁程式語言者大都採用這個方式處理表單傳送工作,這是一件非常錯誤的做法。
幾乎所有瀏覽器都支援 Mailto 標籤,遺憾的是所有客戶端都必須自己先完成電子郵件軟體設定,否則無法使用寄信功能。
而且 IE 瀏覽器與其他廠牌的覽器運作過程也略有不同,我看到很多商務網站使用 Mailto 標籤來做客服聯繫,真的很糟糕。
據調查有一半以上網友使用免費信箱,且大多數免費信箱都不支援 POP3 收信,所以就無法(不懂的)設定 Outlook 等收信軟體。
採用 Mailto 呼叫 Outlook Express 運作時,有些瀏覽器或不同版本會將 8 bits 的中文會變成 7 bit,寄回的資料便會是亂碼。
網站使用 Mailto 標籤,你將失去 80% 的客源,請利用這次機會,好好學會一種網頁程式語言,提升你的網站互動功能。

 

使用 Mailto 注意事項與缺點分析: Go
本項相關報導資料,請參考本站資源 Go

伍、選用程式:
網站想要能有更好的製作或服務水準,適度的採用聯絡我們、留言版、討論版等互等動程式功能,絕對有助於網站價值的提升。
由於網際網路的發達,出現各種免費或付費的互動程式平台,讓那些無法寫程式的站長們,也能輕鬆擁有,缺點就是不易整合。
目前市面上常見之網頁設計程式語言有 Perl、PHP、Asp、Asp.Net…等等,每種程式語言都可以製做出您想要的各種系統功能。
至於網站要選擇那一種程式語言比較好,基本上是取決你本身的專業或偏好,以及所使用的網站空間是屬於什麼作業系統平台。
如果網站只會用到單純的 HTML 碼或 Flash 動畫,或簡易的 JavaScript + DHHTML 客戶端程式語言,就無需後端式的程式語言。

本項相關報導資料,請參考本站資源 Go

陸、選用主機:
網站平台指的就是放置網站的伺服器主機,提供網站運作的作業系統及環境,網路上常見的作業系統為 Linux 及 Windows 兩種。
每種平台都有最適合的程式語言,如果你的網站內容是單純的 HTML 或 Flash 動畫網頁,那麼使用那種平台並沒有什麼差別。
如果你的網站空間使用的是 Linux 平台的話,當然建議使用 Linux 專用的 Perl、MySQL 或 PHP 程式語言來進行開發。
如果你的網站空間使用的是微軟 Windows 平台,建議可使用同為微軟開發的 Asp 或 Asp.Net、Access 來進行製作。
一般能運作的程式語言的主機都很貴,如果你的網站內容只單純的 HTML 碼,沒必要為一個聯絡我們表單去租這樣主機。

本項相關報導資料,請參考本站資源 Go

柒、特殊技巧:
單純的 HTML 表單標籤很枯燥,沒有甚麼變化,特別蒐集一些網頁表單設計上比校常用的 JavaScript 及 CSS 等技巧給你參考。
不會設計表單?不想學習網頁程式語言?特別蒐集整理出,國外比較有名的八個線上建立表單服務(英文)網站給你參考。
除此之外,還有我自己製作的多功能表單轉信系統,可先免費試用五 ~ 一個月,另外也整理一些相關教學資料給你參考。


進去看看

捌、本站資源:
這裡彙整網頁研習室 - HTML 教材及各期電子報有關於網頁表單製作等相關報導資料,讓你更方便瀏覽與學習。
特別提共兩隻 Method="Get" 與 Method="Post" 實際運作範例給你線上測試,讓你真正瞭解互動表單是如何運作。
除此之外,提供給你一個完整學習網頁 CGI 程式語言的機會,你可選專人指導或由我幫你修改、安裝、設定。

進去看看

玖、如何完整取得所有資料:
關於本篇更多詳細報導資料,教材或教學會員請打開本篇 new/06/text/ 目錄參考,會員享免費下載服務。
如果您想完整取得電子報內所有檔案資料,我們提供燒錄光碟片給您 Go
凡加入教學會員者,可獲得半年期線上指導及所有報導完整的資料光碟乙片 Go
詳細內容:語法教學第一電子報第二電子報第三期電子報第四期電子報網頁圖窟
您需要這份完整報導資料嗎?學習上有困難嗎?您想永久長期取得網頁研習室有關網頁製作教材嗎?
如果你只是想取得部份完整範例檔案,建議採用以新台幣 100 元贊助本站方式,即可取得進入會員區資格 Go
為讓您學習不終斷,即日起凡參加教材、教學會員或贊助本站會員者,均可享有永久後續報導資料免費下載服務 Go
特別聲明:本站教學使用軟體或檔案,著作權與版權均屬原創公司所有,大多屬完全免費性質,不含於教學(材)費用內。
拾、結論與建議:
本站所有報導資料,歡迎網友加入鏈結或轉載內容,惟請保留文章完整,並註明此 引用來源 ,謝謝您的支持與配合。
本報每篇報導都花上 8 小時以上搜集、整理及撰稿,絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
強烈建議您 學會 HTML 語法 ,她真的簡單易學,懂了她您就能駕馭她,讓您使用所見即所得軟體更得心應手。
本報導屬於完全免費性質,索取教材資料 屬個人自由意願,而回饋給您的光碟片,則是我們的誠意而已
一篇保證前所未見的 HTML 教學課程,絕對是您學習 HTML 的好教材,強烈建議您進入實際體驗一下。
本電子報報導資料,未來將繼續每隔 30 日發表一次,以嘉惠更多想學會 HTML 網友,歡迎 繼續訂閱
本報導內容或資料,因限人力、時間,非教學會員,不接受任何疑惑解答,敬請見諒。
推薦訂閱
【ACTION! 走讀社區開麥拉】 屏東社區深度旅遊體驗暨短片徵選活動開鑼了!@【藍色東港溪保育協會網路通訊】
介紹一個免費資訊與網路新知網站@【網頁研習室【網頁製作系列報導】】
轉寄『如何有效及完整學會網頁表單製作』這期電子報

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

  • 社群留言
  • 留言報主