用框架分割多個窗口、引用google主頁、iframe實現(xiàn)頁面復(fù)用_第1頁
用框架分割多個窗口、引用google主頁、iframe實現(xiàn)頁面復(fù)用_第2頁
用框架分割多個窗口、引用google主頁、iframe實現(xiàn)頁面復(fù)用_第3頁
全文預(yù)覽已結(jié)束

下載本文檔

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

文檔簡介

1、內(nèi)蒙古科技大學信息工程學院計算機系網(wǎng)頁設(shè)計與制作實驗報告姓名班級張燕斌軟件12級2班學號 1267159206 實驗成績實驗日期|第15周（星期二）12月9日第34節(jié)項目號、實驗名稱實驗6用框架分割多個窗口、引用google主頁、iframe實現(xiàn)頁面復(fù)用實驗?zāi)繕?1. 掌握使用框架結(jié)構(gòu)實現(xiàn)多窗口頁面2. 掌握使用iframe內(nèi)嵌復(fù)用頁面實驗所需軟件：Ultra Edit實驗內(nèi)容：1.練習一一用框架分割多個窗口。需求說明：根據(jù)提供的子窗口頁面素材，實現(xiàn)典型的兩行兩列的框架結(jié)構(gòu)，邊框設(shè)置為 寬度5,白色，效果如圖1.1所示。（任 課供）2.圖1.1貴美商城幫助中心練習引用google主頁。需求說明

2、：用提供的素材實現(xiàn) google頁引用，如圖1.2所示圖1.2 google頁的引用3.練習一 iframe實現(xiàn)頁面復(fù)用需求說明：用提供的素材實現(xiàn)內(nèi)容重用，效果如圖1.3所示，具體要求如下在給出的登錄和注冊頁中重用貴美頁面頂部和底部。只需在log in .htm和register.htm頁面中加入iframe語句。圖1.3用iframe實現(xiàn)頁面重用1 .練習一一用框架分割多個窗口。v!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0Tran siti on al/EN"" nsitio nal.dtd"><ht

3、ml xml ns=""><head>vmeta http-equiv="C onten t-Type" con te nt="text/html; charset=utf-8" /><title>無標題文檔</title></head>vframeset rows="25%,*" frameborder="5" bordercolor="#FFFFFF" > vframe src="subframe

4、/head.html" n ame="headframe" scrolli ng=" no"/> vframeset cols="25%,*">vframe src="subframe/left.html" name="leftframe"/ scorlling="no"> vframe src="subframe/buy.html" n ame="buyframe"/> </frameset&g

5、t;</frameset> <no frames> </no frames></html>實 驗 內(nèi) 容 （由 學 生 填 寫）2.引用google主頁<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Tran siti on al/EN" " nsitio nal.dtd"> vhtml xml ns=""><head>vmeta http-equiv="C onten t-Type" con te

6、nt="text/html; charset=utf-8" /><title>無標題文檔</title></head><body><ce nter>viframe src="subframeGoogle.htm " width="800px" height="320px" name="google" frameborder="0" scorlli ng="no" x/iframe>vt

7、able>vtr>vtd>va href="subframetext1.htm" target="ma in frame"/> 第一章 天下大勢 v/td> vtd>va href="subframetext2.htm" target="ma in frame"/> 第二章 合久必分 v/td> vtd>va href="subframetext3.htm" target="ma in frame"/> 第三章 分久

8、必合 v/td> v/tr>v/table>viframe src="subframe/text1.htm" width="800px" height="320px" n ame="ma in frame" frameborder="2" scorlling="no">v/iframe>v/cen ter> </body></html>ali=ll.i圖1.5google主頁3. <iframe>實現(xiàn)頁面

9、復(fù)用viframe src="head.htm" width="100%" frameborder="0" scrolling二"no"></iframe>viframe src="foot.htm" width="100%" frameborder="0" scorlling二"no"></iframe>p.tnqW- i*£.M4<aLaih甲肚«!»材上H%*； 上町 h魚ri"*車護"-事廚L"”4 啊釧仆X»F1tRlHIl'Bflll 斤 HF*is NF上二M-EOrm廠 E XBWLi： f EP*TJE璉-N 也 HC» USBTDIM !1卿1, HB圖1.7<iframe>頁面復(fù)用02評 語（由教 師 填 寫）說明：1、 每個實驗項目填寫一份實驗報告，電子版命名方式為：學號姓名項目號.doco例如: 1167111182張三3.doc表示張三做的第 3個項目的實驗報告。2、實驗報告電子版應(yīng)該在

溫馨提示

  • 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)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論