計(jì)算機(jī)通信網(wǎng)實(shí)驗(yàn)報(bào)告1_第1頁(yè)
計(jì)算機(jī)通信網(wǎng)實(shí)驗(yàn)報(bào)告1_第2頁(yè)
計(jì)算機(jī)通信網(wǎng)實(shí)驗(yàn)報(bào)告1_第3頁(yè)
計(jì)算機(jī)通信網(wǎng)實(shí)驗(yàn)報(bào)告1_第4頁(yè)
計(jì)算機(jī)通信網(wǎng)實(shí)驗(yàn)報(bào)告1_第5頁(yè)
已閱讀5頁(yè)，還剩1頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

電子科技大學(xué)電子工程學(xué)院標(biāo)準(zhǔn)實(shí)驗(yàn)報(bào)告（實(shí)驗(yàn)）課程名稱(chēng)用HTML語(yǔ)言制作簡(jiǎn)單的網(wǎng)頁(yè)姓名姓名:學(xué)號(hào)：電子科技大學(xué)實(shí)驗(yàn)報(bào)告一、實(shí)驗(yàn)室名稱(chēng)：科B453二、實(shí)驗(yàn)項(xiàng)目名稱(chēng)：用HTML語(yǔ)言制作簡(jiǎn)單的網(wǎng)頁(yè)三、實(shí)驗(yàn)原理：1.網(wǎng)頁(yè)（1）網(wǎng)頁(yè)就是在瀏覽器上看到的一頁(yè)，網(wǎng)頁(yè)也稱(chēng)為Web頁(yè)。（2）主頁(yè)通常是進(jìn)入網(wǎng)站首先瀏覽的網(wǎng)頁(yè)，具有引導(dǎo)用戶瀏覽整個(gè)網(wǎng)站內(nèi)容的作用。（3）超鏈接是網(wǎng)頁(yè)中的特殊標(biāo)記。它指向了WWW中的其他資源，如其他網(wǎng)頁(yè)、網(wǎng)頁(yè)的另一個(gè)段落、聲音文件等。這些資源可以位于自己的計(jì)算機(jī)上，也可以位于其他計(jì)算機(jī)上。用作超鏈接的標(biāo)記可以是一段文字、一幅圖像，也可以是一幅圖像的一部分。在瀏覽網(wǎng)頁(yè)時(shí)，單擊超鏈接就可以跳轉(zhuǎn)到超鏈接所指向的資源。超鏈接就像一根一根的線一樣，將各種網(wǎng)頁(yè)鏈接在一起，形成一個(gè)龐大的信息網(wǎng)。2.HTML語(yǔ)言（1）HTML語(yǔ)言就是超文本標(biāo)記語(yǔ)言，是網(wǎng)頁(yè)制作的基礎(chǔ)，也是基本的工具，使用其他任何工具制作的網(wǎng)頁(yè)，最終都要以HTML方式存儲(chǔ)在計(jì)算機(jī)里。（2）HTML的腳本可用任何一種文本編輯器進(jìn)行編寫(xiě)，如記事本、MicrosoftWord等。保存時(shí)要將腳本保存成純文本格式，擴(kuò)展名必須是.html。（3）HTML腳本的基本結(jié)構(gòu)。HTML腳本總是以<html>標(biāo)記開(kāi)頭，</html>標(biāo)記結(jié)尾，在<html>和</html>標(biāo)記之間是HTML的所有內(nèi)容，一般情況下它分為兩部分：頭部和主體。頭部總是由<head>和</head>標(biāo)記定義的，其中包含了HTML腳本的標(biāo)題和說(shuō)明信息；頭部下面是HTML腳本的主體部分，它以<body>作為起始標(biāo)記，</body>作為結(jié)束標(biāo)記，其中所包含的就是在瀏覽器中所看到的內(nèi)容，包括文字、圖片、動(dòng)畫(huà)等。3.FrontPage軟件FrontPage是一種簡(jiǎn)單易學(xué)的Web管理和網(wǎng)頁(yè)制作的軟件。FrontPage2000的窗口，如圖1.1所示。在窗口工作區(qū)的左下方是網(wǎng)頁(yè)視圖模式的3個(gè)狀態(tài)按鈕：“普通”、“HTML”和“預(yù)覽”。網(wǎng)頁(yè)視圖模式的默認(rèn)狀態(tài)是“普通”，用于以所見(jiàn)即所得的方式編輯網(wǎng)頁(yè)?！癏TML”網(wǎng)頁(yè)視圖模式用于以HTML語(yǔ)言的方式編輯網(wǎng)頁(yè)。制作網(wǎng)頁(yè)過(guò)程中，想查看網(wǎng)頁(yè)的制作效果，切換到“預(yù)覽”網(wǎng)頁(yè)視圖模式即可。切換網(wǎng)頁(yè)視圖使用鼠標(biāo)單擊相應(yīng)的狀態(tài)按鈕即可。圖1.1FrontPage2000的窗口四、實(shí)驗(yàn)?zāi)康模?.簡(jiǎn)單了解HTML語(yǔ)言。2.認(rèn)識(shí)網(wǎng)頁(yè)以及網(wǎng)頁(yè)的結(jié)構(gòu)。3.掌握用HTML語(yǔ)言制作簡(jiǎn)單網(wǎng)頁(yè)的方法。五、實(shí)驗(yàn)內(nèi)容：用HTML語(yǔ)言制作簡(jiǎn)單的網(wǎng)頁(yè)。六、實(shí)驗(yàn)器材（設(shè)備、元器件）：1.實(shí)驗(yàn)設(shè)備計(jì)算機(jī)2.實(shí)驗(yàn)軟件IE瀏覽器、網(wǎng)頁(yè)制作軟件記事本七、實(shí)驗(yàn)步驟：1.制作第一張網(wǎng)頁(yè)第1步新建一個(gè)記事本文件并打開(kāi);第2步在工作區(qū)中輸入如下內(nèi)容：<html><head><metahttp-equiv="Content-Type"content="text/html;chaset=gb2312"><title>我的網(wǎng)站</title></head><body><br><palign="center"><b><i><fontface="楷體-gb2312"color="#ff00ff"size="5">-春天時(shí)的夢(mèng)</font></i></b></p><hrwidth="90%"><palign="center"><fontface="楷體-gb2312"color="#ff00ff"size="4">一首小詩(shī)</font></p><palign="center"><fontface="楷體-gb2312"color="#00ffff"size="4">精美圖片</font></p><palign="center"><fontface="楷體-gb2312"color="#008800"size="4">更多內(nèi)容</font></p><hrwidth="90%"><palign="center"><marquee><fontface="華文彩云"color="#c000c0"size="5">歡迎來(lái)到阿蒙的家</font></marquee></p><palign="left"><fontcolor="仿宋-gb2312"color="#00ff00"size="4">搜狐網(wǎng)站</font><fontface="仿宋-gb2312"color="#0000ff"size="4">163網(wǎng)站</font></p></body></html>第3步單擊工具欄的“保存”按鈕，將該網(wǎng)頁(yè)保存為“test1.html”;第4步進(jìn)入IE窗口，單擊“文件”“打開(kāi)”命令，進(jìn)入“打開(kāi)”對(duì)話框；單擊“瀏覽”按鈕，選擇“test1.html”文件后，單擊“確定”按鈕，這時(shí)IE窗口中顯示的就是該網(wǎng)頁(yè)的內(nèi)容，如圖所示。2.制作第二張網(wǎng)頁(yè)第二張網(wǎng)頁(yè)主要是對(duì)文字的處理和給網(wǎng)頁(yè)加背景圖片。第1步新建一個(gè)記事本文件并打開(kāi);第2步在窗口的工作區(qū)中輸入如下內(nèi)容：<html><head><metahttp-equiv="content-Type"content="text/html;charset=gb2312"><title>一首小詩(shī)</title></head><bodybackground="C:\Users\GuoHeng\Desktop\計(jì)算機(jī)網(wǎng)絡(luò)實(shí)驗(yàn)1\tl.jpg"><br><br><br><palign="center"><b><fontface="楷體—gb2312"color="#550055"size="7">姜維2012029050004</font></b></p><br><palign="center"><b><fontface="楷體—gb2312"color="#550055"size="7">游子吟</font></b></p><palign="center"><b><i><fontface="楷體-gb2312"color="#ff00ff"size="4">-孟郊</font></i></b></p><br><palign="center"><fontface="楷體-gb2312"color="#00ff00"size="4">慈母手中線，</font><fontface="楷體-gb2312"color="#0000ff"size="4">游子身上衣。</font></p><br><palign="center"><fontface="楷體-gb2312"color="#ff0000"size="4">臨行密密縫，</font><fontface="楷體-gb2312"color="#008800"size="4">意恐遲遲歸。</font></p><hrwidth="40%"><palign="center"><marquee><fontface="華文彩云"color="#c000c0"size="5">請(qǐng)您欣賞！</font></marquee></p></body></html>第3步單擊工具欄的“保存”按鈕，將該網(wǎng)頁(yè)保存為“test2.html”。第4步在IE窗口中瀏覽，瀏覽到的效果如圖所示。八、實(shí)驗(yàn)數(shù)據(jù)及結(jié)果分析：（1）如果你將文字在網(wǎng)頁(yè)中居中、右對(duì)齊、左對(duì)齊顯示，應(yīng)如何處理？答：居中：<palign="center">左對(duì)齊：<palign="left">右對(duì)齊：<palign="right">（2）如果要將相臨兩行文字間的距離加大，應(yīng)使用什么標(biāo)記？答：使用<br>標(biāo)志（3）在網(wǎng)頁(yè)中加背景圖片與在網(wǎng)頁(yè)中顯示圖片有什么區(qū)別？各自如何實(shí)現(xiàn)？答：背景圖片：<bodybackground="所選圖片路徑".>顯示圖片：<imgsrc="所選圖片路徑”>（4）一張網(wǎng)頁(yè)要與另一張網(wǎng)頁(yè)實(shí)現(xiàn)超鏈接，應(yīng)如何進(jìn)行？答：<ahref="所選網(wǎng)頁(yè)文件路徑">文字或圖像標(biāo)記</a>（5）一張網(wǎng)頁(yè)要超鏈接到一個(gè)網(wǎng)站，應(yīng)如何進(jìn)行？答：<ahref="所要鏈接的網(wǎng)址">文字或圖像標(biāo)記</a>九、實(shí)驗(yàn)結(jié)論：在實(shí)驗(yàn)中，用html語(yǔ)言完成了簡(jiǎn)單網(wǎng)頁(yè)文件的編寫(xiě)，并實(shí)現(xiàn)了對(duì)網(wǎng)頁(yè)添加背景圖片，完成了在網(wǎng)頁(yè)中顯示圖片，而且實(shí)現(xiàn)了網(wǎng)頁(yè)文件與其他網(wǎng)頁(yè)文件或網(wǎng)站之間的超鏈接的建立。十、總結(jié)及心得體會(huì)：初次接觸網(wǎng)頁(yè)

溫馨提示

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

評(píng)論

0/150

提交評(píng)論