資源描述:
《通過本章學習,應(yīng)該掌握以下內(nèi)容認識框架網(wǎng)頁 創(chuàng)建框架網(wǎng).ppt》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在PPT專區(qū)-天天文庫。
1、通過本章學習,應(yīng)該掌握以下內(nèi)容:認識框架網(wǎng)頁創(chuàng)建框架網(wǎng)頁的方法編輯框架網(wǎng)頁的方法設(shè)置框架屬性的方法第5章網(wǎng)頁框架的處理5.1利用FrontPage2002處理框架5.1.1創(chuàng)建框架網(wǎng)頁1.認識框架網(wǎng)頁框架網(wǎng)頁是—種特殊的HTML網(wǎng)頁,它可將瀏覽器窗口分成不同的區(qū)域,稱為框架區(qū)域。每個區(qū)域都可以顯示不同的網(wǎng)頁.(1)框架網(wǎng)頁的特點①只要單擊某一個框架區(qū)域內(nèi)的超鏈接,其指向的網(wǎng)頁就會在另一個框架區(qū)域中顯示,而不必將整個瀏覽器窗口中的內(nèi)容更換一遍。②固定網(wǎng)頁中的某些內(nèi)容。③并不是所有的瀏覽器都能顯示框架網(wǎng)頁,這也是框架網(wǎng)頁的一個局限。(2)框架網(wǎng)頁的種類根據(jù)框架分布的不同和
2、各框架作用的不同,框架網(wǎng)頁被分為多種類型。使用FrontPage制作網(wǎng)頁時,常用到的框架網(wǎng)頁是:標題、標題頁腳和目錄、垂直拆分、橫幅和目錄、腳注、目錄、嵌套式層次結(jié)構(gòu)、水平拆分、頁腳和自頂向下的層次結(jié)構(gòu)。2.創(chuàng)建框架網(wǎng)頁①選擇“文件”
3、“新建”
4、“網(wǎng)頁或站點”命令,打開“新建網(wǎng)頁或站點”窗格;②單擊“網(wǎng)頁模板”超級鏈接,打開“網(wǎng)頁模板”對話框;③單擊“框架網(wǎng)頁”選項卡,顯示十種網(wǎng)頁模板,選擇其中任一種形式,在對話框右邊會出現(xiàn)該模板形式的說明,以及模板預(yù)覽。選擇“嵌套式”層次結(jié)構(gòu),單擊“確定”按鈕,出現(xiàn)初始框架網(wǎng)頁;④單擊每個框架中的“新建網(wǎng)頁”按鈕,各編輯區(qū)變成編輯狀
5、態(tài),可以依次編輯各個網(wǎng)頁。單擊每一個框架區(qū)域中的“設(shè)置初始網(wǎng)頁”按鈕將打開一個對話框,可以在該對話框中選擇一個網(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)整框架的大小在輸入文本時,可能輸入的文本內(nèi)容比較多,但框架又比較小,所以輸入文本時會有一部分文本不能顯示,這樣在查看文本時就有可能看不
6、到文本的整體效果,這時可以調(diào)整框架的大小來顯示文本。通常調(diào)整框架的大小的方法有兩種,即通過拖動框架的邊框或指定想要的確切設(shè)置來調(diào)整框架的大小。(1)拖動框架的邊框調(diào)整框架大小將光標放在要調(diào)整的框架邊框上,當光標變?yōu)椤?”形狀時,按住鼠標左鍵,并向下拖動。按此方法調(diào)整上圖中右邊兩個框架的大小,調(diào)整后的框架網(wǎng)頁如圖5.7所示。(2)精確設(shè)置框架大小①單擊框架,將光標置于框架內(nèi),點擊鼠標右鍵,從彈出的快捷菜單中選擇“框架屬性”命令,彈出“框架屬性”對話框;②在“框架大小”選項組中設(shè)置框架大小為固定像素數(shù)后,再指定框架的寬度和行高,單擊“確定”按鈕。3.拆分框架在框架網(wǎng)頁中不
7、但可以調(diào)整框架的大小,還可以設(shè)置網(wǎng)頁中顯示的框架的多少。在框架網(wǎng)頁中可以任意地拆分框架。(1)拖動邊框拆分框架將光標放在要拆分的框架邊框上,按住“Ctrl”健,同時按住鼠標左鍵拖動框架邊框,拖出一段距離后放開鼠標左鍵和“Ctrl”鍵,出現(xiàn)一個框架。(2)將框架平均分成兩行或兩列將光標放在要拆分的框架邊框內(nèi),選擇“框架”
8、“拆分框架”命令彈出“拆分框架”對話框。選擇“拆分為行”或“拆分為列”,單擊“確定”按鈕。4.刪除框架①將光標放在要刪除的框架中;②選擇“框架”
9、“刪除框架”命令。注意:從框架網(wǎng)頁中刪除框架時,該框架中顯示的網(wǎng)頁也會被刪除,但是框架網(wǎng)頁中其余的內(nèi)容并沒
10、有被刪除。若框架網(wǎng)頁僅含有一個框架,就不能刪除該框架。5.為框架網(wǎng)頁設(shè)置背景顏色和背景圖片(1)設(shè)置框架網(wǎng)頁的背景顏色①將光標放在要設(shè)置背景顏色的框架中;②單擊鼠標右鍵,從彈出的快捷菜單中選擇“網(wǎng)頁屬性”命令,打開“網(wǎng)頁屬性”對話框;③單擊“背景”標簽,打開“背景”選項卡;④單擊“背景”右側(cè)的按鈕,從彈出的顏色面板中選擇背景顏色;⑤單擊“確定”按鈕。(2)設(shè)置框架網(wǎng)頁的背景圖片設(shè)置框架網(wǎng)頁的背景圖片與設(shè)置框架網(wǎng)頁的背景顏色類似。5.1.3設(shè)置框架網(wǎng)頁屬性設(shè)置框架的屬性包括設(shè)置邊框的隱藏或顯示、設(shè)置框架的邊距和間距以及設(shè)置框架中滾動條的顯示和隱藏。1.顯示和隱藏框架邊框
11、可以根據(jù)所需的網(wǎng)頁外觀來選擇顯示或隱藏框架網(wǎng)頁的框架周圍的邊框。顯示和隱藏邊框的操作步驟如下:①將光標放在任意一個框架中;②單擊鼠標右鍵,從彈出的快捷菜單中選擇“框架屬性”命令,彈出“框架屬性”對話框;單擊“框架網(wǎng)頁”按鈕,打開“網(wǎng)頁屬性”對話框;③選擇或禁用“顯示邊框”復(fù)選框,就顯示和隱藏框架邊框;④單擊“確定”按鈕,回到“框架屬性”對話框;⑤單擊“確定”按鈕。2.顯示和隱藏框架滾動條在“框架屬性”對話框中,從“顯示滾動條”的下拉列表中選擇“顯示”或“不顯示”或者“需要時顯示”。5.1.4在框架網(wǎng)頁中設(shè)置超鏈接在框架組中設(shè)置超級鏈接后,單擊超級鏈接