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] > 　　： 　 </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] > 　 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] > 　 < 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”] > 　 < 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”] > 　 < 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”] > 　 < 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