Web程序設(shè)計實驗手冊_第1頁
Web程序設(shè)計實驗手冊_第2頁
Web程序設(shè)計實驗手冊_第3頁
已閱讀5頁，還剩6頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

實驗一HTML語言的熟悉與應(yīng)用【實驗?zāi)康摹客ㄟ^學(xué)習(xí)和應(yīng)用HTML的基本元素，了解并初步掌握靜態(tài)網(wǎng)頁的運行原理及其制作過程?！緦嶒瀮?nèi)容】建一個左右結(jié)構(gòu)的框架結(jié)構(gòu)，要求如下：名。要求有不同的彈出方式（_top、_blank）。右邊為單擊左邊菜單所顯示的相應(yīng)內(nèi)容。其形式如下圖所示?！緦嶒瀳蟾嬉蟆繉嶒?zāi)康膶懗隹蚣苤饕a，并分別要求用不同的彈出方式。在瀏覽器中觀察主頁運行情況并給出運行界面。HTML代碼下，學(xué)習(xí)掌握各標(biāo)記的屬性及用法，給出相應(yīng)注釋。實驗小結(jié)，包括實驗中遇到的問題及解決方法?！拘〖记伞俊安榭础辈藛沃羞x擇“源文件”HTML語言基礎(chǔ)—表格應(yīng)用實驗二[實驗?zāi)康腯使用記事本制作簡單網(wǎng)頁文本格式標(biāo)記和表格標(biāo)記[]在“記事本”中寫入簡單的HTML語言，設(shè)計一個簡單網(wǎng)頁學(xué)會使用HTML語言設(shè)計表格，顯示學(xué)生寢室室友的基本情況[]11（文件夾(8位“（實驗序號）1-”實驗文件夾的名稱，如圖1所示效果。圖1在桌在建立第一次實驗學(xué)生工作目錄2所示的HTML1-1.ht3所示。圖2HTML代碼圖3“1-1.htm”網(wǎng)頁顯示效果二、文本格式和表格標(biāo)記使用HTML姓名。打開“記事本”程序，根據(jù)圖41-2.htm”保存該文件到上述學(xué)生工作目錄中，關(guān)閉文檔。1-2.ht5所示。圖4HTML代碼三、鏈接標(biāo)記和圖像標(biāo)記

圖5“1-2.htm”網(wǎng)頁顯示效果11．在學(xué)生工作目錄中建立子目錄images，并獲取上述網(wǎng)頁中提到的同學(xué)電子版照片，并通過PhotoShop或者M(jìn)icrosoftOfficePictureManager將圖片尺寸編輯為150（寬）*200（高，單位為px，并按01.jp02.jpg的規(guī)則進(jìn)行命名。通過“記事本”程序編寫如圖6所示的網(wǎng)頁HTML源代碼。6HTML1-3.ht7

碼是什么意思？因為重復(fù)的內(nèi)容非常多！<title></title>一對、<body></body>一對<table></table>表示表格、<tr></tr>表示表格一行、<td></td>表示一個單元格、<imgsrc=”…”>表示圖像標(biāo)記<ahref=”…”>XXX</a>表示鏈接標(biāo)記align屬性表示水平對齊方式bgcolor屬性表示背景色width屬性表示寬度mailto表示啟動郵件程序7“1-3.htm”顯示效果圖[實驗結(jié)論]利用HTML語言設(shè)計網(wǎng)頁的代碼書寫是非常麻煩的，通過此練習(xí)使學(xué)生們可以了解HTML語言的語法特點及基本語句。表格深度實驗：請按如下結(jié)果制作網(wǎng)頁實驗三CSS樣式表【實驗?zāi)康摹緾SSCSSCSS+DIV實現(xiàn)主頁的顯示【實驗內(nèi)容】通過CSS+DIV定制一個主頁。主頁頁面的形式自定，但要求有以下內(nèi)容：浮動的廣告圖片TAB方式按鈕兩測有滾動廣告圖片（類似新浪）【實驗報告要求】實驗?zāi)康某绦蛄鞒虉D部分關(guān)鍵代碼實驗四Javascript語法【實驗?zāi)康摹苛私夂驼莆認(rèn)avascriptJavascript過程控制和函數(shù)的語法及具體的使用方法?！緦嶒瀮?nèi)容】實現(xiàn)定時猜數(shù)游戲。要求如下：隨機給出一個0至99(包括0和99)之間的數(shù)字，然后讓用戶在規(guī)定的時間結(jié)果范圍，最終得出正確結(jié)果。界面設(shè)計參考如下圖所示。提示：定時函數(shù)：setTimeout(“時間到使用函數(shù)”，毫秒數(shù))按鈕的使能屬性:disabletruefalse時，該按鈕可以接受使用?！緦嶒瀳蟾嬉蟆繉嶒?zāi)康某绦蛄鞒虉D部分關(guān)鍵代碼實驗小結(jié)，包括實驗中遇到的問題及解決方法，以及說明Windows方式、Web方式完成該程序的差別是什么。實驗五Windows窗體控件的使用(一)【實驗?zāi)康摹渴煜ふ莆誛indows窗體的文本控件、標(biāo)簽的控件、命令按鈕控件、列表控件等控件的屬性及使用方法。【實驗內(nèi)容】電影院售票窗體界面的設(shè)計與實現(xiàn)?；疽螅?、電影票種類有二，包廂類票單價50RMB，普座票單價35RMB。使用RadioButton控件進(jìn)行電影票種類的選擇，根據(jù)選擇情況在一個Label控件上顯示該類票的單價。2、購票數(shù)量在TextBox控件中輸入。3、點擊確定按鈕，應(yīng)付金額顯示在另一Label控件中。【實驗報告要求】實驗?zāi)康某绦蛄鞒探缑娌僮髡f明實驗小結(jié)，包括實驗中遇到的問題及解決方法【實驗?zāi)康摹?/p>

實驗六Windows窗體的使用(二)熟練掌握Windows窗體控件的屬性及使用方法?！緦嶒瀮?nèi)容】簡單計算器的實現(xiàn)?；疽螅?0個數(shù)字鍵、加減乘除鍵、sqrt鍵、鍵、＝BackspaceClear鍵(ClearEntry局部清除鍵)，利用控件完成，布局合理美觀?！緦嶒瀳蟾嬉蟆繉嶒?zāi)康某绦蛄鞒滩糠执a實驗小結(jié)，包括實驗中遇到的問題及解決方法【實驗?zāi)康摹?/p>

實驗七 ASP.NET服務(wù)器控件的使用了解和掌握幾種ASP.NET服務(wù)器控件的使用，尤其是服務(wù)器驗證控件的特點及其應(yīng)用，現(xiàn)時掌握數(shù)據(jù)庫的連接方式?！緦嶒瀮?nèi)容】制作一個免費郵箱的登錄頁面，頁面布局自定，登錄成功后給出一個登錄成用戶名，只能由字母、數(shù)字和下劃線組成，且首字符不能為數(shù)字；615位之間；確認(rèn)密碼，必須和密碼一致；查詢密碼問題，可任意；8位以上；電話按要求的格式輸入。例如：或者（027）87654321Label控件給出必要提示?！緦嶒瀳蟾嬉蟆繉嶒?zāi)康某绦蛄鞒虉D部分代碼實驗小結(jié)，包括實驗中遇到的問題及解決方法實驗八、九、十 基于ASP.NET的電子通信錄系統(tǒng)的設(shè)計與實現(xiàn)【實驗?zāi)康摹客ㄟ^制作一個電子通信錄系統(tǒng)來掌握使用ADO.NET訪問與操縱數(shù)據(jù)庫的方法?！緦嶒瀮?nèi)容】一、電子通信錄包括三部分信息：用戶登錄注冊信息通信組信息聯(lián)系人信息用戶名數(shù)據(jù)表結(jié)構(gòu)用戶名數(shù)據(jù)表結(jié)構(gòu)字段名UserIDPasswordCreatTime說明密碼用戶建立時間數(shù)據(jù)類型長度允許空值是否主鍵通信組數(shù)據(jù)表結(jié)構(gòu)（TableGroup）字段名說明數(shù)據(jù)類型長度允許空值是否主鍵GIDUserIDGNameGDescription用戶名通信組名通信組描述聯(lián)系人數(shù)據(jù)表結(jié)構(gòu)聯(lián)系人數(shù)據(jù)表結(jié)構(gòu)字段名UIDGIDNameGenderAddressPostCodeTelephoneMobileE-mail說明聯(lián)系人ID聯(lián)系人姓名聯(lián)系人性別聯(lián)系人地址郵政編碼聯(lián)系人電話聯(lián)系人手機聯(lián)系人E-mail數(shù)據(jù)類型長度允許空值是否主鍵二、電子通信錄系統(tǒng)應(yīng)至少包括下列功能頁面（頁面布局自定：用戶首先要進(jìn)行注冊，注冊成功后，還要允許用戶進(jìn)行密碼修改。通信組的創(chuàng)建AddGroup.aspxAltGroup.aspx（包括通信組信息的刪除和修改）通信組是根據(jù)聯(lián)系人之間的關(guān)系建立不同性質(zhì)的Group，以上頁面主要TableGroup比如，可以建立親友通信組、工作通信組、同學(xué)通信組以及其他類型通信組等。聯(lián)系人信息的添加AddPerson.aspxAltPerson.aspx（包括聯(lián)系人信息的刪除和修改）TableUserTableGroup系。查找通

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論