網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)實(shí)驗(yàn)報(bào)告_第1頁(yè)
網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)實(shí)驗(yàn)報(bào)告_第2頁(yè)
網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)實(shí)驗(yàn)報(bào)告_第3頁(yè)
網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)實(shí)驗(yàn)報(bào)告_第4頁(yè)
網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)實(shí)驗(yàn)報(bào)告_第5頁(yè)
已閱讀5頁(yè)，還剩16頁(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)介

PAGEPAGE1實(shí)驗(yàn)報(bào)告實(shí)驗(yàn)項(xiàng)目：基本HTML命令實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)日期：2012年3月1日實(shí)驗(yàn)要求：1、掌握常用的HTML語(yǔ)言標(biāo)記。2、利用文本編輯器建立HTML文檔，制作簡(jiǎn)單網(wǎng)頁(yè)。3、學(xué)習(xí)將其它格式的文檔轉(zhuǎn)換成HTML格式的文檔。實(shí)驗(yàn)內(nèi)容：答：1．打開(kāi)文本編輯器“記事本”中輸入如下的HTML代碼程序,建立一個(gè)具有基本結(jié)構(gòu)標(biāo)記的HTML文件，然后另存為.htm文件，并在瀏覽器中運(yùn)行。HTML代碼如下：<html><head><title>自由練習(xí)</title></head><body><h1align="center">十萬(wàn)個(gè)為什么</h1><h2align="center">科普小知識(shí)</h2><hralign="center"size=3width=30color=00ff00></hr><i><h3align="center"face=""size=5color=ff0000>傲游夢(mèng)想之城</h3></i><fontface=""size=10color=0000ff>一去二三里，煙村四五家；亭臺(tái)六七座，八九十之花。</font></body></html>網(wǎng)頁(yè)效果如下：2、增加移動(dòng)字幕和插入圖片。HTML代碼如下：<html><head><title>網(wǎng)頁(yè)圖像的插入和超鏈接的運(yùn)用</title></head><body><marqueebehavier=scrollscrollamount=10align=centerswidth=200height=100bgcolor=#00ff00>戚薇圖像展</marquee><palign=center><imgsrc=F:\圖\新建文件夾\戚.jpg></img></p></body></html>網(wǎng)頁(yè)效果如下：實(shí)驗(yàn)項(xiàng)目：超鏈接的創(chuàng)建實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)日期：2012年3月8日實(shí)驗(yàn)要求：1、掌握HTML中超鏈接的原理和應(yīng)用方法，對(duì)同一個(gè)網(wǎng)頁(yè)內(nèi)部的鏈接、不同網(wǎng)頁(yè)之間的鏈接、文字鏈接、圖像鏈接的用法進(jìn)行驗(yàn)證。2、主控網(wǎng)頁(yè)，通過(guò)超鏈接可以進(jìn)入其它網(wǎng)頁(yè)；不同網(wǎng)頁(yè)之間可以通過(guò)文字或圖片鏈接相互跳轉(zhuǎn)。實(shí)驗(yàn)內(nèi)容：答：1、超鏈接的概念及類(lèi)型。超鏈接是指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)的連接關(guān)系,這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁(yè),也可以是相同網(wǎng)頁(yè)上的不同位置，還可以是一個(gè)圖片，一個(gè)電子郵件地址，一個(gè)文件，甚至是一個(gè)應(yīng)用程序。而在一個(gè)網(wǎng)頁(yè)中用來(lái)超鏈接的對(duì)象，可以是一段文本或者是一個(gè)圖片。超鏈接在本質(zhì)上屬于一個(gè)網(wǎng)頁(yè)的一部分，它是一種允許我們同其他網(wǎng)頁(yè)或站點(diǎn)之間進(jìn)行連接的元素。2、超鏈接的創(chuàng)建。HTML代碼如下：<html><head><title>超鏈接的運(yùn)用</title></head><body><h3align=center>戚薇相關(guān)資料</h3><palign=center><br><ahref="/">百度圖片</a><br/><br><ahref="/view/433536.htm">戚薇個(gè)人資料</a><br/><imgsrc=F:\圖\新建文件夾\戚4.jpg></img></p></body></html>網(wǎng)頁(yè)效果如下：實(shí)驗(yàn)項(xiàng)目：表格的制作實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)日期：2012年3月15日實(shí)驗(yàn)要求：掌握HTML與表格樣式相關(guān)的功能設(shè)置：表格單元格背景顏色背景圖像設(shè)置、跨行跨列合并等設(shè)置。實(shí)驗(yàn)內(nèi)容：答：HTML代碼如下：<html><head><title>表格的使用</title></head><body><tableborder=1><captionalign=center><b>第二次作業(yè)</b></caption><tralign=centerbgcolor=#ff0000><th></th><th>數(shù)學(xué)</th><th>英語(yǔ)</th><th>管理</th><th>運(yùn)籌學(xué)</th><th>政治</th></tr><tralign=center><throwspan="2">上學(xué)期</th><td>90</td><td>90</td><td>90</td><td>90</td><td>90</td></tr><tralign=left><td>90</td><td>90</td><td>90</td><td>90</td><td>90</td></tr><tralign=left><th>90</th><td>90</td><td>90</td><tdrowspan="2"colspan="2"align=centerbgcolor=#0000ff>90</td><td>90</td></tr><tralign=left><th>90</th><td>90</td><td>90</td><td></td></tr></table></body></html>網(wǎng)頁(yè)效果如下：實(shí)驗(yàn)項(xiàng)目：表單的制作實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)日期：2012年3月22日實(shí)驗(yàn)要求：1、掌握HTML表單的作用及網(wǎng)頁(yè)中表單域和表單元素的用法。2、能夠應(yīng)用表格來(lái)對(duì)表單元素進(jìn)行布局。實(shí)驗(yàn)內(nèi)容：答：HTML代碼如下：<html><head><title>表單的應(yīng)用</title></head><body><formname="formlogin"id="form1"action="login.asp"method="post"><h3>個(gè)人信息登記表</h3>姓名：<inputtype="text"name="textname"></input><br/>性別：<inputtype="radio"name="radio1"checked="checked">男</input><inputtype="radio"name="radio1">女</input><br/>登錄密碼：<inputtype="password"name="pwd"value="1234"></input><br/>個(gè)人簡(jiǎn)介：<br/><textareaname="areaname"cols=36rows=4>請(qǐng)?jiān)谶@兒輸入個(gè)人基本情況。</textarea><br/><inputtype="submit"name="subm"value="提交"></input><inputtype="reset"name="res"value="重置"></input></form></body></html>網(wǎng)頁(yè)效果如下：實(shí)驗(yàn)項(xiàng)目：框架的制作實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)日期：2012年3月29日實(shí)驗(yàn)要求：掌握網(wǎng)頁(yè)的基本框架。掌握框架、框架集標(biāo)簽的用法。握使用代碼生成框架網(wǎng)頁(yè)。實(shí)驗(yàn)內(nèi)容：答：HTML代碼如下：<html><head><title>框架的應(yīng)用</title></head><framesetcols=137,*><framesrc="A.html"><framesetrows=82,*><framesrc="B.html"><framesrc="C.html"></frameset></frameset></html>網(wǎng)頁(yè)效果如下：實(shí)驗(yàn)項(xiàng)目：行為的創(chuàng)建實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)日期：2012年4月12日實(shí)驗(yàn)要求：1、下拉式菜單的設(shè)計(jì)。2、為對(duì)象設(shè)置行為。3、使用行用控制層，制作行為的動(dòng)態(tài)效果。實(shí)驗(yàn)內(nèi)容：答：步驟如下：通過(guò)選擇菜單【窗口】里的【行為】命令，或直接按下快捷鍵shift+F4即可打開(kāi)【行為】面板。打開(kāi)【插入】菜單中的【布局】，選擇【繪制APDiv】命令，在頁(yè)面上繪制三個(gè)矩形框，可以自行設(shè)置其大小，在這里，我選擇了高50像素、寬150像素。分別在三個(gè)矩形框里添加一個(gè)1行1列，寬150像素的表格，這樣有利于文字的輸入與設(shè)置。然后調(diào)整大小，讓其與矩形框完全吻合，可以在屬性欄里設(shè)置其背景色等細(xì)節(jié)部分。在【院系設(shè)置】欄下面，繪制一個(gè)APDiv元素，將其大小設(shè)置為高150（因?yàn)槲掖蛩阍谶@里輸入三行文字），寬150像素。接下來(lái)，仿照步驟3，添加一個(gè)3行1列的表格，具體設(shè)置也如上。選中【院系設(shè)置】，為其添加行為（動(dòng)作+事件），當(dāng)鼠標(biāo)從上面滑過(guò)時(shí)，顯示下面的矩形框，當(dāng)鼠標(biāo)離開(kāi)時(shí)，下面的矩形框隱藏。具體如下：6、選中【管理學(xué)院】所在矩形框，為其添加如步驟5所示的行為。實(shí)現(xiàn)黨鼠標(biāo)滑過(guò)時(shí)，顯示該矩形框，當(dāng)鼠標(biāo)移出時(shí)隱藏該矩形框的效果。具體如下：保存該頁(yè)面。并查看、測(cè)試效果。如下：實(shí)驗(yàn)項(xiàng)目：層的應(yīng)用實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)日期：2012年4月19日實(shí)驗(yàn)要求：能夠根據(jù)要求設(shè)置層的大小。熟練運(yùn)用層的位置、層的嵌套以及疊加。實(shí)驗(yàn)內(nèi)容：1.在網(wǎng)頁(yè)head頭部定義一個(gè)apDiv1的ID樣式，在網(wǎng)頁(yè)主體body元素內(nèi)插入一個(gè)Div元素，該元素應(yīng)用了ID樣式apDiv1。<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>無(wú)標(biāo)題文檔</title><styletype="text/css"><!--#apDiv1{ position:absolute; width:200px; height:115px; z-index:1; left:130px; top:40px; background-color:#FF0000;}--></style></head><body><divid="apDiv1"></div></body></html>2.表格和層的相互嵌套<head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>無(wú)標(biāo)題文檔</title><styletype="text/css"><!--#apDiv1{ position:absolute; width:99px; height:120px; z-index:1; left:11px; background-color:#EEE; overflow:auto; top:49px;}#apDiv2{ position:absolute; width:99px; height:120px; z-index:2; left:111px; top:49px; overflow:auto; background-color:#EEE;}#apDiv3{ position:absolute; width:99px; height:120px; z-index:3; left:211px; top:48px; overflow:auto; background-color:#EEE;}--></style></head><body><tablewidth="300"border="1"cellpadding="5"cellspacing="0"><tr><td>菜單1</td><td>菜單2</td><td>菜單3</td></tr><tr><td><divid="apDiv1"><p>菜單1-1</p><p>菜單1-2</p><p>菜單1-3</p></div></td><td><divid="apDiv2"><p>菜單2-1</p><p>菜單2-2</p><p>菜單2-3</p></div></td><td><divid="apDiv3"><p>菜單3-1</p><p>菜單3-2</p><p>菜單3-3</p></div></td></tr></table></body></html>實(shí)驗(yàn)項(xiàng)目：CSS實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)日期：2012年4月26日實(shí)驗(yàn)要求：了解CSS的標(biāo)簽樣式，類(lèi)樣式，ID樣式和偽類(lèi)樣式。會(huì)使用CSS的嵌入式樣式表。掌握CSS的部分屬性分類(lèi)與使用。實(shí)驗(yàn)內(nèi)容：答：HTML代碼如下：<html><head><styletype="text/css"><!--p{font-family:"黑體";font-size:20px;color:rgb(255,0,0);text-align:center;}.fontclass1{font-family:"幼圓";font-size:16px;color:rgb(0,0,255);text-align:center;}#fontid1{font-family:"宋體";font-size:13px;color:rgb(0,255,0);text-align:center;}--></style></head><body><p>莫生氣</p><divclass="fontclass1">人生就像一場(chǎng)戲，因?yàn)橛芯壊畔嗑邸?lt;spanid="fontid1">相扶到老不容易，是否應(yīng)該去珍惜？</span></div></body></html>網(wǎng)頁(yè)效果如下：實(shí)驗(yàn)項(xiàng)目：JavaScript語(yǔ)句實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)日期：2012年5月10日實(shí)驗(yàn)要求：掌握并練習(xí)JavaScript的基本語(yǔ)句。加深對(duì)網(wǎng)頁(yè)制作所涉及的相關(guān)技術(shù)的理解。初步了解JavaScricpt腳本源程序。練習(xí)文件對(duì)象的使用。實(shí)驗(yàn)內(nèi)容：答：HTML代碼如下：<html><head><title>改變背景顏色</title></head><Scriptlanguage="JavaScript"type="text/JavaScript">functionchgBg(color){document.bgColor=color;}</Script><body><tableheight="45"border="0"align="center"cellpadding="0"cellspacing="0"><tr><tdwidth="150">請(qǐng)選擇背景顏色：</td><tdwidth="50"bgcolor="#FF0000"onClick="chgBg(this.bgColor)"> </td><tdwidth="50"bgcolor="#00FF00"onClick="chgBg(this.bgColor)"> </td><tdwidth="50"bgcolor="#0000FF"onClick="chgBg(this.bgColor)"> </td><tdwidth="50"bgcolor="#CCCCCC"onClick="chgBg(this.bgColor)"> </td></tr></table></body></html>網(wǎng)頁(yè)效果如下：實(shí)驗(yàn)項(xiàng)目：ASP實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)日期：2012年5月17日實(shí)驗(yàn)要求：ASP運(yùn)行環(huán)境的建立。掌握VBScript語(yǔ)言基礎(chǔ)。掌握ASP內(nèi)置對(duì)象的應(yīng)用。實(shí)驗(yàn)內(nèi)容：答：HTML代碼如下：<html><head><title>Cookies總合示例</title></head><body><%ifRequest.Cookies("UserName")<>""thenResponse.write"歡迎您:"&request.Cookies("UserName")else%><tablewidth="98%"height="30"border="0"cellpadding="0"cellspacing="1"bgcolor="#666666"><trbgcolor="#CCCCCC"><td><formname="form1"method="post"action="">請(qǐng)輸入:  用戶名:<inputname="UserName"type="text"id="UserName"size="12">電子郵件:<inputname="Email"type="text"id="Email"size="12">保存時(shí)間:<selectname="Save"id="save"><optionvalue="1">保存1天</o

溫馨提示

  • 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)論