資源描述:
《《設計框架網》PPT課件》由會員上傳分享,免費在線閱讀,更多相關內容在教育資源-天天文庫。
1、1第6章設計框架網頁Web頁的設計方式中,包含有框架網頁設計。它可以將Web瀏覽器窗口分為不同的可滾動的區(qū)域。這些區(qū)域可獨立顯示幾個Web頁。一個窗口可保持不變,而其他窗口根據用戶選擇的超鏈接變化。而目前,框架網頁多數(shù)用在網站后面的界面中,可以通過左側的欄目導航,在右則顯示不同的設置數(shù)據頁面。除此之外,還有Iframe內嵌框架方式,而這種多數(shù)應用于前臺的主頁中。它可將主頁不同功能版塊分割成不同的單個文件,這樣便于修改網頁內容。本章學習要點:2創(chuàng)建框架編輯框架集設置框架的屬性內嵌框架應用6.1框架網頁3框架提供將一個瀏覽器窗口劃分為多個區(qū)域、每個區(qū)域都可以顯示不同HTML文檔的方法。
2、使用框架的最常見情況就是,一個框架顯示包含導航菜單的文檔,而另一個框架顯示包含內容的文檔。6.1.1框架網頁概述4很多用戶可能將網頁中的框架看成是一個文件,但實際上文檔不是框的一部分,而框是存放文檔的容器。1.框架集框架集是HTML文件,它定義一組框架的布局和屬性,包括框架的數(shù)目、框架的大小和位置以及最初在每個框架中顯示的頁面的URL。52.框架集的優(yōu)勢3.嵌套的框架集框架的最常見用途就是導航。一組框架通常包括一個含有導航條的框架和另一個要顯示主要內容頁面的框架。在另一個框架集中的框架集稱為嵌套框架集。一個框架集文件可以包含多個嵌套的框架集。大多數(shù)使用框架的Web頁實際上都使用嵌套
3、的框架,并且在Dreamweaver中大多數(shù)預定義的框架集也使用嵌套。如果在一組框架里,不同行或不同列中有不同數(shù)目的框架,則要求使用嵌套的框架集。6.1.2創(chuàng)建各種框架在Dreamweaver中有兩種創(chuàng)建框架集的方法:既可以從若干預定義的框架集中選擇,也可以自己設計框架集。671.創(chuàng)建框架集在Dreamweaver中,創(chuàng)建框架集是非常簡單的。82.創(chuàng)建嵌套框架集將光標放置框架集的頂部中,單擊【框架】下拉按鈕,然后在列表中選擇一種框架布局方式,則該框架集就是嵌套框架集。93.創(chuàng)建浮動框架要想在一個HTML網頁的局部顯示另外一個HTML網頁,就需要用到浮動框架。浮動框架是一個HTML網
4、頁在另外一個HTML網頁中顯示的容器。浮動框架可以在空白頁面中創(chuàng)建,也可以在表格中創(chuàng)建。6.1.3編輯框架集【框架】面板提供框架集內各框架的可視化表示形式。它能夠顯示框架集的層次結構,而這種層次結構在【文檔】窗口中的顯示可能不夠直觀。在【框架】面板中,環(huán)繞每個框架集的邊框非常粗;而環(huán)繞每個框架的是較細的灰線,并且每個框架由框架名稱標識。101.在面板中選擇框架2.選擇布局框架3.選擇不同的框架6.1.4向框架中添加內容在選擇框架后,可以向框架不同部分的文件(框架中每一個部分,都是一個獨立的文件。)中添加內容,也可以指定為現(xiàn)在文件。111.添加框架文檔2.為框架添加內容用戶可以通過將
5、新內容插入框架的空文檔中,或通過在框架中打開現(xiàn)有文檔,來指定框架的初始內容。無論是框架還是框架集,均是顯示HTML網頁的容器。要添加網頁元素則是在框架網頁中,而在框架網頁中添加元素,與普通網頁的操作方法相同,同樣可以在其中插入表格、文本、圖像、多媒體等。6.1.5保存框架集如果一個站點在瀏覽器中顯示為包含兩個框架的單個頁面,則實際上至少由三個HTML文檔組成:框架集文件以及兩個文檔,這兩個文檔包含最初在這些框架內顯示的內容。在Dreamweaver中設計使用框架集的頁面時,必須保存所有這三個文件,該頁面才能在瀏覽器中正常顯示。121.框架集保存2.嵌套框架集保存6.2框架屬性選擇不
6、同的框架部分,會得到不同的屬性。而框架集網頁中,有些框架網頁為固定網頁,而框架集中的mailFrame框架網頁為活動網頁,所以框架集的超級鏈接目標與普通網頁會有所不同。136.2.1布局框架基本屬性由于布局框架中包括框架集和框架,所以在設置其屬性時也不盡相同。而某些框架屬性還會覆蓋框架集中的某些屬性,所以在設置過程中要有所注意。141.框架集屬性2.框架屬性結合Alt鍵單擊某個框架選中該框架后,在【屬性】檢查器面板中會顯示相應的屬性參數(shù)。當選擇框架集后,【屬性】檢查器面板中顯示的是其各個屬性參數(shù)。6.2.2框架鏈接框架頁的超級鏈接之所以要特別指出,是因為框架網頁少則2個,多則幾個框
7、架,鏈接的網頁在哪一個框架中打開,是需要設定的。在創(chuàng)建框架集后,在【框架】面板中會顯示每個框架網頁的默認名稱。156.2.3框架標簽創(chuàng)建框架集后,在【代碼】視圖中發(fā)現(xiàn),選擇單個框架與選擇框架集的代碼是不同的,因為頁面所有框架標簽需要放在一個HTML的文檔,這個檔案只記錄了該框架如何分割,不會顯示任何資料。在布局框架代碼中,