網頁設計基礎
第一章 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文件夾中,文件名為。
(4)在IE瀏覽器中運行ASP文件,並按F5鍵刷新頁面,以查看動態內容。
提示:查看上述ASP頁時可以在地址欄輸入以下網址
http://localhost/asp/
第二章 HTML語言
要求:用HTML語言創建網頁
1. 在網頁中使用BODY標記的有關屬性設置網頁的背景圖片和文本顏色。
提示:用BODY標記的BACKGROUD屬性設置網頁的背景圖片;用該標記的TEXT屬性設置文本顏色。
2. 在網頁中設置文本的字體、字號和顏色。
提示:分別用FONT標記的FACE、SIZE和COLOR屬性設置文本的字體、字號和顏色。
3. 在網頁中分別創建一個無序列表和無序列表。
提示:有序列表用OL和標記LI來創建;無序列表用UL和LI標記來創建。
4. 在網頁中插入一幅圖像,然後設置該圖像的格式。
提示:用IMG標記插入圖像,用該標記的有關屬性設置圖像格式。
5. 在網頁中播放視頻文件()。
提示:用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事件過程中編寫腳本,使用或語句實現求和操作,並通過MsgBox函數來顯示計算結果。
6. 編寫一個網頁,利用於下面的公式來計算自然數e的值,直到最後一項小於10-4為止。
提示:在網頁中添加一個普通按鈕,在其onClick事件過程中編寫腳本,使用語句實現所需操作,並通過MsgBox函數來顯示計算結果。
7. 編寫一個網頁,其顯示效果如圖3.21所示。要求在單擊“顯示結果”按鈕時,將所有表單控件的名稱和當前值顯示在滾動文本框中。
提示:“顯示結果”按鈕是一個普通按鈕,在其onClick事件過程中編寫腳本,並通過For 語句來測試第一個表單控件的名稱和當前值,代碼如下:
Sub btnShow_onClick
' Elements表示由表單上所有控件構成的集合
For Each k In ents
s = s & & "=" & e & vbCrLf
Next
' txtResult為滾動文本框的名稱
e = s
End Sub
8. 編寫一個網頁,用於計算兩個整數的最大公約數,其顯示效果如圖3.22所示。在上面的兩個文本框中分別輸入一個整數,然後單擊“顯示結果”按鈕,使這兩個整數顯示在下面的文本框中。
提示:“顯示結果”按鈕為普通按鈕,在其onClick事件過程中編寫腳本,並調用一個自定義函數來實現計算最大公約數的功能。
9. 編寫一個網頁,其顯示效果如圖3.23所示。如果單擊“打開新網頁”按鈕,則在另一個窗口中打開指定的網頁;如果單擊“關閉當前窗口”按鈕,則出現一個對話框,提示關閉當前窗口,單擊“是”,即關閉當前窗口。
提示:“打開新網頁”和“關閉當前窗口”兩個按鈕均為普通按鈕,在它們的onClick事件過程中編寫腳本,並調用Window對象的有關方法來實現所需操作。
10. 編寫一個網頁,利用Window對象的有關方法實現在狀態欄顯示滾動文本。
提示:用us屬性設置在狀態欄顯示的文本,用imeout方法設置兩次過程調用之間的時間間隔。
第四章 使用ASP對象
要求:使用ASP對象
要求掌握5個ASP內置對象的使用方法,即Response對象、Request對象、Server對象、Session對象和Application對象。學習這一章時,關鍵掌握這些ASP內置對象的一個重要特徵,即不用創建便可以在腳本中使用。
1. 編寫一個ASP頁,以不同的字號顯示“ASP動態網頁設計”。
提示:用For…Next語句實現所要求的功能,將要顯示的內容放置在和標記之間,以循環變量的值作為FONT標記的SIZE屬性值。
2. 編寫一個ASP頁,使用e方法向客户端瀏覽器輸出一個完整的HTML文件。
提示:使用e方法向客户端瀏覽器輸出數據時,如果參數值包含字符組合 %>,則使用轉義序列 %> 來代替。Web服務器在處理腳本時,將轉換這一轉義序列。要輸出一個完整的HTML文件,既可以用e方法逐行輸出,也可以將所有內容放在一個字符串中,利用Split函數從字符串中返回數組並使用循環語句來輸出所有數組元素。
3. 編寫兩個ASP文件,功能都是將整數1~5 000輸出到客户端瀏覽器上並計算所用時間,要求在一個文件中將Buffer屬性為設置True,在另一個文件中將Buffer屬性設置為False。
提示:在文件中,設置Buffer屬性的語句應該放在命令後面的第一行。如果在HTML或腳本輸出之後更改Buffer屬性值,則會出現錯誤。
4. 編寫一個靜態網頁和一個ASP動態網頁,在靜態網頁中包含着文本框、單選按鈕、複選框、提交按鈕和重置按鈕等控件,並且通過POST方法提交來用户名、E-mail、性別以及個人愛好等數據,在動態網頁中通過Form集合檢索這些數據並顯示出來。
提示:在靜態網頁中,用户名和E-mail用文本框來輸出,性別通過單選按鈕來選擇,個人愛好則通過複選框為選擇。在動態網頁中,用("控件名稱")形式來檢索所提交的表單數據。
5. 編寫一個ASP動態網頁,通過使用Cookie製作一個簡單的網頁計數器。
提示:在動態網頁中,用ies集合檢索用於保存訪問次數的Cookie值,若該值為空,則通過ies集合將它設置為1,否則將它加1。
6. 編寫一個ASP動態網頁,用於顯示當前網頁的虛擬路徑、發出請求的客户端的IP地址、服務器的名稱、所用HTTP協議的版本號以及服務器軟件版本號。
提示:通過erVariables ("服務器環境變量名")格式來讀取所指定的各項信息。讀取當前網頁的虛擬路徑時,服務器環境變量名為SCRIPT_NAME;讀取客户端的IP地址時,服務器環境變量為REMOTE_ADDR;讀取服務器的名稱時,服務器環境變量名為SERVER_NAME;讀取HTTP協議的版本號時,服務器環境變量名為SERVER_PROTOCOL;讀取服務器軟件的版本號時,服務器環境變量名為SERVER_SOFTWARE。
7. 編寫一個HTML靜態網頁和一個ASP動態網頁,在靜態網頁中創建一個登錄表單,用於提交用户名和密碼,在動態網頁中檢查是否輸入了用户名和密碼,如果沒有輸入這些信息則重定向到靜態網頁中,如果已經輸入了這些信息則顯示歡迎信息。
提示:在動態網頁中通過集合檢索所提交的用户名和密碼,如果相應的值均為空,則通過rect或sfer方法轉換到靜態網頁上。
8. 編寫一個ASP動態網頁,用於顯示每個用户的會話標識和頁面被刷新的次數。
提示:用户的會話標識通過Session對象的SessionID屬性返回;頁面的刷新次數保存在一個會話變量中,若該變量的值為空串,則將其設置為1,否則將其加1。
9. 利用Internet信息服務管理單元創建一個基於ASP的應用程序。
提示:選擇“開始→程序→管理工具→Internet服務管理器”命令,然後在左側的“樹”窗格中右擊“默認Web站點”並選擇“新建→虛擬目錄”命令,接着按照虛擬目錄創建嚮導的提示操作即可。
10. 在文件中編寫應用程序事件和會話事件的腳本,然後編寫一個ASP動態網頁,用於顯示目前在線人數。
提示:用一個應用程序變量來保存目前在線人數,在Application_OnStart事件中初始化該變量,在Session_OnStart事件中將該變量加1,在Session_OnEnd事件中將該變量減1。
-
怎麼使用Javascript獲取距今n天前的日期
複製代碼代碼如下:functionTest(day){vartoday=newDate();varbeforMilliseconds=ime()-1000*3600*24*day;varbeforday=newDate();ime(beforMilliseconds);varstrYear=ullYear();varstrDay=ate();varstrMonth=onth()+1;if(strMonth<10){strMonth="0"+strMonth;}...
-
萬惡的function在javascript中的運用實例分析
javascript中最有特色而又讓你困惑的function算一個了下面看一下常用操作複製代碼代碼如下:functiondoit(){.....}doit();javascript中的函數我們可以把它當作方法使用複製代碼代碼如下:varobj=newObject();=function(){.....}();而function實際上就是對象(即F...
-
JavaScript 小型打飛機遊戲實現和原理説明
JavaScript小型打飛機遊戲實現和原理説明玩法説明:上下左右控制移動,空格發彈。每打中一個敵機就加100分,每提升5000分,玩家的飛機的一次發彈數就加一,最多四,被敵機撞到或者讓敵機飛到底部就算輸。。。。演示代碼:http://demo./js/FlyBeat/遊戲目前的功能還是比較簡...
-
網頁設計很糟糕的10個原因
個好的網頁設計,不僅吸引眼球,也是實用的、直觀的、層級簡單卻足夠複雜到保持用户的興趣。但是不好的網頁設計是由很多原因造成的,下面是關於網頁設計很糟糕的10個原因,歡迎閲讀了解!沒有足夠的空白空白可以説是設計中最重要的一部分。它有助於防止用户在瀏覽網站時...