網頁設計基礎

才智咖 人氣:2.88W

第一章 ASP使用基礎

網頁設計基礎

要求:配置ASP執行環境

根據所用Windows版本,安裝適當的Web服務器軟體(PWS或IIS),然後建立一個名為ASP的虛擬目錄,並在該目錄中建立一個ASP動態網頁,最後在IE瀏覽器中執行該頁。

(1)如果當前使用Windows 98作業系統,練習PWS 4.0的安裝和解除安裝操作;如果當前使用Windows 2000,練習IIS 5.0的安裝和解除安裝操作。

提示:安裝PWS通過其安裝程式來實現;安裝IIS通過控制面板來實現。

(2)在“我的文件”資料夾中建立一個名為ASP的資料夾,將其設定為Web站點中的一個虛擬目錄,其別名與實際資料夾名稱相同。

(3)在記事本程式中編寫一個ASP動態網頁,用於顯示當前日期和時間,將檔案儲存在上述ASP資料夾中,檔名為ShowNow.asp。

(4)在IE瀏覽器中執行ASP檔案ShowNow.asp,並按F5鍵重新整理頁面,以檢視動態內容。

提示:檢視上述ASP頁時可以在位址列輸入以下網址

http://localhost/asp/ShowNow.asp

第二章 HTML語言

要求:用HTML語言建立網頁

1. 在網頁中使用BODY標記的有關屬性設定網頁的背景圖片和文字顏色。

提示:用BODY標記的BACKGROUD屬性設定網頁的背景圖片;用該標記的TEXT屬性設定文字顏色。

2. 在網頁中設定文字的字型、字號和顏色。

提示:分別用FONT標記的FACE、SIZE和COLOR屬性設定文字的字型、字號和顏色。

3. 在網頁中分別建立一個無序列表和無序列表。

提示:有序列表用OL和標記LI來建立;無序列表用UL和LI標記來建立。

4. 在網頁中插入一幅影象,然後設定該影象的格式。

提示:用IMG標記插入影象,用該標記的有關屬性設定影象格式。

5. 在網頁中播放視訊檔案(.avi)。

提示:用IMG標記在網頁中播放多媒體檔案,此時應設定IMG標記的CONTROLS、DYNSRC、START和LOOP屬性,以控制播放過程。

6. 編寫一個網頁,選擇一首mp3檔案作為其背景音樂,並在網頁中插入一個字幕。

提示:用BGSOUND標記在網頁中新增背景音樂,並通過SRC屬性指定一個mp3音樂檔案的URL;用MARQUEE標記在頁面中插入一個字幕。

7. 在網頁中建立一個表格並設定表格、行和單元格的屬性,然後將表格中的某些單元格合併起來。

提示:用TABLE、TR和TD(或TH)標記建立表格,並通過這些標記的屬性來設定表格、行和單元格的屬性;若要合併一些單元格,則應設定TD(或TH)標記的COLSPAN、ROWSPAN屬性。

8. 編寫一個框架網頁,在頂部建立一個用於顯示網站標題的橫幅框架,在左邊建立一個用於顯示網頁連線的目錄框架,並在右下方建立一個用於顯示內容的主要框架。要求在目錄框架中單擊不同連結時,在主要框架中顯示相應的網頁。

提示:在框架網頁中,用FRAME標記的NAME屬性指定各個框架的名稱,例如將右下方的框架名稱指定為main;在目錄網頁中,用A標記的TARGET屬性指定在哪個框架中顯示超連結指向的目標文件。

9. 在網頁中建立一個表單,並要求在該表單中包含文字框、密碼框、滾動文字框、單選按鈕、複選框、下拉選單、提交按鈕和重置按鈕等控制元件。

提示:為了便於安排表單控制元件的佈局,可以將控制元件放置在表格的單元格內,並對單元格的屬性進行設定。

第三章 VBScript語言

要求:使用VBScript語言程式設計

1. 編寫一個網頁,在其HEAD部分編寫一段指令碼程式碼,當該頁被載入時顯示一個輸入對話方塊,提示讓訪問者輸入姓名,單擊“確定”按鈕後,在對話方塊中顯示對該訪問者的歡迎資訊。

提示:在網頁的HEAD部分編寫一個過程(如名稱為Welcome),通過InputBox函式輸入使用者資訊,通過MsgBox函式顯示歡迎資訊,並將BODY標記的onLoad屬性設定為該過程名稱,以便該頁被載入時執行該過程。

2. 編寫一個網頁,其顯示效果如圖3.18所示。在上面兩個文字框中分別輸入一個整數,要求兩者大小不相等。當單擊“顯示結果”按鈕時,在最下面的文字框中顯示兩者中的較小數;當單擊“清除結果”按鈕時,將三個文字框中的內容清空;如果未同時在上面兩個文字框中輸入內容而單擊“顯示結果”按鈕,則顯示一個對話方塊,提示使用者在上面兩個文字框中分別輸入一個整數。

提示:“顯示結果”按鈕為普通按鈕,在其onClick事件過程中編寫指令碼,以實現所需操作;“清除結果”按鈕為重置按鈕。為了保證比較結果的正確性,應使用CInt或CLng函式轉換文字框的值。

3. 編寫一個網頁,用於求解一元二次方程ax2 + bx + c = 0,頁面效果如圖3.19所示。在文字框中分別輸入二次項係數a、一次項係數b和常數項c的值,然後單擊“求解”按鈕,此時根據二次項係數a和判別式Δ= b2 - 4ac的取值情況分別進行不同的處理:如果a = 0,則在“求解情況”框中顯示“二次項係數不能等於0。”;如果Δ> 0,則“求解情況”框中顯示“方程有兩個相異的實數根。”,並在“x1 =”和“x2 =”框中顯示這兩個根;如果Δ= 0,則在“求解情況”框中顯示“方程有兩個相等的實數根。”,並在“x1 =”和“x2 =”框中顯示此根;如果Δ< 0,則在“求解情況”框中顯示“方程沒有實數根。”。如果單擊“重置”按鈕,則清除所有文字框的內容。

提示:為了便於安排表單控制元件的佈局,可以考慮將控制元件放置在表格中;“求解”按鈕為一普通按鈕,在其onClick事件過程中編寫指令碼來實現所需操作;“重置”按鈕的TYPE屬性應為submit。

4. 編寫一個網頁,該頁上部列出一些專業的編號和名稱,下部有一個文字框和一個按鈕,顯示結果如圖3.20所示。如果在文字框中輸入一個專業編號(1-6)並單擊“確定”按鈕,則出現一個對話方塊,顯示當前所選擇的專業名稱;如果輸入的專業編號大於6,則顯示所選擇的是其他專業。

提示:專業列表用一個有序列表來顯示;“確定”按鈕為一普通按鈕,在其onClick事件過程中編寫指令碼,並使用Select Case語句來實現所需操作。

5. 編寫一個網頁,用於計算和輸出101~1 000之間所有奇數之和。

提示:在網頁中新增一個普通按鈕,在其onClick事件過程中編寫指令碼,使用Do...Loop或For...Next語句實現求和操作,並通過MsgBox函式來顯示計算結果。

6. 編寫一個網頁,利用於下面的公式來計算自然數e的值,直到最後一項小於10-4為止。

提示:在網頁中新增一個普通按鈕,在其onClick事件過程中編寫指令碼,使用While...Wend語句實現所需操作,並通過MsgBox函式來顯示計算結果。

7. 編寫一個網頁,其顯示效果如圖3.21所示。要求在單擊“顯示結果”按鈕時,將所有表單控制元件的名稱和當前值顯示在滾動文字框中。

提示:“顯示結果”按鈕是一個普通按鈕,在其onClick事件過程中編寫指令碼,並通過For Each...Next語句來測試第一個表單控制元件的名稱和當前值,程式碼如下:

Sub btnShow_onClick

' Elements表示由表單上所有控制元件構成的集合

For Each k In Document.Form1.Elements

s = s & k.Name & "=" & k.Value & vbCrLf

Next

' txtResult為滾動文字框的名稱

Form1.txtResult.Value = s

End Sub

8. 編寫一個網頁,用於計算兩個整數的最大公約數,其顯示效果如圖3.22所示。在上面的兩個文字框中分別輸入一個整數,然後單擊“顯示結果”按鈕,使這兩個整數顯示在下面的文字框中。

提示:“顯示結果”按鈕為普通按鈕,在其onClick事件過程中編寫指令碼,並呼叫一個自定義函式來實現計算最大公約數的功能。

9. 編寫一個網頁,其顯示效果如圖3.23所示。如果單擊“開啟新網頁”按鈕,則在另一個視窗中開啟指定的網頁;如果單擊“關閉當前視窗”按鈕,則出現一個對話方塊,提示關閉當前視窗,單擊“是”,即關閉當前視窗。

提示:“開啟新網頁”和“關閉當前視窗”兩個按鈕均為普通按鈕,在它們的onClick事件過程中編寫指令碼,並呼叫Window物件的有關方法來實現所需操作。

10. 編寫一個網頁,利用Window物件的有關方法實現在狀態列顯示滾動文字。

提示:用Window.Status屬性設定在狀態列顯示的文字,用Window.SetTimeout方法設定兩次過程呼叫之間的時間間隔。

第四章 使用ASP物件

要求:使用ASP物件

要求掌握5個ASP內建物件的使用方法,即Response物件、Request物件、Server物件、Session物件和Application物件。學習這一章時,關鍵掌握這些ASP內建物件的一個重要特徵,即不用建立便可以在指令碼中使用。

1. 編寫一個ASP頁,以不同的字號顯示“ASP動態網頁設計”。

提示:用For…Next語句實現所要求的功能,將要顯示的內容放置在和標記之間,以迴圈變數的值作為FONT標記的SIZE屬性值。

2. 編寫一個ASP頁,使用Response.Write方法向客戶端瀏覽器輸出一個完整的HTML檔案。

提示:使用Response.Write方法向客戶端瀏覽器輸出資料時,如果引數值包含字元組合 %>,則使用轉義序列 %> 來代替。Web伺服器在處理指令碼時,將轉換這一轉義序列。要輸出一個完整的HTML檔案,既可以用Response.Write方法逐行輸出,也可以將所有內容放在一個字串中,利用Split函式從字串中返回陣列並使用迴圈語句來輸出所有陣列元素。

3. 編寫兩個ASP檔案,功能都是將整數1~5 000輸出到客戶端瀏覽器上並計算所用時間,要求在一個檔案中將Buffer屬性為設定True,在另一個檔案中將Buffer屬性設定為False。

提示:在.asp檔案中,設定Buffer屬性的語句應該放在命令後面的第一行。如果在HTML或指令碼輸出之後更改Buffer屬性值,則會出現錯誤。

4. 編寫一個靜態網頁和一個ASP動態網頁,在靜態網頁中包含著文字框、單選按鈕、複選框、提交按鈕和重置按鈕等控制元件,並且通過POST方法提交來使用者名稱、E-mail、性別以及個人愛好等資料,在動態網頁中通過Form集合檢索這些資料並顯示出來。

提示:在靜態網頁中,使用者名稱和E-mail用文字框來輸出,性別通過單選按鈕來選擇,個人愛好則通過複選框為選擇。在動態網頁中,用Request.Form("控制元件名稱")形式來檢索所提交的表單資料。

5. 編寫一個ASP動態網頁,通過使用Cookie製作一個簡單的網頁計數器。

提示:在動態網頁中,用Request.Cookies集合檢索用於儲存訪問次數的Cookie值,若該值為空,則通過Response.Cookies集合將它設定為1,否則將它加1。

6. 編寫一個ASP動態網頁,用於顯示當前網頁的虛擬路徑、發出請求的客戶端的IP地址、伺服器的名稱、所用HTTP協議的版本號以及伺服器軟體版本號。

提示:通過Request.ServerVariables ("伺服器環境變數名")格式來讀取所指定的各項資訊。讀取當前網頁的虛擬路徑時,伺服器環境變數名為SCRIPT_NAME;讀取客戶端的IP地址時,伺服器環境變數為REMOTE_ADDR;讀取伺服器的名稱時,伺服器環境變數名為SERVER_NAME;讀取HTTP協議的版本號時,伺服器環境變數名為SERVER_PROTOCOL;讀取伺服器軟體的版本號時,伺服器環境變數名為SERVER_SOFTWARE。

7. 編寫一個HTML靜態網頁和一個ASP動態網頁,在靜態網頁中建立一個登入表單,用於提交使用者名稱和密碼,在動態網頁中檢查是否輸入了使用者名稱和密碼,如果沒有輸入這些資訊則重定向到靜態網頁中,如果已經輸入了這些資訊則顯示歡迎資訊。

提示:在動態網頁中通過Request.Form集合檢索所提交的使用者名稱和密碼,如果相應的值均為空,則通過Response.Redirect或Server.Transfer方法轉換到靜態網頁上。

8. 編寫一個ASP動態網頁,用於顯示每個使用者的會話標識和頁面被重新整理的次數。

提示:使用者的會話標識通過Session物件的SessionID屬性返回;頁面的重新整理次數儲存在一個會話變數中,若該變數的值為空串,則將其設定為1,否則將其加1。

9. 利用Internet資訊服務管理單元建立一個基於ASP的應用程式。

提示:選擇“開始→程式→管理工具→Internet服務管理器”命令,然後在左側的“樹”窗格中右擊“預設Web站點”並選擇“新建→虛擬目錄”命令,接著按照虛擬目錄建立嚮導的提示操作即可。

10. 在global.asa檔案中編寫應用程式事件和會話事件的指令碼,然後編寫一個ASP動態網頁,用於顯示目前線上人數。

提示:用一個應用程式變數來儲存目前線上人數,在Application_OnStart事件中初始化該變數,在Session_OnStart事件中將該變數加1,在Session_OnEnd事件中將該變數減1。

TAGS:網頁