PHP的由来课件.ppt

OFFICE FrontPage（我們選用這個） Dreamweaver Coreldraw Macromedia系列 : Flash, Director, Authoware 常見HTML編寫工具 產生html碼容易,不過你要看的懂才有辦法修改 與加入新的東西 精品文档 標準HTML之架構 HTML HEADTITLE瀏覽器抬頭列顯示的訊息/TITLE/HEAD BODY 網頁主體內容 /BODY /HTML 精品文档 HTML 表格標籤 精品文档 用以定義以橫列與直欄構成的表格。 包含許多選擇性元件與屬性。 表格元件 Table …… /Table 精品文档 TABLE CAPTION表格標題/CAPTION TR TH標題一TH標題二 TR TD第一列，內容一TD第一列，內容二 TR TD第二列，內容一TD第二列，內容二 /TABLE 基本表格樣本 精品文档 畸形表格的產生 ColSpan 與 RowSpan 屬性 ColSpan=3 RowSpan=2 ColSpan=2 精品文档 HTML 表單標籤 提供使用者輸入傳送資訊 表單需必須配合著CGI、JAVA Script程式或是ASP程式來運作，不然表單單獨存在的意義並不大。 您的網頁將擺脫單向呈現，而開始邁入和使用者互動的階段！ 精品文档 表單基本格式 FORM method=post或get action=處理表單程式 不同表單類型 …. 送出/重寫按鈕 /FORM 表單 .htm或.php 處理程式 Abc.php 填寫完畢按下送出按鈕 送回結果 .htm 表單與處理程式可以是同一個檔案 精品文档 文字輸入列 每個表單之所以會有不同的類型，原因就在於 TYPE=“表單類型”設定的不同而已，我們就先 來看看第一個類型：文字輸入列。 文字輸入列的形態就是TYPE=TEXT，其使用方法如下： 呈現結果 姓名： 原始碼 FORM姓名：INPUT TYPE=TEXT NAME=NAME SIZE=20/FORM 精品文档 單選核取表單 利用TYPE=“RADIO”就會產生單選核取表單， 單選核取表單通常是好幾個選項一起擺出來供 使用者點選，一次只能從中選一個，故為單選 核取表單。 呈現結果 性別：男 女 原始碼 FORM性別：男 INPUT TYPE=RADIO NAME=SEX VALUE=BOY女 INPUT TYPE=RADIO NAME=SEX VALUE=GIRL/FORM 精品文档 複選核取表單 利用TYPE=“ CHECKBOX ”就會產生複選核取表單， 複選核取表單通常是好幾個選項一起擺出來供使用者 點選，一次可以同時選好幾個，故為複選核取表單。 呈現結果 喜好： 電影 看書 原始碼 FORM喜好：INPUT TYPE=CHECKBOX NAME=SEX VALUE=MOVIE電影INPUT TYPE=CHECKBOX NAME=SEX VALUE=BOOK看書/FORM 精品文档 密碼表單 利用TYPE=“ PASSWORD ”就會產生一個密碼表單， 密碼表單和文字輸入表單長得幾乎一樣，差別就在於 密碼表單在輸入時全部會以星號來取代輸入的文字， 以防他人偷窺。 呈現結果 請輸入密碼： 原始碼 FORM請輸入密碼：INPUT TYPE=PASSWORD NAME=INPUT/FORM 精品文档 送出/重寫按鈕 通常我們表單填完之後，都會有一個送出按鈕以及清除 重寫的按鈕，分別是利用TYPE=“ SUBMIT ”及 TYPE= RESET 來產生，相當的簡單易用。 呈現結果 原始碼 FORMINPUT TYPE=SUBMIT VALUE=送出資料INPUT TYPE=RESET VALUE=重新填寫/FORM 精品文档 大量文字輸入元件 有時候我們會希望讓使用者輸入比較大量的文字，此時， 文字輸入列就顯得不敷使用，因此我們就可以利用 TEXTAREA/TEXTAREA來產生一個可以輸入大量文 字的元件，夾在兩個標籤中的文字會出現在框框中，可作 為預設文字。 呈現結果 請輸入您的意見：  原始碼 FORM請輸入您的意見：BRTEXTAREA NAME=TALK COLS=20 ROWS=3/TEXTAREA/FORM 精品文档 下拉式選單 下拉式選單令整個網頁看起來有很專業的感覺，我們 只要利用SELECT NAME=“名稱”便可以產生一個下 拉式選單，另