frame網頁frame布局教程
  • 更新時間:2024-10-29 02:35:45
  • 網站建設
  • 發(fā)布時間:1年前
  • 290

框架是布局XHTML 的一種特殊方式。它可以通過frame標簽將網頁分成多個區(qū)域,通過這些區(qū)域顯示不同的網頁。在帶框架的網頁中,必須使用框架集標簽將這些框架組織成框架集。1.框架和框架集

框架和框架集是兩個不同的東西。網站制作框架只是網頁中的一個區(qū)域,其中可以顯示一個XHTML文檔,與瀏覽器窗口中其他區(qū)域的內容無關。通常兩個或多個框架可以組合成一個網頁。

框架集是一種HTML 文檔,它定義了一組框架和屬性的布局,例如每個框架中初始顯示的數量、大小、位置和URL。 frameset文件本身并不包含要在瀏覽器中顯示的HTML內容,而只是提供了瀏覽器顯示單個框架的方法和規(guī)范。所謂framed webpage就是由包括frame的frameset組成的網頁。2.框架網頁的優(yōu)點

帶框架的網頁具有鮮明的特點。在設計網頁的過程中,框架的使用必須滿足簡單、易用、易于瀏覽和維護的條件。布局簡單

在使用Dreamweaver 設計網頁時,最常用的網頁布局工具是分層div 或表格。在使用圖層或表格布局時,通常需要在網頁中不斷插入各種標簽和對象,并為這些對象設置屬性。使用frame布局非常簡單,點擊幾下鼠標就可以實現網頁的整體布局,所有的尺寸和寬度都可以通過鼠標拖動實現。制作方便

使用Dreamweaver制作整個網站時,網站的每一頁都有一些相同的元素,例如導航欄、頁腳等。前面已經介紹了使用庫來插入這些元素。其實可以使用框架來設計網頁,將導航欄和頁腳保存為單獨的網頁,通過框架調用。整個網站的所有網頁都可以使用導航欄頁面和頁腳頁面。適用于長頁面

在一些比較長的網頁中(如大型文章或博客、網站的后臺程序頁面等),用戶可能需要拖動滾動條才能瀏覽整個網頁。在正常的網頁中,用戶瀏覽完網頁后,通常需要將滾動條拖回到網頁頂部,才能繼續(xù)使用導航欄。如果在網頁中使用框架,將導航欄作為單獨的框架使用,用戶可以直接使用導航欄,而無需拖動滾動條。由于這個優(yōu)勢,很多論壇都喜歡用frame來做導航欄。一個框架網頁通常由多個網頁組成。例如,如果一個網頁由3 個框架組成,那么它應該包含4 個網頁,框架集,每個框架應該有一個單獨的網頁??蚣芗刂凭W頁在每個框架中的顯示方式。

Dreamweaver 中為用戶預定義了各種框架集類型。使用這些預定義的框架集類型,您可以輕松地創(chuàng)建各種布局的框架網頁。在制作框架網頁之前,應先執(zhí)行[查看][視覺助手][框架邊框]命令,使Dreamweaver顯示框架邊框。制作有框架布局的網頁通常有以下四種方法。1.新建框架網頁

在Dreamweaver 中,執(zhí)行【文件】【新建】命令,打開【新建文檔】對話框。在該對話框中選擇【示例中的頁面】【框架集】選項,可以在列表菜單中選擇各種框架,如圖5-22所示。

新建框架網頁2.插入框架集

除了創(chuàng)建新的帶框架的網頁外,您還可以將框架集插入到您已經創(chuàng)建的其他類型的網頁中。打開需要插入框架的網頁,點擊【插入】工具欄中的【布局】和【框架】選項卡,彈出框架類型菜單。點擊相應的框架類型,創(chuàng)建框架網頁,如圖5-23所示。

插入框架集3.拆分框架

拆分框架也是創(chuàng)建框架網頁的常用方法。打開網頁文檔后,執(zhí)行【修改】【框架集】命令,可以選擇【拆分左框架】等子命令。4.插入HTML

另一種插入框架網頁的方法是在打開的網頁中執(zhí)行【插入記錄】【HTML】【框架】命令,選擇各種類型的框架,將其HTML代碼插入到網頁中。

插入圖框后,會彈出【圖框標簽輔助功能屬性】對話框。在此對話框中,您可以為每一幀設置一個標題。設置好標題后,點擊【確定】按鈕,完成圖框的創(chuàng)建。

我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復、物聯網開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!

本文章出于推來客官網,轉載請表明原文地址:https://www.tlkjt.com/web/12081.html

在線客服

掃碼聯系客服

3985758

回到頂部