web程序設計實驗手冊

ID:1357860

大小:1.14 MB

頁數(shù):11頁

時間:2017-11-10

web程序設計實驗手冊_第1頁
web程序設計實驗手冊_第2頁
web程序設計實驗手冊_第3頁
web程序設計實驗手冊_第4頁
web程序設計實驗手冊_第5頁
資源描述:

《web程序設計實驗手冊》由會員上傳分享,免費在線閱讀,更多相關內容在行業(yè)資料-天天文庫。

1、實驗一HTML語言的熟悉與應用【實驗目的】通過學習和應用HTML的基本元素,了解并初步掌握靜態(tài)網(wǎng)頁的運行原理及其制作過程?!緦嶒瀮热荨拷ㄒ粋€左右結構的框架結構,要求如下:(1)左邊要求建立一個目錄菜單,菜單的內容為教材書上的第二章的實例名。要求有不同的彈出方式(_top、_blank)。(2)右邊為單擊左邊菜單所顯示的相應內容。其形式如下圖所示?!緦嶒瀳蟾嬉蟆?.實驗目的2.寫出框架主要代碼,并分別要求用不同的彈出方式。3.在瀏覽器中觀察主頁運行情況并給出運行界面。4.切換到HTML代碼下,學習

2、掌握各標記的屬性及用法,給出相應注釋。5.實驗小結,包括實驗中遇到的問題及解決方法?!拘〖记伞繉τ谝恍┥У臉擞泴傩圆槐貜娦杏洃?,在用到的時候翻一下語法手冊,多用幾次就會熟練掌握了;剛開始,可以先選擇幾個不錯的網(wǎng)頁形式加以模仿,完成自己的主頁;看到好的網(wǎng)頁,在瀏覽器的“查看”菜單中選擇“源文件”,就可以看到源程序,學習別人制作網(wǎng)頁的一些方法和技巧,有時候通過這種辦法可以學到書本上沒有的東西,一些新功能也可以為你所用,出現(xiàn)在你的主頁中。實驗二HTML語言基礎—表格應用[實驗目的]1.使用記事本制作簡

3、單網(wǎng)頁2.文本格式標記和表格標記3.學會使用鏈接標記和圖像標記[實驗任務]1.在“記事本”中寫入簡單的HTML語言,設計一個簡單網(wǎng)頁2.學會使用HTML語言設計表格,顯示學生寢室室友的基本情況3.加入鏈接和圖像標記,顯示寢室室友的照片和郵箱[實驗步驟]一、使用“記事本”制作網(wǎng)頁1.在桌面上創(chuàng)建學生工作目錄(文件夾),命名規(guī)則為“學號(8位)+“-”+(實驗序號)1”,如“20090101-1”實驗文件夾的名稱,如圖1所示效果。圖1在桌在建立第一次實驗學生工作目錄2.打開“記事本”程序,編入下圖2所

4、示的HTML語言,完成后將該文本文件命名為“1-1.htm”,保存到上述對應工作目錄中。3.關閉文檔,雙擊工作目錄中的“1-1.htm”文件,顯示效果如下圖3所示。圖2HTML代碼圖3“1-1.htm”網(wǎng)頁顯示效果二、文本格式和表格標記使用HTML語言文本格式標記和表格標記編寫一個網(wǎng)頁,顯示學生寢室室友的學號和姓名。1.打開“記事本”程序,根據(jù)圖4樣例輸入網(wǎng)頁內容,并更新其中的學生信息為本人所在寢室或者同學的信息,結束后,以“1-2.htm”保存該文件到上述學生工作目錄中,關閉文檔。2.雙擊“1-

5、2.htm”,效果圖如圖5所示。圖4HTML代碼圖5“1-2.htm”網(wǎng)頁顯示效果三、鏈接標記和圖像標記1.在學生工作目錄中建立子目錄images,并獲取上述網(wǎng)頁中提到的同學電子版照片,并通過PhotoShop或者MicrosoftOfficePictureManager將圖片尺寸編輯為150(寬)*200(高),單位為px,并按01.jpg、02.jpg的規(guī)則進行命名。2.通過“記事本”程序編寫如圖6所示的網(wǎng)頁HTML源代碼。提示:如果“我是你”,我先研究一下這個代碼是什么意思?因為重復的內容非

6、常多!一對、一對一對、一對

表示表格、表示表格一行、表示一個單元格、表示圖像標記XXX表示鏈接標記align屬性表示水平對齊方式bgcolor屬性表示背景色width屬性表示寬度mailto表示啟動郵件程序圖6HTML源代碼3.雙擊“1-3.htm”,效果如圖7所示。圖7“1

7、-3.htm”顯示效果圖[實驗結論]利用HTML語言設計網(wǎng)頁的代碼書寫是非常麻煩的,通過此練習使學生們可以了解HTML語言的語法特點及基本語句。表格深度實驗:請按如下結果制作網(wǎng)頁實驗三CSS樣式表【實驗目的】了解和掌握CSS樣式的語法規(guī)則;熟練掌握CSS樣式的對于頁面顯示控制的作用,通過CSS+DIV實現(xiàn)主頁的顯示【實驗內容】通過CSS+DIV定制一個主頁。主頁頁面的形式自定,但要求有以下內容:(1)浮動的廣告圖片(2)TAB方式按鈕(3)兩測有滾動廣告圖片(類似新浪)【實驗報告要求】1.實驗目的

8、2.程序流程圖3.部分關鍵代碼實驗四Javascript語法【實驗目的】了解和掌握Javascript的語法規(guī)則;熟練掌握Javascript語言的流程控制語句、過程控制和函數(shù)的語法及具體的使用方法。【實驗內容】(1)實現(xiàn)定時猜數(shù)游戲。要求如下:隨機給出一個0至99(包括0和99)之間的數(shù)字,然后讓用戶在規(guī)定的時間內猜出什么數(shù)字。你可以隨便猜一個數(shù)字,游戲會提示太大還是太小,從而縮小結果范圍,最終得出正確結果。界面設計參考如下圖所示。提示:(1)定時函數(shù):setTimeout(“時

當前文檔最多預覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當前文檔最多預覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學公式或PPT動畫的文件,查看預覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權歸屬用戶,天天文庫負責整理代發(fā)布。如果您對本文檔版權有爭議請及時聯(lián)系客服。
3. 下載前請仔細閱讀文檔內容,確認文檔內容符合您的需求后進行下載,若出現(xiàn)內容與標題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。
关闭