網(wǎng)頁框架的處理

1、.網(wǎng)頁框架的處理通過本章學(xué)習(xí)，應(yīng)該掌握以下內(nèi)容：1. 認(rèn)識(shí)框架網(wǎng)頁 2. 創(chuàng)建框架網(wǎng)頁的方法 3. 編輯框架網(wǎng)頁的方法 4. 設(shè)置框架屬性的方法 5.1 利用FrontPage 2002處理框架 5.1.1 創(chuàng)建框架網(wǎng)頁 1認(rèn)識(shí)框架網(wǎng)頁 框架網(wǎng)頁是種特殊的HTML網(wǎng)頁，它可將瀏覽器窗口分成不同的區(qū)域，稱為框架區(qū)域。每個(gè)區(qū)域都可以顯示不同的網(wǎng)頁.（1）框架網(wǎng)頁的特點(diǎn) 只要單擊某一個(gè)框架區(qū)域內(nèi)的超鏈接，其指向的網(wǎng)頁就會(huì)在另一個(gè)框架區(qū)域中顯示，而不必將整個(gè)瀏覽器窗口中的內(nèi)容更換一遍。 固定網(wǎng)頁中的某些內(nèi)容。 并不是所有的瀏覽器都能顯示框架網(wǎng)頁，這也是框架網(wǎng)頁的一個(gè)局限。 （2）框架網(wǎng)頁的種類 根據(jù)框

2、架分布的不同和各框架作用的不同，框架網(wǎng)頁被分為多種類型。使用FrontPage制作網(wǎng)頁時(shí)，常用到的框架網(wǎng)頁是：標(biāo)題、標(biāo)題頁腳和目錄、垂直拆分、橫幅和目錄、腳注、目錄、嵌套式層次結(jié)構(gòu)、水平拆分、頁腳和自頂向下的層次結(jié)構(gòu)。2創(chuàng)建框架網(wǎng)頁 選擇“文件”| “新建”| “網(wǎng)頁或站點(diǎn)”命令，打開“新建網(wǎng)頁或站點(diǎn)”窗格； 單擊“網(wǎng)頁模板”超級鏈接，打開“網(wǎng)頁模板”對話框； 單擊“框架網(wǎng)頁”選項(xiàng)卡，顯示十種網(wǎng)頁模板，選擇其中任一種形式，在對話框右邊會(huì)出現(xiàn)該模板形式的說明，以及模板預(yù)覽。選擇“嵌套式”層次結(jié)構(gòu)，單擊“確定”按鈕，出現(xiàn)初始框架網(wǎng)頁； 單擊每個(gè)框架中的“新建網(wǎng)頁”按鈕，各編輯區(qū)變成編輯狀態(tài)，可以依

3、次編輯各個(gè)網(wǎng)頁。單擊每一個(gè)框架區(qū)域中的“設(shè)置初始網(wǎng)頁”按鈕將打開一個(gè)對話框，可以在該對話框中選擇一個(gè)網(wǎng)頁作為框架網(wǎng)頁最初顯示的網(wǎng)頁，并顯示在框架區(qū)域中。 5.1.2 編輯框架網(wǎng)頁 編輯框架網(wǎng)頁與編輯普通的網(wǎng)頁相同，也可以在框架網(wǎng)頁中添加和格式化文本、設(shè)置網(wǎng)頁的背景顏色和背景圖片、在網(wǎng)頁中插入圖片和添加組件，還可以調(diào)整框架的大小等。1在框架網(wǎng)頁中添加和格式化文本 在框架網(wǎng)頁中添加和格式化文本與在普通的網(wǎng)頁中添加和格式化文本相同。 2調(diào)整框架的大小 在輸入文本時(shí)，可能輸入的文本內(nèi)容比較多，但框架又比較小，所以輸入文本時(shí)會(huì)有一部分文本不能顯示，這樣在查看文本時(shí)就有可能看不到文本的整體效果，這時(shí)可以調(diào)

4、整框架的大小來顯示文本。 通常調(diào)整框架的大小的方法有兩種，即通過拖動(dòng)框架的邊框或指定想要的確切設(shè)置來調(diào)整框架的大小。（1）拖動(dòng)框架的邊框調(diào)整框架大小 將光標(biāo)放在要調(diào)整的框架邊框上，當(dāng)光標(biāo)變?yōu)椤?”形狀時(shí)，按住鼠標(biāo)左鍵，并向下拖動(dòng)。按此方法調(diào)整上圖中右邊兩個(gè)框架的大小，調(diào)整后的框架網(wǎng)頁如圖5.7所示。（2）精確設(shè)置框架大小 單擊框架，將光標(biāo)置于框架內(nèi)，點(diǎn)擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“框架屬性”命令，彈出“框架屬性”對話框； 在“框架大小”選項(xiàng)組中設(shè)置框架大小為固定像素?cái)?shù)后，再指定框架的寬度和行高，單擊“確定”按鈕。3拆分框架 在框架網(wǎng)頁中不但可以調(diào)整框架的大小，還可以設(shè)置網(wǎng)頁中顯示的框架的

5、多少。在框架網(wǎng)頁中可以任意地拆分框架。（1）拖動(dòng)邊框拆分框架 將光標(biāo)放在要拆分的框架邊框上，按住“Ctrl”健，同時(shí)按住鼠標(biāo)左鍵拖動(dòng)框架邊框，拖出一段距離后放開鼠標(biāo)左鍵和“Ctrl”鍵，出現(xiàn)一個(gè)框架。 （2）將框架平均分成兩行或兩列 將光標(biāo)放在要拆分的框架邊框內(nèi)，選擇“框架”|“拆分框架”命令彈出“拆分框架”對話框。選擇 “拆分為行”或“拆分為列”，單擊“確定”按鈕。 4刪除框架 將光標(biāo)放在要?jiǎng)h除的框架中； 選擇“框架”| “刪除框架”命令。 注意：從框架網(wǎng)頁中刪除框架時(shí)，該框架中顯示的網(wǎng)頁也會(huì)被刪除，但是框架網(wǎng)頁中其余的內(nèi)容并沒有被刪除。若框架網(wǎng)頁僅含有一個(gè)框架，就不能刪除該框架。5為框架網(wǎng)

6、頁設(shè)置背景顏色和背景圖片 （1）設(shè)置框架網(wǎng)頁的背景顏色 將光標(biāo)放在要設(shè)置背景顏色的框架中； 單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“網(wǎng)頁屬性”命令，打開“網(wǎng)頁屬性”對話框； 單擊“背景”標(biāo)簽，打開“背景”選項(xiàng)卡； 單擊“背景”右側(cè)的按鈕，從彈出的顏色面板中選擇背景顏色； 單擊“確定”按鈕。（2）設(shè)置框架網(wǎng)頁的背景圖片設(shè)置框架網(wǎng)頁的背景圖片與設(shè)置框架網(wǎng)頁的背景顏色類似。5.1.3 設(shè)置框架網(wǎng)頁屬性 設(shè)置框架的屬性包括設(shè)置邊框的隱藏或顯示、設(shè)置框架的邊距和間距以及設(shè)置框架中滾動(dòng)條的顯示和隱藏。1顯示和隱藏框架邊框 可以根據(jù)所需的網(wǎng)頁外觀來選擇顯示或隱藏框架網(wǎng)頁的框架周圍的邊框。顯示和隱藏邊框的操作步

7、驟如下： 將光標(biāo)放在任意一個(gè)框架中； 單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“框架屬性”命令，彈出“框架屬性”對話框；單擊“框架網(wǎng)頁”按鈕，打開“網(wǎng)頁屬性”對話框； 選擇或禁用“顯示邊框”復(fù)選框，就顯示和隱藏框架邊框； 單擊“確定”按鈕，回到“框架屬性”對話框； 單擊“確定”按鈕。 2顯示和隱藏框架滾動(dòng)條 在“框架屬性”對話框中，從“顯示滾動(dòng)條”的下拉列表中選擇“顯示”或“不顯示”或者“需要時(shí)顯示”。5.1.4 在框架網(wǎng)頁中設(shè)置超鏈接 在框架組中設(shè)置超級鏈接后，單擊超級鏈接，該鏈接所指向的網(wǎng)頁通常會(huì)在另一個(gè)框架中打開，即會(huì)在目標(biāo)框架中打開。在使用FrontPage 2002的框架網(wǎng)頁模板所創(chuàng)建的

8、框架網(wǎng)頁下，目標(biāo)框架已經(jīng)設(shè)置好了。在框架組中設(shè)置超鏈接與在普通的網(wǎng)頁中設(shè)置超鏈接相同，也可以設(shè)置文本超鏈接和圖片超鏈接。1在框架中設(shè)置文本超鏈接 其操作步驟如下： 在框架中選擇要設(shè)置超鏈接的文本，單擊“常用工具欄”中的“插入超鏈接”按鈕，彈出“插入超鏈接”對話框； 選擇要鏈接的文件，單擊“目標(biāo)框架”按鈕，彈出 “目標(biāo)框架”對話框； 選擇目標(biāo)框架，單擊“確定”按鈕，回到“插入超鏈接”對話框； 單擊“確定”按鈕，則超鏈接設(shè)置完成。2在框架中設(shè)置圖片超鏈接 在框架中設(shè)置圖片超級鏈接與在框架中設(shè)置文本超級鏈接5.1.5保存框架網(wǎng)頁 創(chuàng)建和編輯完框架后就可以對框架進(jìn)行保存了。保存框架與保存普通的頁面方法

9、相同 。5.2 其他處理網(wǎng)頁框架的方法5.2.1 利用Dreamweaver 4.0處理框架網(wǎng)頁（以下內(nèi)容為了解內(nèi)容）1. 建立框架 Dreamweaver 4.0在對象面板“Frames（框架）”類中提供了許多組框架組，使用者點(diǎn)擊鼠標(biāo)就可以創(chuàng)建框架。2編輯框架 框架創(chuàng)建好以后，就可以對框架進(jìn)行編輯了。每一個(gè)框架里都是一個(gè)文檔，可以直接添加內(nèi)容，也可以在框架內(nèi)打開已經(jīng)存在的文檔。 3保存框架 每一個(gè)框架都包含一個(gè)文檔，因此一個(gè)框架集會(huì)包含多個(gè)文檔。在保存文檔的時(shí)候，不能只簡單地保存一個(gè)文檔，要將整個(gè)網(wǎng)頁文檔都保存下來。 4框架屬性及框架集屬性設(shè)置 使用框架屬性面板可以查看和設(shè)置框架的屬性。5.

10、2.2利用HTML創(chuàng)建網(wǎng)頁框架1。指定框架結(jié)構(gòu) 在框架集網(wǎng)頁中，除了基本的HTML、HEAD等標(biāo)記符以外，主要包括框架集標(biāo)記符FRAMESET（必須有結(jié)束標(biāo)記符<FRAMESET>）和框架標(biāo)記符FRAME（沒有結(jié)束標(biāo)記符）。 由于框架是按照行或列排列的，所以在建立框架結(jié)構(gòu)時(shí)，使用FRAMESET標(biāo)記符的rows屬性或cols屬性分別可以構(gòu)造出橫向分隔框架和縱向分隔框架。 2框架的嵌套 如果網(wǎng)頁設(shè)計(jì)者需要?jiǎng)?chuàng)建一些復(fù)雜的框架集，即同時(shí)包含橫向和縱向的框架，此時(shí)可以使用框架嵌套?？蚣芮短讜r(shí)只要在要使用FRAME標(biāo)記時(shí)再使用FRAMESET標(biāo)記一個(gè)框架集即可。 3框架的初始化 框架初始化是指為各個(gè)框架指定初始顯示的頁面，此時(shí)應(yīng)使用FRAME標(biāo)記的src屬性，將該屬性的值指定為要在框架中顯示的頁面即可。 4邊框效果 （1）框架邊框的設(shè)置 border屬性可以用于設(shè)置邊框的寬度，其值為像素?cái)?shù)。（2）框架滾動(dòng)條的設(shè)置 使用FRAME標(biāo)記符的scrolling屬性可以控制是否在框架內(nèi)加入滾動(dòng)條，其值可以取為yes、no、auto。 （3）設(shè)置邊框的不可移動(dòng)屬性 使用FRAME標(biāo)記符的noresize屬性，該屬性不需要任何取值，即：<FRAME noresize >（4）設(shè)置框架空白 FRAME標(biāo)記符的f