Dreamweaver實例教程第5章_第1頁
Dreamweaver實例教程第5章_第2頁
Dreamweaver實例教程第5章_第3頁
Dreamweaver實例教程第5章_第4頁
Dreamweaver實例教程第5章_第5頁
已閱讀5頁，還剩12頁未讀， 繼續免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

1、第五章框架的使用學習目標1）了解在網頁中框架的作用；2）熟練掌握如何創建框架；3）掌握在Dreamweaver 8.0中創建框架和設置框架屬性的方法；4）掌握使用鏈接控制框架內容的方法；5）會保存框架及框架集。5.1 框架概述重點提示1）框架的作用。2）框架的組成。 在網頁中使用框架可以把瀏覽器的窗口分隔為若干相互獨立又有聯系的區域，在每一個區域中顯示一個獨立的網頁文件。也可以把它理解成，將包含某種聯系的多個HTML網頁呈現在一個瀏覽器窗口中。框架由框架集和框架兩部分組成。框架：單個的框架是瀏覽器窗口中的一個區域，在此區域中可以顯示一個獨立的HTML文檔。框架集：是在一個文檔內定義了一組框架結

2、構的HTML網頁，定義的內容有窗口顯示的框架數、各個框架的大小和載入框架的網頁的地址等屬性。5.2 框架的基本操作 創建框架集創建預定義的框架集創建嵌入式框架集創建無框架內容設置框架集屬性創建框架集重點提示1）如何新建一個HTML文檔。2）創建框架集。3）刪除框架。實例：新建一個HTML文檔。 要求掌握創建框架集的兩種方法 單擊菜單“修改”“框架頁”，選擇所需要的拆分方式。 按住（Alt）鍵從任何一條邊框或一個角上拖拽出新的框架。 如果想刪除某個框架，只需將該框架邊框拖出此頁即可。如果在即將刪除的框架中顯示的文檔還有尚未保存的內容，則會提示是否要保存，而刪除框架集只需直接關閉框架集文件，如果此

3、框架集已經被保存，則需要從站點中刪除。創建預定義的框架集重點提示1）如何使用框架集格式。2）如何在HTML文檔中插入預定義的框架集。實例2：使用三種方法在HTML文檔中插入預定義的框架集。1）在“插入面板”中選擇“布局”，點擊框架圖標，從中選擇一種框架集模式。2）選擇菜單“插入”“HTML”“框架”，選擇一種框架集模式。3）在新建文件時直接使用預定義框架集，創建嵌入式框架集重點提示1）框架嵌套的概念。2）框架嵌套的方法。創建無框架內容重點提示1）“無框架內容”命令的使用。2）如何編輯“無框架內容”。實例3：如何編輯和使用“無框架內容”。5.3設置框架屬性重點提示1）框架的選擇。2）框架屬性的設置。選擇框架有如下兩種方法：方法一：單擊菜單“窗口”“其他”“框架”，或按快捷鍵（Shift）（F2），將會打開框架面板，在其中選擇需要編輯屬性的框架。方法二：按住（ALT）鍵選擇需要編輯屬性的框架。5.4 框架中使用鏈接實例4：綜合實例（點擊這里進入助教視頻）具體要求如下：架集中包含三個框架。1、上面的框架為固定內容，不隨點擊鏈接更新內容。2、左下框架為控制框架，通過點擊里面的鏈接來控制右下框架內容改變。3、右下框架為被控制框架，受左下框架中鏈接的控制而更新內容，而且其自身的鏈接能夠控制其自己更新內容。本 章 小 結 通過這一章的學習，我們

溫馨提示

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

評論

0/150

提交評論