- 相關(guān)推薦
網(wǎng)頁設(shè)計(jì)基礎(chǔ)
網(wǎng)頁設(shè)計(jì)，是根據(jù)企業(yè)希望向?yàn)g覽者傳遞的信息（包括產(chǎn)品、服務(wù)、理念、文化），進(jìn)行網(wǎng)站功能策劃，然后進(jìn)行的頁面設(shè)計(jì)美化工作下面是小編為大家整理的網(wǎng)頁設(shè)計(jì)基礎(chǔ)，僅供參考，歡迎大家閱讀。
網(wǎng)頁設(shè)計(jì)基礎(chǔ)
第一章 ASP使用基礎(chǔ)
要求：配置ASP運(yùn)行環(huán)境
根據(jù)所用Windows版本，安裝適當(dāng)?shù)腤eb服務(wù)器軟件(PWS或IIS)，然后創(chuàng)建一個(gè)名為ASP的虛擬目錄，并在該目錄中創(chuàng)建一個(gè)ASP動態(tài)網(wǎng)頁，最后在IE瀏覽器中運(yùn)行該頁。
(1)如果當(dāng)前使用Windows 98操作系統(tǒng)，練習(xí)PWS 4.0的安裝和卸載操作;如果當(dāng)前使用Windows 2000，練習(xí)IIS 5.0的安裝和卸載操作。
提示：安裝PWS通過其安裝程序來實(shí)現(xiàn);安裝IIS通過控制面板來實(shí)現(xiàn)。
(2)在“我的文檔”文件夾中創(chuàng)建一個(gè)名為ASP的文件夾，將其設(shè)置為Web站點(diǎn)中的一個(gè)虛擬目錄，其別名與實(shí)際文件夾名稱相同。
(3)在記事本程序中編寫一個(gè)ASP動態(tài)網(wǎng)頁，用于顯示當(dāng)前日期和時(shí)間，將文件保存在上述ASP文件夾中，文件名為ShowNow.asp。
(4)在IE瀏覽器中運(yùn)行ASP文件ShowNow.asp，并按F5鍵刷新頁面，以查看動態(tài)內(nèi)容。
第二章 HTML語言
要求：用HTML語言創(chuàng)建網(wǎng)頁
1. 在網(wǎng)頁中使用BODY標(biāo)記的有關(guān)屬性設(shè)置網(wǎng)頁的背景圖片和文本顏色。
提示：用BODY標(biāo)記的BACKGROUD屬性設(shè)置網(wǎng)頁的背景圖片;用該標(biāo)記的TEXT屬性設(shè)置文本顏色。
2. 在網(wǎng)頁中設(shè)置文本的字體、字號和顏色。
提示：分別用FONT標(biāo)記的FACE、SIZE和COLOR屬性設(shè)置文本的字體、字號和顏色。
3. 在網(wǎng)頁中分別創(chuàng)建一個(gè)無序列表和無序列表。
提示：有序列表用OL和標(biāo)記LI來創(chuàng)建;無序列表用UL和LI標(biāo)記來創(chuàng)建。
4. 在網(wǎng)頁中插入一幅圖像，然后設(shè)置該圖像的格式。
提示：用IMG標(biāo)記插入圖像，用該標(biāo)記的有關(guān)屬性設(shè)置圖像格式。
5. 在網(wǎng)頁中播放視頻文件(.avi)。
提示：用IMG標(biāo)記在網(wǎng)頁中播放多媒體文件，此時(shí)應(yīng)設(shè)置IMG標(biāo)記的CONTROLS、DYNSRC、START和LOOP屬性，以控制播放過程。
6. 編寫一個(gè)網(wǎng)頁，選擇一首mp3文件作為其背景音樂，并在網(wǎng)頁中插入一個(gè)字幕。
提示：用BGSOUND標(biāo)記在網(wǎng)頁中添加背景音樂，并通過SRC屬性指定一個(gè)mp3音樂文件的URL;用MARQUEE標(biāo)記在頁面中插入一個(gè)字幕。
7. 在網(wǎng)頁中創(chuàng)建一個(gè)表格并設(shè)置表格、行和單元格的屬性，然后將表格中的某些單元格合并起來。
提示：用TABLE、TR和TD(或TH)標(biāo)記創(chuàng)建表格，并通過這些標(biāo)記的屬性來設(shè)置表格、行和單元格的屬性;若要合并一些單元格，則應(yīng)設(shè)置TD(或TH)標(biāo)記的COLSPAN、ROWSPAN屬性。
8. 編寫一個(gè)框架網(wǎng)頁，在頂部創(chuàng)建一個(gè)用于顯示網(wǎng)站標(biāo)題的橫幅框架，在左邊創(chuàng)建一個(gè)用于顯示網(wǎng)頁連接的目錄框架，并在右下方創(chuàng)建一個(gè)用于顯示內(nèi)容的主要框架。要求在目錄框架中單擊不同鏈接時(shí)，在主要框架中顯示相應(yīng)的網(wǎng)頁。
提示：在框架網(wǎng)頁中，用FRAME標(biāo)記的NAME屬性指定各個(gè)框架的名稱，例如將右下方的框架名稱指定為main;在目錄網(wǎng)頁中，用A標(biāo)記的TARGET屬性指定在哪個(gè)框架中顯示超鏈接指向的目標(biāo)文檔。
9. 在網(wǎng)頁中創(chuàng)建一個(gè)表單，并要求在該表單中包含文本框、密碼框、滾動文本框、單選按鈕、復(fù)選框、下拉菜單、提交按鈕和重置按鈕等控件。
提示：為了便于安排表單控件的布局，可以將控件放置在表格的單元格內(nèi)，并對單元格的屬性進(jìn)行設(shè)置。
第三章 VBScript語言
要求：使用VBScript語言編程
1. 編寫一個(gè)網(wǎng)頁，在其HEAD部分編寫一段腳本代碼，當(dāng)該頁被加載時(shí)顯示一個(gè)輸入對話框，提示讓訪問者輸入姓名，單擊“確定”按鈕后，在對話框中顯示對該訪問者的歡迎信息。
提示：在網(wǎng)頁的HEAD部分編寫一個(gè)過程(如名稱為Welcome)，通過InputBox函數(shù)輸入用戶信息，通過MsgBox函數(shù)顯示歡迎信息，并將BODY標(biāo)記的onLoad屬性設(shè)置為該過程名稱，以便該頁被加載時(shí)執(zhí)行該過程。
2. 編寫一個(gè)網(wǎng)頁，其顯示效果如圖3.18所示。在上面兩個(gè)文本框中分別輸入一個(gè)整數(shù)，要求兩者大小不相等。當(dāng)單擊“顯示結(jié)果”按鈕時(shí)，在最下面的文本框中顯示兩者中的較小數(shù);當(dāng)單擊“清除結(jié)果”按鈕時(shí)，將三個(gè)文本框中的內(nèi)容清空;如果未同時(shí)在上面兩個(gè)文本框中輸入內(nèi)容而單擊“顯示結(jié)果”按鈕，則顯示一個(gè)對話框，提示用戶在上面兩個(gè)文本框中分別輸入一個(gè)整數(shù)。
提示：“顯示結(jié)果”按鈕為普通按鈕，在其onClick事件過程中編寫腳本，以實(shí)現(xiàn)所需操作;“清除結(jié)果”按鈕為重置按鈕。為了保證比較結(jié)果的正確性，應(yīng)使用CInt或CLng函數(shù)轉(zhuǎn)換文本框的值。
3. 編寫一個(gè)網(wǎng)頁，用于求解一元二次方程ax2 + bx + c = 0，頁面效果如圖3.19所示。在文本框中分別輸入二次項(xiàng)系數(shù)a、一次項(xiàng)系數(shù)b和常數(shù)項(xiàng)c的值，然后單擊“求解”按鈕，此時(shí)根據(jù)二次項(xiàng)系數(shù)a和判別式Δ= b2 - 4ac的取值情況分別進(jìn)行不同的處理：如果a = 0，則在“求解情況”框中顯示“二次項(xiàng)系數(shù)不能等于0�！�;如果Δ> 0，則“求解情況”框中顯示“方程有兩個(gè)相異的實(shí)數(shù)根�！�，并在“x1 =”和“x2 =”框中顯示這兩個(gè)根;如果Δ= 0，則在“求解情況”框中顯示“方程有兩個(gè)相等的實(shí)數(shù)根�！�，并在“x1 =”和“x2 =”框中顯示此根;如果Δ< 0，則在“求解情況”框中顯示“方程沒有實(shí)數(shù)根。”。如果單擊“重置”按鈕，則清除所有文本框的內(nèi)容。
提示：為了便于安排表單控件的布局，可以考慮將控件放置在表格中;“求解”按鈕為一普通按鈕，在其onClick事件過程中編寫腳本來實(shí)現(xiàn)所需操作;“重置”按鈕的TYPE屬性應(yīng)為submit。
4. 編寫一個(gè)網(wǎng)頁，該頁上部列出一些專業(yè)的編號和名稱，下部有一個(gè)文本框和一個(gè)按鈕，顯示結(jié)果如圖3.20所示。如果在文本框中輸入一個(gè)專業(yè)編號(1-6)并單擊“確定”按鈕，則出現(xiàn)一個(gè)對話框，顯示當(dāng)前所選擇的專業(yè)名稱;如果輸入的專業(yè)編號大于6，則顯示所選擇的是其他專業(yè)。
提示：專業(yè)列表用一個(gè)有序列表來顯示;“確定”按鈕為一普通按鈕，在其onClick事件過程中編寫腳本，并使用Select Case語句來實(shí)現(xiàn)所需操作。
5. 編寫一個(gè)網(wǎng)頁，用于計(jì)算和輸出101～1 000之間所有奇數(shù)之和。
提示：在網(wǎng)頁中添加一個(gè)普通按鈕，在其onClick事件過程中編寫腳本，使用Do...Loop或For...Next語句實(shí)現(xiàn)求和操作，并通過MsgBox函數(shù)來顯示計(jì)算結(jié)果。
6. 編寫一個(gè)網(wǎng)頁，利用于下面的公式來計(jì)算自然數(shù)e的值，直到最后一項(xiàng)小于10-4為止。
提示：在網(wǎng)頁中添加一個(gè)普通按鈕，在其onClick事件過程中編寫腳本，使用While...Wend語句實(shí)現(xiàn)所需操作，并通過MsgBox函數(shù)來顯示計(jì)算結(jié)果。
7. 編寫一個(gè)網(wǎng)頁，其顯示效果如圖3.21所示。要求在單擊“顯示結(jié)果”按鈕時(shí)，將所有表單控件的名稱和當(dāng)前值顯示在滾動文本框中。
提示：“顯示結(jié)果”按鈕是一個(gè)普通按鈕，在其onClick事件過程中編寫腳本，并通過For Each...Next語句來測試第一個(gè)表單控件的名稱和當(dāng)前值，代碼如下：
Sub btnShow-onClick
' Elements表示由表單上所有控件構(gòu)成的集合
For Each k In Document.Form1.Elements
s = s & k.Name & "=" & k.Value & vbCrLf
Next
' txtResult為滾動文本框的名稱
Form1.txtResult.Value = s
End Sub
8. 編寫一個(gè)網(wǎng)頁，用于計(jì)算兩個(gè)整數(shù)的最大公約數(shù)，其顯示效果如圖3.22所示。在上面的兩個(gè)文本框中分別輸入一個(gè)整數(shù)，然后單擊“顯示結(jié)果”按鈕，使這兩個(gè)整數(shù)顯示在下面的文本框中。
提示：“顯示結(jié)果”按鈕為普通按鈕，在其onClick事件過程中編寫腳本，并調(diào)用一個(gè)自定義函數(shù)來實(shí)現(xiàn)計(jì)算最大公約數(shù)的功能。
9. 編寫一個(gè)網(wǎng)頁，其顯示效果如圖3.23所示。如果單擊“打開新網(wǎng)頁”按鈕，則在另一個(gè)窗口中打開指定的網(wǎng)頁;如果單擊“關(guān)閉當(dāng)前窗口”按鈕，則出現(xiàn)一個(gè)對話框，提示關(guān)閉當(dāng)前窗口，單擊“是”，即關(guān)閉當(dāng)前窗口。
提示：“打開新網(wǎng)頁”和“關(guān)閉當(dāng)前窗口”兩個(gè)按鈕均為普通按鈕，在它們的onClick事件過程中編寫腳本，并調(diào)用Window對象的有關(guān)方法來實(shí)現(xiàn)所需操作。
10. 編寫一個(gè)網(wǎng)頁，利用Window對象的有關(guān)方法實(shí)現(xiàn)在狀態(tài)欄顯示滾動文本。
提示：用Window.Status屬性設(shè)置在狀態(tài)欄顯示的文本，用Window.SetTimeout方法設(shè)置兩次過程調(diào)用之間的時(shí)間間隔。
第四章 使用ASP對象
要求：使用ASP對象
要求掌握5個(gè)ASP內(nèi)置對象的使用方法，即Response對象、Request對象、Server對象、Session對象和Application對象。學(xué)習(xí)這一章時(shí)，關(guān)鍵掌握這些ASP內(nèi)置對象的一個(gè)重要特征，即不用創(chuàng)建便可以在腳本中使用。
1. 編寫一個(gè)ASP頁，以不同的字號顯示“ASP動態(tài)網(wǎng)頁設(shè)計(jì)”。
提示：用For…Next語句實(shí)現(xiàn)所要求的功能，將要顯示的內(nèi)容放置在和標(biāo)記之間，以循環(huán)變量的值作為FONT標(biāo)記的SIZE屬性值。
2. 編寫一個(gè)ASP頁，使用Response.Write方法向客戶端瀏覽器輸出一個(gè)完整的HTML文件。
提示：使用Response.Write方法向客戶端瀏覽器輸出數(shù)據(jù)時(shí)，如果參數(shù)值包含字符組合 %>，則使用轉(zhuǎn)義序列 %> 來代替。Web服務(wù)器在處理腳本時(shí)，將轉(zhuǎn)換這一轉(zhuǎn)義序列。要輸出一個(gè)完整的HTML文件，既可以用Response.Write方法逐行輸出，也可以將所有內(nèi)容放在一個(gè)字符串中，利用Split函數(shù)從字符串中返回?cái)?shù)組并使用循環(huán)語句來輸出所有數(shù)組元素。
3. 編寫兩個(gè)ASP文件，功能都是將整數(shù)1～5 000輸出到客戶端瀏覽器上并計(jì)算所用時(shí)間，要求在一個(gè)文件中將Buffer屬性為設(shè)置True，在另一個(gè)文件中將Buffer屬性設(shè)置為False。
提示：在.asp文件中，設(shè)置Buffer屬性的語句應(yīng)該放在命令后面的第一行。如果在HTML或腳本輸出之后更改Buffer屬性值，則會出現(xiàn)錯誤。
4. 編寫一個(gè)靜態(tài)網(wǎng)頁和一個(gè)ASP動態(tài)網(wǎng)頁，在靜態(tài)網(wǎng)頁中包含著文本框、單選按鈕、復(fù)選框、提交按鈕和重置按鈕等控件，并且通過POST方法提交來用戶名、E-mail、性別以及個(gè)人愛好等數(shù)據(jù)，在動態(tài)網(wǎng)頁中通過Form集合檢索這些數(shù)據(jù)并顯示出來。
提示：在靜態(tài)網(wǎng)頁中，用戶名和E-mail用文本框來輸出，性別通過單選按鈕來選擇，個(gè)人愛好則通過復(fù)選框?yàn)檫x擇。在動態(tài)網(wǎng)頁中，用Request.Form("控件名稱")形式來檢索所提交的表單數(shù)據(jù)。
5. 編寫一個(gè)ASP動態(tài)網(wǎng)頁，通過使用Cookie制作一個(gè)簡單的網(wǎng)頁計(jì)數(shù)器。
提示：在動態(tài)網(wǎng)頁中，用Request.Cookies集合檢索用于保存訪問次數(shù)的Cookie值，若該值為空，則通過Response.Cookies集合將它設(shè)置為1，否則將它加1。
6. 編寫一個(gè)ASP動態(tài)網(wǎng)頁，用于顯示當(dāng)前網(wǎng)頁的虛擬路徑、發(fā)出請求的客戶端的IP地址、服務(wù)器的名稱、所用HTTP協(xié)議的版本號以及服務(wù)器軟件版本號。
提示：通過Request.ServerVariables ("服務(wù)器環(huán)境變量名")格式來讀取所指定的各項(xiàng)信息。讀取當(dāng)前網(wǎng)頁的虛擬路徑時(shí)，服務(wù)器環(huán)境變量名為SCRIPT-NAME;讀取客戶端的IP地址時(shí)，服務(wù)器環(huán)境變量為REMOTE-ADDR;讀取服務(wù)器的名稱時(shí)，服務(wù)器環(huán)境變量名為SERVER-NAME;讀取HTTP協(xié)議的版本號時(shí)，服務(wù)器環(huán)境變量名為SERVER-PROTOCOL;讀取服務(wù)器軟件的版本號時(shí)，服務(wù)器環(huán)境變量名為SERVER-SOFTWARE。
7. 編寫一個(gè)HTML靜態(tài)網(wǎng)頁和一個(gè)ASP動態(tài)網(wǎng)頁，在靜態(tài)網(wǎng)頁中創(chuàng)建一個(gè)登錄表單，用于提交用戶名和密碼，在動態(tài)網(wǎng)頁中檢查是否輸入了用戶名和密碼，如果沒有輸入這些信息則重定向到靜態(tài)網(wǎng)頁中，如果已經(jīng)輸入了這些信息則顯示歡迎信息。
提示：在動態(tài)網(wǎng)頁中通過Request.Form集合檢索所提交的用戶名和密碼，如果相應(yīng)的值均為空，則通過Response.Redirect或Server.Transfer方法轉(zhuǎn)換到靜態(tài)網(wǎng)頁上。
8. 編寫一個(gè)ASP動態(tài)網(wǎng)頁，用于顯示每個(gè)用戶的會話標(biāo)識和頁面被刷新的次數(shù)。
提示：用戶的會話標(biāo)識通過Session對象的SessionID屬性返回;頁面的刷新次數(shù)保存在一個(gè)會話變量中，若該變量的值為空串，則將其設(shè)置為1，否則將其加1。
9. 利用Internet信息服務(wù)管理單元創(chuàng)建一個(gè)基于ASP的應(yīng)用程序。
提示：選擇“開始→程序→管理工具→Internet服務(wù)管理器”命令，然后在左側(cè)的“樹”窗格中右擊“默認(rèn)Web站點(diǎn)”并選擇“新建→虛擬目錄”命令，接著按照虛擬目錄創(chuàng)建向?qū)У奶崾静僮骷纯伞?/p>
10. 在global.asa文件中編寫應(yīng)用程序事件和會話事件的腳本，然后編寫一個(gè)ASP動態(tài)網(wǎng)頁，用于顯示目前在線人數(shù)。
提示：用一個(gè)應(yīng)用程序變量來保存目前在線人數(shù)，在Application-OnStart事件中初始化該變量，在Session-OnStart事件中將該變量加1，在Session-OnEnd事件中將該變量減1。
第五章 使用ASP組件
要求：使用ASP組件
1. 使用內(nèi)容輪顯組件在ASP頁面上自動輪換顯示一首詩、一幅圖像和一段視頻。
提示：在內(nèi)容列表文件中包含3個(gè)HTML內(nèi)容字符串條目，分別顯示一首詩、一幅圖像和一段視頻;在ASP頁中通過調(diào)用ContentRotator對象的ChooseContent方法從內(nèi)容列表文件中檢索一個(gè)HTML內(nèi)容字符串并將其顯示出來。
2. 使用廣告輪顯組件在ASP頁面上自動輪換顯示3個(gè)廣告，它們各占用30%、30%和40%的顯示時(shí)間。
提示：在輪顯列表文件中包含3個(gè)廣告，其相對權(quán)值分別為3、3和4，在ASP頁面上通過調(diào)用廣告輪顯組件對象的GetAdvertisement方法從輪顯列表文件中獲取下一個(gè)廣告。
3. 使用內(nèi)容鏈接組件在ASP頁面上創(chuàng)建“上一頁”和“下一頁”鏈接。
提示：首先創(chuàng)建內(nèi)容鏈接列表文件，在該文件中包含要顯示的Web頁的列表;然后在ASP頁面中通過調(diào)用Nextlink對象的GetPreviousURL方法獲取鏈接列表文件中前一項(xiàng)的URL;通過調(diào)用GetPreviousDescription方法獲取內(nèi)容鏈接列表文件中前一項(xiàng)的描述文字;通過調(diào)用GetNextURL("Nextlink.txt")獲取內(nèi)容鏈接列表文件中下一項(xiàng)的URL;通過調(diào)用GetNextDescription方法內(nèi)容鏈接列表文件中下一個(gè)項(xiàng)的描述文字。
4. 使用頁面計(jì)數(shù)器組件顯示ASP頁面被瀏覽的次數(shù)。
提示：首先創(chuàng)建頁面計(jì)數(shù)器對象實(shí)例，然后通過調(diào)用該對象的PageHit使當(dāng)前ASP頁面的訪問數(shù)加1，再通過調(diào)用該對象的Hits方法獲取當(dāng)前頁被打開或刷新的次數(shù)。
5. 使用計(jì)數(shù)器組件創(chuàng)建一個(gè)投票系統(tǒng)。
提示：在global.asa文件中，用OBJECT標(biāo)記創(chuàng)建一個(gè)應(yīng)用程序作用域的數(shù)器組件對象實(shí)例;在ASP頁面中通過調(diào)用該對象的Increment方法使指定項(xiàng)目的選票數(shù)加1;通過該對象的Get方法獲取指定項(xiàng)目的當(dāng)前選票數(shù)。
6. 使用瀏覽器功能組件檢查客戶端瀏覽器的名稱和版本號。
提示：首先使用Server.CreateObject方法創(chuàng)建瀏覽器功能組件的對象實(shí)例，然后通過該對象的Browser屬性獲取瀏覽器名稱;通過該對象的Version屬性獲取瀏覽器的版本號。
7. 使用文件存取組件創(chuàng)建一個(gè)HTML網(wǎng)頁，并通過單擊超鏈接打開該網(wǎng)頁。
提示：首先創(chuàng)建FileSystemObject對象實(shí)例fso，然后通過調(diào)用fso對象的CreateTextFile方法創(chuàng)建一個(gè)文本文件并返回TextStream對象，并通過調(diào)用該對象的WriteLine方法寫入HTML代碼行;接著用A標(biāo)記創(chuàng)建一個(gè)指向該文件的超鏈接。
第六章 使用ADO對象
要求：使用ADO對象
要求通過ADO對象(Connection、Recordset、Command)來訪問數(shù)據(jù)庫。通過這些ADO對象不僅可以連接到Access和SQL Server等格式的數(shù)據(jù)庫，而且可以將數(shù)據(jù)庫中的信息顯示在網(wǎng)頁上，還可以對數(shù)據(jù)庫中的數(shù)據(jù)進(jìn)行增刪改等操作。
1. 使用Connection對象通過OLE DB提供程序連接到Microsoft SQL Server示例數(shù)據(jù)庫pubs。
(1) 將連接信息保存在連接字符串中。
(2) 將連接信息保存數(shù)據(jù)鏈接文件中。
提示：對SQL Server數(shù)據(jù)庫創(chuàng)建OLE DB連接時(shí)，可以將連接信息保存在連接字符串中，該字符串包含著以下5個(gè)參數(shù)：PROVIDER參數(shù)指定OLE DB提供程序的名稱，對于SQL Server數(shù)據(jù)庫，OLE DB提供程序名稱為SQLOLEDB;DATA SOURCE參數(shù)指定SQL Server數(shù)據(jù)庫服務(wù)器的名稱;UID參數(shù)指定連接中使用的SQL Server登錄標(biāo)識;PWD參數(shù)指定SQL Server登錄密碼;DATABASE參數(shù)指定位于數(shù)據(jù)庫服務(wù)器上的一個(gè)指定數(shù)據(jù)庫(在本題中為pubs)。創(chuàng)建數(shù)據(jù)鏈接文件時(shí)，首先在記事本創(chuàng)建一個(gè)擴(kuò)展名為.udl的文本文件，然后打開該文件并利用“數(shù)據(jù)鏈接屬性”對話框?qū)τ嘘P(guān)屬性進(jìn)行設(shè)置，最后在連接字符串中使用FILE NAME參數(shù)來引用該文件。
2. 使用Connection對象通過ODCB驅(qū)動程序連接到Microsoft SQL Server示例數(shù)據(jù)庫Northwind。
(1) 創(chuàng)建系統(tǒng)DSN，將連接信息保存在Windows注冊表中。
(2) 創(chuàng)建文件DSN，將連接信息在文本文件中。
(3) 將連接信息保存在字符串中，直接包含在ASP腳本代碼中。
提示：系統(tǒng)DSN和文件DSN均通過ODBC數(shù)據(jù)源管理器來創(chuàng)建，前者在連接字符串中用DSN參數(shù)來引用，后者在連接字符串中用FILEDSN參數(shù)來引用;如果將連接信息保存在字符串中，則應(yīng)在連接字符串中包含以下4個(gè)參數(shù)：DRIVER參數(shù)指定所用的ODBC驅(qū)動程序(本題中為{SQL Server})，UID和PWD給出用戶標(biāo)識和密碼，DATABASE參數(shù)指定要連接的數(shù)據(jù)庫(本題中為Northwind)。
3. 使用Connection對象通過OLE DB提供程序連接到Microsoft Access示例數(shù)據(jù)庫Northwin.mdb。
(1) 將連接信息保存在連接字符串中。
(2) 將連接信息保存數(shù)據(jù)鏈接文件中。
提示：通過OLE DB提供程序連接到Microsoft Access數(shù)據(jù)庫時(shí)，連接字符串中應(yīng)包含PROVIDER和DATA SOURCE兩個(gè)參數(shù)：前者指定連接數(shù)據(jù)庫所使用的OLE DB提供程序(在本題中為Microsoft.Jet.OLEDB.4.0)，后者指定要連接的Access數(shù)據(jù)庫的完整路徑;數(shù)據(jù)鏈接文件在連接字符串中可以通過FILE NAME參數(shù)。
4. 使用Connection對象通過ODCB驅(qū)動程序連接到Microsoft Access示例數(shù)據(jù)庫Northwin.mdb。
(1) 創(chuàng)建系統(tǒng)DSN，將連接信息保存在Windows注冊表中。
(2) 創(chuàng)建文件DSN，將連接信息在文本文件中。
(3) 將連接信息保存在字符串中，直接包含在ASP腳本代碼中。
提示：連接Microsoft Access數(shù)據(jù)庫時(shí)，系統(tǒng)DSN和文件DSN均通過ODBC數(shù)據(jù)源管理器來創(chuàng)建，前者在連接字符串中用DSN參數(shù)來引用，后者在連接字符串中用FILEDSN參數(shù)來引用;如果將連接信息保存在字符串中，則應(yīng)在連接字符串中包含以下兩個(gè)參數(shù)：DRIVER參數(shù)指定所使用的ODBC驅(qū)動程序(本題中為{Microsoft Access Driver })，使用DBQ參數(shù)指定要連接的Access數(shù)據(jù)庫。
5. 使用Connection對象完成下列操作：
(1) 創(chuàng)建一個(gè)SQL Server數(shù)據(jù)庫，名稱為mydatabase。
(2) 在數(shù)據(jù)庫mydatabase中創(chuàng)建一個(gè)新表，名稱為mytable，包含user-id、user-name和password三個(gè)列，user-id為表的標(biāo)識列。
(3) 向mytable表中添加若干條記錄(用戶名不得重復(fù))。
(4) 對mytable表中的指定記錄進(jìn)行修改。
(5) 刪除mytable表中的指定記錄。
(6) 以表格形式顯示mytable表中的全部記錄。
提示：使用Connection對象的Execute方法還能夠執(zhí)行指定的SQL語句，從而完成創(chuàng)建數(shù)據(jù)庫、創(chuàng)建表、添加記錄、修改記錄、刪除記錄以及檢索記錄等操作，相應(yīng)的SQL語句分別為CREATE DATABASE語句、CREATE TABLE語句、INSERT語句、UPDATE語句、DELETE語句以及SELECT語句。
6. 連接到Microsoft SQL Server示例數(shù)據(jù)庫pubs，然后使用Recordset對象完成下列操作：
(1) 以表格形式顯示authors表中的記錄。要求每頁僅顯示一個(gè)作者的資料，并建立“第一頁”、“上一頁”、“下一頁”和“最后一頁”鏈接，通過這些鏈接可以在不同記錄之間移動。
(2) 分頁顯示authors表中的記錄，要求每頁顯示五個(gè)作者的資料，并在頁面底部列出總頁數(shù)、當(dāng)前頁號和所有頁號(超鏈接)，通過超鏈接可以在不同記錄組之間移動。
(3) 按照作者編號從authors表中搜索作者。如果找到，在表格中列出作者資料，否則顯示“沒有找到符合條件的記錄!”。
(4) 從authors表中提取來自加利福尼亞州(即state列值為“CA”)的作者記錄，并將該記錄集保存到文件中，隨后從該文件中讀取記錄集，以表格形式顯示出來。
提示：利用Recordset對象的有關(guān)方法可以在不同記錄之間移動，即：調(diào)用MoveFirst方法移動到記錄集內(nèi)的第一條記錄上，調(diào)用Move -1相對于當(dāng)前記錄向前移動一行，調(diào)用Move 1相對于當(dāng)前記錄向后移動一行，調(diào)用MoveLast移動到記錄內(nèi)的最后一條記錄上;分頁顯示數(shù)據(jù)庫記錄時(shí)，使用Recordset對象的PageSize屬性指定一頁中的記錄數(shù)，使用PageCount屬性返回總頁數(shù)，使用AbsolutePage屬性指定當(dāng)前記錄所在的頁;使用Recordset對象的Find方法可以搜索記錄集內(nèi)滿足指定條件的記錄，如果條件符合，則記錄集的位置設(shè)置在找到的記錄上(EOF屬性值為False)，否則位置將設(shè)置在記錄集的末尾(EOF屬性值為True);使用Recordset對象的Save方法可以將記錄集保存在文件中，隨后可以使用Open方法來恢復(fù)記錄集的內(nèi)容。
7. 連接到前面所創(chuàng)建的mydatabase數(shù)據(jù)庫，然后使用Command對象和Parameters集合完成下列操作：
(1) 創(chuàng)建一個(gè)注冊頁面，允許網(wǎng)站訪問者提交用戶名和密碼，并將這些數(shù)據(jù)保存到mytable表中。
(2) 創(chuàng)建一個(gè)修改密碼的頁面，允許用戶更改其密碼。
提示：使用Command對象添加記錄時(shí)，可以將SQL INSERT語句作為CommandText的值，并使用問號“?”來表示VALUES子句中的值，執(zhí)行命令時(shí)所需參數(shù)并通過相應(yīng)的Parameter對象來傳遞;使用Command對象添加記錄時(shí)，可以將SQL UPDATE語句作為CommandText的值，并使用問號“?”來表示SET子句和WHERE子句中的值，執(zhí)行命令時(shí)所需參數(shù)并通過相應(yīng)的Parameter對象來傳遞。
網(wǎng)站網(wǎng)頁設(shè)計(jì)知識
1.在進(jìn)行網(wǎng)頁設(shè)計(jì)的時(shí)候需要使用到一些軟件，其中像是FrontPage就是經(jīng)常要使用到的一種，這一種軟件其實(shí)還是比較簡單的，使用也是方便的，另外也是高度符合IE瀏覽器的支持設(shè)計(jì)，DreamWave也是可以使用的，這個(gè)軟件的功能還是非常的強(qiáng)大的，設(shè)計(jì)成品了以后對于很多的瀏覽器都是支持的。
2.在圖片的處理上面就是常用的Photoshop 或Fireworks就可以了，動畫制作方面當(dāng)然使用的還是Flash MX。
3.知識儲備方面來說光宇網(wǎng)頁的常識還有HTML的一些基本常識都是應(yīng)該要知道的，其實(shí)這個(gè)方面的知識也是很簡單的，在早期的時(shí)候只是用來制作網(wǎng)頁，使用筆記本就能夠進(jìn)行編輯，而且在使用瀏覽器打開以后呈現(xiàn)的是網(wǎng)頁上面的形式，另外哈有CSS只是，這個(gè)也是很簡單的，是級聯(lián)樣式表，也叫做風(fēng)格樣式表，在進(jìn)行網(wǎng)頁的風(fēng)格設(shè)計(jì)的時(shí)候都是需要使用到的，而且CSS還能夠讓使用者對網(wǎng)站的控制更加的方便，所以大多數(shù)現(xiàn)在都在使用這種方式。
4.網(wǎng)頁的設(shè)計(jì)之前，首先要考慮到的是關(guān)于網(wǎng)頁的風(fēng)格，使用什么樣子的風(fēng)格都是應(yīng)該要提前考慮好的，但是要保持網(wǎng)站的簡潔性，這樣能夠也讓瀏覽者一目了然的知道網(wǎng)站的建設(shè)風(fēng)格是什么樣子的，而且總體的網(wǎng)站建設(shè)也是應(yīng)該要有穩(wěn)定性的，但是在設(shè)計(jì)的時(shí)候一定要顯示出來自己網(wǎng)站的主題。
網(wǎng)站的設(shè)計(jì)和制作其實(shí)并不困難，但是制作者在制作之前應(yīng)該有一個(gè)目的和計(jì)劃，知道自己要做出來的是什么樣子的風(fēng)格的網(wǎng)站，主要的內(nèi)容是什么的，而且沒有主題的網(wǎng)站讓瀏覽者也是會失去興趣的，所以網(wǎng)站的主題還是非常重要的。
網(wǎng)頁設(shè)計(jì)的優(yōu)化知識
一、用戶體驗(yàn)
1.速度優(yōu)先
何為速度優(yōu)先？我的理解就是一切為了網(wǎng)頁的加載速度讓路。這個(gè)道理搞網(wǎng)頁都知道，但是又幾乎所有搞網(wǎng)頁都曾經(jīng)或仍在試圖違反它。為什么會這樣呢？通常是一個(gè)極具創(chuàng)意或功能強(qiáng)大的hack在疑惑著網(wǎng)頁設(shè)計(jì)者，迫使其為了應(yīng)用這個(gè)hack而犧牲一部分速度，但是hack的資源是無窮無盡的，就像毒 品一樣，你用了第一個(gè)就想要用第二個(gè)，最終的后果是什么？就是你的網(wǎng)頁的打開速度讓人無法忍受，根本沒有訪客來瀏覽，這時(shí)候你的hack也就純粹成為了擺設(shè)，沒人用的 hack存在有何價(jià)值？
因此我對于添加hack的原則是凡是會破壞速度與功能的平衡點(diǎn)的hack無論多么具有創(chuàng)意或功能多么強(qiáng)大都必須堅(jiān)定不移地舍棄或通過舍棄其它hack/改變網(wǎng)頁設(shè)計(jì)等方法來達(dá)到平衡。而我對于使用hack的原則則是對于用戶有用的hack才使用，實(shí)用為先。估計(jì)很多人都會罵我太現(xiàn)實(shí)，沒有一點(diǎn)藝術(shù)家的浪漫。但是我也必須很現(xiàn)實(shí)地告訴你，網(wǎng)頁設(shè)計(jì)者不是藝術(shù)家，他們存在的價(jià)值是使更多用戶訪問你的網(wǎng)頁，網(wǎng)頁設(shè)計(jì)的根本目的也是為了增加用戶瀏覽量。因此如果你覺得某個(gè)hack的效果十分華麗或功能十分有新意但用戶卻極少使用到那我會建議你將其舍棄，這純粹是個(gè)妨礙你提高網(wǎng)頁速度的障礙。
為何我如此注重速度？因?yàn)闊o數(shù)的例子告訴我們速度是信息時(shí)代成功的最關(guān)鍵的因素，最典型的例子就是Google。如果你是一個(gè)Google的用戶，相信你會注意到Google的所有服務(wù)都有一個(gè)共同點(diǎn)：載入速度極快。而Google的兩大競爭對手Yahoo和 Microsoft的產(chǎn)品相較之下速度慢如蝸牛。這就是Google擊敗他們的一個(gè)關(guān)鍵因素�，F(xiàn)代人的生活節(jié)奏很快，他們需要極高的工作效率，而如果你搜索是為了最快找到需要的信息而不是注意搜索引擎的版式多么華麗，打開郵箱是為了查看郵件而不是為了欣賞郵箱的設(shè)計(jì)風(fēng)格多么前衛(wèi)。因此這就是Google兩大服務(wù)Google搜索和Gmail的成功原因。Windows Live Mail設(shè)計(jì)得再前衛(wèi)，結(jié)果我1分鐘都還沒打開郵箱我怎么可能看得到。而Gmai雖然沒有華麗的界面，但卻可以十分快速地打開進(jìn)行工作，這無疑是用戶所需要的。
因此一個(gè)快速打開的頁面帶給用戶的感覺要比一個(gè)視覺效果華麗但卻等了N久都無法打開而不能被用戶注意到的網(wǎng)頁要好多了，這將成為你的網(wǎng)站吸引用戶的關(guān)鍵因素。
2.簡潔最美
最好的例子同樣是Google。Google的所有產(chǎn)品的界面都并不華麗，但都是十分簡潔（這也是決定其高速的一個(gè)重要因素），用戶可以一目了然地找到需要的功能，同時(shí)又有一種舒適的感覺。相關(guān)一個(gè)十分華麗的界面卻很有可能會造成無法對用戶正確導(dǎo)航的后果。而且簡潔的界面比較容易進(jìn)行hack的搭配，而華麗的界面由于色彩等因素，添加新的hack很有可能會破壞界面的平衡感。由于各人審美觀的不同，也許有些用戶不喜歡華麗的界面，但簡潔高效的界面無疑是所有用戶都會青睞的。
因此大刀闊斧地對你的界面進(jìn)行改造吧，把那些華而不實(shí)影響對用戶的導(dǎo)航的元素去處，只留下真正有用的元素，這將對新用戶起到至關(guān)重要的作用。
3.個(gè)性化的設(shè)計(jì)
網(wǎng)頁設(shè)計(jì)最忌諱的就是同質(zhì)化的設(shè)計(jì)。如果用戶看了N個(gè)網(wǎng)站都是使用那令人審美疲勞的模版，而你的網(wǎng)站卻特立標(biāo)新，那絕對會帶來一種極大的視覺沖擊力。因此如果你看到一個(gè)模版十分喜愛，但卻已經(jīng)被大量網(wǎng)站所使用，一定要堅(jiān)決放棄，否則你的網(wǎng)站只會被用戶所忽略。
盡管用戶對一個(gè)網(wǎng)站的評價(jià)最主要是取決于網(wǎng)站的內(nèi)容，但是如果沒有恰當(dāng)?shù)木W(wǎng)頁設(shè)計(jì)，很可能會使用戶忽略好的內(nèi)容，網(wǎng)頁設(shè)計(jì)是用戶對網(wǎng)站的第一印象，因此避免同質(zhì)化的網(wǎng)頁設(shè)計(jì)是使用戶關(guān)注內(nèi)容的前提。
二、搜索引擎優(yōu)化
可能許多網(wǎng)頁設(shè)計(jì)者對此都相當(dāng)不屑，他們的理由也十分正當(dāng)，如果過于關(guān)注搜索引擎的優(yōu)化就會破壞用戶體驗(yàn)效果。但是我的看法是實(shí)際上一些恰當(dāng)簡單的搜索引擎優(yōu)化技巧對于用戶體驗(yàn)效果不僅不會造成破壞，而且能起到更好的推廣作用，何樂而不為呢？
1.網(wǎng)頁結(jié)構(gòu)優(yōu)化
使用div css的架構(gòu)，這一架構(gòu)的優(yōu)勢十分顯著，修改方便，而且可以選擇讓搜索引擎bot先對正文部分進(jìn)行爬行而避免因Head和Sidebar的信息多次重復(fù)而提前中止了對正文部分的爬行，使bot在最短時(shí)間內(nèi)索引到網(wǎng)頁的核心內(nèi)容。
2.標(biāo)題、描述、關(guān)鍵字、排版的優(yōu)化
標(biāo)題字?jǐn)?shù)控制在35個(gè)漢字以內(nèi)，將你的網(wǎng)頁主要內(nèi)容和要優(yōu)化的關(guān)鍵字體現(xiàn)在標(biāo)題上。而描述和關(guān)鍵字則要盡量全面地覆蓋你需要優(yōu)化的關(guān)鍵字。排版上要多運(yùn)用加粗、添加下劃線、使用斜體、使用H1、H2、H3等標(biāo)簽來突出要優(yōu)化的關(guān)鍵字，并且盡量將關(guān)鍵字的密度保持在6%-10%之間。
3.細(xì)節(jié)的優(yōu)化
主要就是注意多交換鏈接和保證交換鏈接的質(zhì)量。一個(gè)頁面內(nèi)的外鏈數(shù)量最多不要超過3個(gè)，最好保持在1－2個(gè)，內(nèi)鏈數(shù)量越多越好。對于圖片添加鏈接以及添加 alt說明，讓搜索引擎可以讀懂你的圖片并索引你的網(wǎng)頁。搜索引擎對于頁面相似度高的站點(diǎn)會采取一定的懲罰措施。
4.制作和提交sitemap
提交你的sitemap到Google Webmaster Tools和Yahoo! Site Explorer，以及提交你的網(wǎng)站到其它各大搜索引擎和DMOZ等網(wǎng)站目錄。幫助搜索引擎更好地索引你的站點(diǎn)。
基本上我認(rèn)為對于網(wǎng)頁設(shè)計(jì)這些是需要注意的，但由于我的實(shí)際經(jīng)驗(yàn)太少，可能會有錯漏，請各位提出意見。
【網(wǎng)頁設(shè)計(jì)基礎(chǔ)】相關(guān)文章：
網(wǎng)頁設(shè)計(jì)的色彩運(yùn)用09-11
如何學(xué)好網(wǎng)頁美工設(shè)計(jì)09-05
網(wǎng)頁設(shè)計(jì)色彩搭配的基本知識03-28
web網(wǎng)頁設(shè)計(jì)心得范文（通用11篇）12-21
網(wǎng)頁美工設(shè)計(jì)崗位職責(zé)(5篇)03-02
網(wǎng)頁美工設(shè)計(jì)崗位職責(zé)（精選28篇）05-10
企業(yè)網(wǎng)頁美工設(shè)計(jì)色彩搭配的技巧09-04