Client BrowserIENavigatorCommunicatorHot Java HTMLXML Extensible Markup Language Client
嘉義市教育網路中心資訊研習課程 講師：蔡顯明 網頁相關技術 (續) Client 端技術： Browser：IE、Navigator、Communicator、Hot. Java、… HTML、XML (Extensible Markup Language) Client 端 Scripts: VBScript, Java Script, … Client 延伸技術：Java Applets、Active. X Controls、 Netscape Plug-Ins、VRML、… 動態伺服器網頁 -- ASP 簡介 頁次： 4
嘉義市教育網路中心資訊研習課程 講師：蔡顯明 網頁相關技術 (續) Server 端技術： Web Server：Apache、Netscape、IIS、Web Site、… CGI (Common Gateway Interface)：C、Perl、ISAPI、. . . Server Script：VBScript、Java Script、PHP 3、… Server 延伸技術：ODBC、DAO、RDAO、ADO、… 相關 Server：SQL Server 、Iidex Server、Exchange Server、. . . 動態伺服器網頁 -- ASP 簡介 頁次： 5
嘉義市教育網路中心資訊研習課程 講師：蔡顯明 建立 ASP 作業平台 (續) 軟體： - Windows 95: IE 4. 01、Win. Sock 2. 0、PWS 4. 0。 ․安裝 PWS 4. 0 前，須將 Win. Sock 升級到 2. 0版， IE 昇級到 4. 01版。 ․所需的 PWS 4. 0 及 Winsock 2. 0 可從 NT 4. 0 Option Pack 取得： NTOPTPAKTWx 86Win. 95setup. exe (PWS 4. 0 for Windows 95) NTOPTPAKTWx 86Win. 95Ws 2 setup. exe (Win. Sock 2. 0) - Windows 98: PWS 4. 0。 ․所需的 PWS 4. 0 可從 Windows 98 光碟片上取得： add-onpwssetup. exe 動態伺服器網頁 -- ASP 簡介 (PWS 4. 0 for Windows 98) 頁次： 11
嘉義市教育網路中心資訊研習課程 講師：蔡顯明 建立 ASP 作業平台 (續) - Windows 2000: IIS 5. 0。 ․Windows 2000 Server / Professional 內建有 IIS 5. 0 版，直接安裝即可。 - NT 4. 0 Workstation: Service Pack 3、IE 4. 01、PWS 4. 0。 ․須先將 NT 升級到 Service Pack 3 以上版本，IE 昇級到 4. 01版。 ․Service Pack 所在的目錄不固定，可用尋找檔案方式找出檔案位置： Service Pack 3：Nt 4 sp 3_i. exe Service Pack 4：Nt 4 i 386. exe Service Pack 5：Nt 5 i 386. exe ․PWS 4. 0 可從 NT 4. 0 Option Pack 取得： NTOPTPAKTWx 86Winnt. wkssetup. exe 動態伺服器網頁 -- ASP 簡介 (PWS 4. 0 for NT) 頁次： 12
嘉義市教育網路中心資訊研習課程 講師：蔡顯明 【實作】test 1. asp <HTML> <BODY> <% If Hour(Now) > 18 Then Response. Write "晚上" Else Response. Write "白天" End If %> <SCRIPT Language=VBScript> If Hour(Now) > 18 Then document. Write "晚上" Else document. Write "白天" End If </SCRIPT> <P> <H 2>這是 HTML 的標示</H 2> </BODY> </HTML> 動態伺服器網頁 -- ASP 簡介 1. 放在 <% 程式。 %> 中的敘述表示由 Server 執行的 ASP 的 2. 可用 Response. Write 將訊息傳回給 Browser。 1. 表示在 Client 端執行這一段 Script 程式，若加上 RUNAT=Server 屬性，表示由 Server 來執行。 2. 可用 document. Write 是直接在 Browser 輸出訊息。 3. Netscape Navigator 無法解譯 VBScript, 可至 http: // www. ncompasslabs. com/ 下載 Active. Script plug-in。 1. ASP 並未放棄 HTML 的語法，而是在 HTML 的基礎 上，再加上 Script 的解譯能力。 頁次： 15
嘉義市教育網路中心資訊研習課程 講師：蔡顯明 執行結果 原始檔案 <HTML> <BODY> <% If Hour(Now) > 18 Then Response. Write "晚上" Else Response. Write "白天" End If %> <SCRIPT Language=VBScript> If Hour(Now) > 18 Then document. Write "晚上" Else document. Write "白天" End If </SCRIPT> <P> <H 2>這是 HTML 的標示</H 2> </BODY> </HTML> 動態伺服器網頁 -- ASP 簡介 傳到瀏覽器的內容 <HTML> <BODY> 白天 <SCRIPT Language=VBScript> If Hour(Now) > 18 Then document. Write "晚上" Else document. Write "白天" End If </SCRIPT> <P> <H 2>這是 HTML 的標示</H 2> </BODY> </HTML> 瀏覽器呈現畫面 白天 白天 這是 HTML 的標示 頁次： 16
![嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM The <FORM> Element <FORM ACTION=“cgi-program-url” [METHOD=GET | POST] > ：](http://slidetodoc.com/presentation_image_h/a0cbaf8a42d609408647b72bbb2f8f87/image-17.jpg "嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM The <FORM> Element <FORM ACTION=“cgi-program-url” [METHOD=GET | POST] > ：")
嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM The <FORM> Element <FORM ACTION=“cgi-program-url” [METHOD=GET | POST] > ： </FORM> For example: <FORM ACTION=“http: //www. school. edu. tw/cgi-bin/post. asp” METHOD=“GET”> ： </FORM> 動態伺服器網頁 -- ASP 簡介 頁次： 17
![嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM (續) TEXT < INPUT TYPE=“TEXT” NAME=“name” [SIZE=n] [MAXLENGTH=n] >](http://slidetodoc.com/presentation_image_h/a0cbaf8a42d609408647b72bbb2f8f87/image-18.jpg "嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM (續) TEXT < INPUT TYPE=“TEXT” NAME=“name” [SIZE=n] [MAXLENGTH=n] >")
嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM (續) TEXT < INPUT TYPE=“TEXT” NAME=“name” [SIZE=n] [MAXLENGTH=n] > For example : < INPUT TYPE=“text” NAME=“username” SIZE=20 MAXLENGTH=50 > PASSWORD < INPUT TYPE=“PASSWORD” NAME=“name” [SIZE=n] [MAXLENGTH=n] > For example : < INPUT TYPE=“password” NAME=“userpswd” SIZE=10 MAXLENGTH=20 > 動態伺服器網頁 -- ASP 簡介 頁次： 18
嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM (續) TEXTAREA < TEXTAREA ROWS=n COLS=n NAME=“name” > : [Default text] : </TEXTAREA> For example : 請輸入您的建議： < TEXTAREA ROWS=5 COLS=70 NAME=“comment” > Please fill in your comments here. < /TEXTAREA> 動態伺服器網頁 -- ASP 簡介 頁次： 19
![嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM (續) Pull-Down Menus < SELECT NAME=“name” [SIZE=1] > <](http://slidetodoc.com/presentation_image_h/a0cbaf8a42d609408647b72bbb2f8f87/image-20.jpg "嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM (續) Pull-Down Menus < SELECT NAME=“name” [SIZE=1] > <")
嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM (續) Pull-Down Menus < SELECT NAME=“name” [SIZE=1] > < OPTION [VALUE=“value-1”] > select item-1 < OPTION [VALUE=“value-2”] > select item-2 : < OPTION [VALUE=“value-3”] > select item-n < /SELECT> For example : < SELECT NAME=“machine” > < OPTION> Pentium III < OPTION> Pentium II < OPTION> Other < /SELECT> 動態伺服器網頁 -- ASP 簡介 頁次： 20
嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM (續) Scrolled Lists < SELECT NAME=“name” SIZE=n > < OPTION [VALUE=“value-1”] > select item-1 < OPTION [VALUE=“value-2”] > select item-2 : < OPTION [VALUE=“value-n”] > select item-n < /SELECT> For example : < SELECT NAME=“machine” SIZE=3 > < OPTION VALUE=“P 3”> Pentium III < OPTION VALUE=“P 2”> Pentium II < OPTION VALUE=“Px”> Other < /SELECT> 動態伺服器網頁 -- ASP 簡介 頁次： 21
![嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM (續) Check Boxes < INPUT TYPE=“CHECKBOX” NAME=“name-1” [VALUE=“value-1”] >](http://slidetodoc.com/presentation_image_h/a0cbaf8a42d609408647b72bbb2f8f87/image-22.jpg "嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM (續) Check Boxes < INPUT TYPE=“CHECKBOX” NAME=“name-1” [VALUE=“value-1”] >")
嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM (續) Check Boxes < INPUT TYPE=“CHECKBOX” NAME=“name-1” [VALUE=“value-1”] > < INPUT TYPE=“CHECKBOX” NAME=“name-2” [VALUE=“value-2”] > : < INPUT TYPE=“CHECKBOX” NAME=“name-n” [VALUE=“value-n”] > For example : < INPUT TYPE=“checkbox” 動態伺服器網頁 -- ASP 簡介 NAME=“OS” > Operating System NAME=“PL” > Programming NAME=“DS” > Data Structure NAME=“DB” > Data Base 頁次： 22
![嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM (續) Radio Buttons < INPUT TYPE=“CHECKBOX” NAME=“name” [VALUE=“value-1”] >](http://slidetodoc.com/presentation_image_h/a0cbaf8a42d609408647b72bbb2f8f87/image-23.jpg "嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM (續) Radio Buttons < INPUT TYPE=“CHECKBOX” NAME=“name” [VALUE=“value-1”] >")
嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM (續) Radio Buttons < INPUT TYPE=“CHECKBOX” NAME=“name” [VALUE=“value-1”] > < INPUT TYPE=“CHECKBOX” NAME=“name” [VALUE=“value-2”] > : < INPUT TYPE=“CHECKBOX” NAME=“name” [VALUE=“value-n”] > For example : < INPUT TYPE=“checkbox” 動態伺服器網頁 -- ASP 簡介 NAME=“Subject” VALUE=“OS” > Operating System VALUE=“PL” > Programming VALUE=“DS” > Data Structure VALUE=“DB” > Data Base 頁次： 23
![嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM (續) Reset and Submit Buttons < INPUT TYPE=“RESET” VALUE=“value” [NAME=“name”]](http://slidetodoc.com/presentation_image_h/a0cbaf8a42d609408647b72bbb2f8f87/image-24.jpg "嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM (續) Reset and Submit Buttons < INPUT TYPE=“RESET” VALUE=“value” [NAME=“name”]")
嘉義市教育網路中心資訊研習課程 講師：蔡顯明 FORM (續) Reset and Submit Buttons < INPUT TYPE=“RESET” VALUE=“value” [NAME=“name”] > < INPUT TYPE=“SUBMIT” VALUE=“value” [NAME=“name”] > For example : < INPUT TYPE=“reset” VALUE=“Clean” > < INPUT TYPE=“submit” VALUE=“OK” > Hidden text < INPUT TYPE=“HIDDEN” NAME=“name” VALUE=“value” > For example : < INPUT TYPE=“hidden” NAME=“volume” VALUE=“ 2000 -3” > 動態伺服器網頁 -- ASP 簡介 頁次： 24
嘉義市教育網路中心資訊研習課程 講師：蔡顯明 VB Script 簡介 (續) - NOW、TIME、DATE At the tone, the time will be: <% =NOW %> Current date is <% =DATE %> Current time is <% =TIME %> - YEAR( )、MONTH( )、DAY( )、WEEKDAY( ) 民國 <% =YEAR(DATE)-1911 %> 年 <% = MONTH(DATE) %> 月 <% =DAY(DATE) %> 日 - HOUR( )、MINUTE( )、SECOND( ) - DATEADD( )、DATEDIFF ( ) 動態伺服器網頁 -- ASP 簡介 頁次： 35
嘉義市教育網路中心資訊研習課程 講師：蔡顯明 VB Script 簡介 (續) - Date and time intervals ․yyyy Year ․q Quarter ․m Month ․y Day of Year ․d Day ․w Weekday ․ww Week of year ․h Hour ․m Minute ․s Second 動態伺服器網頁 -- ASP 簡介 頁次： 36
嘉義市教育網路中心資訊研習課程 講師：蔡顯明 VB Script 簡介 (續) 資料的格式化 - FORMATDATETIME(date, format) Short Date: <% = FORMATDATETIME(DATE, vb. Short. Date) %> Long Date: <% = FORMATDATETIME(DATE, vb. Long. Date) %> Short Timee: <% = FORMATDATETIME(DATE, vb. Short. Time) %> Long Time: <% = FORMATDATETIME(DATE, vb. Long. Time) %> - FORMATCURRENCY( ) - FORMATNUMBER( ) 動態伺服器網頁 -- ASP 簡介 頁次： 37
嘉義市教育網路中心資訊研習課程 講師：蔡顯明 VB Script 簡介 (續) FOR variable = start TO end STEP adjust : NEXT WHILE condition : EXIT : LOOP : WEND 動態伺服器網頁 -- ASP 簡介 頁次： 44
嘉義市教育網路中心資訊研習課程 講師：蔡顯明 VB Script 簡介 (續) 副程式 SUB subroutine(arg, …) : END SUB 自定函數 FUNCTION function(arg, …) : function = return_value END FUNCTION 動態伺服器網頁 -- ASP 簡介 頁次： 46
- Slides: 46
