導航:首頁 > 萬維百科 > 網頁設計建立框架頁面

網頁設計建立框架頁面

發布時間:2020-09-19 08:59:34

1、框架集製作網頁設置超鏈接如何實現整體頁面的跳轉

創建超鏈接

frontpage
2003
中選擇您要創建在的超鏈接的文本,然後單擊在
插入
菜單上的
超鏈接。

插入超鏈接
對話框中單擊以選擇要鏈接到所需的頁面。

地址
框中顯示頁名稱。
單擊
目標框架、
公用的目標區
框中選擇一項或單擊一種在圖形中,矩形,然後單擊
確定。
單擊
確定
以關閉該
插入超鏈接
對話框。
修改超鏈接屬性
單擊
代碼
(顯示代碼視圖)
選項卡。
查找,例如在"創建超鏈接"部分中,本文前面創建的超鏈接標記,請執行以下操作:
somepage
插入以下的
onclick
屬性之間.htm

>
錨標記中:
onclick="parent.frames[n].location.href='url';"
其中
n
表示數,需要顯示的資源和
url
是框架的要例如出現在該的框架頁的該統一資源定位符:
somepage
請注意,因為幀號是從
0,開始的
parent.frames[2]
表示集合中的第三個框架。
注意如果您將直接從本文中復制示例並將其粘貼到
frontpage
2003,您可能會收到一條錯誤消息。尖括弧
(<

>)
可能顯示為轉義的
html
代碼
(<

&
gt)。若要變通解決此問題,將腳本粘貼到一個空白的記事本文檔,然後再將它從記事本復制之前將其粘貼到
frontpage
2003。

文件
菜單上單擊
保存。

2、網頁設計中怎麼用框架集設計網頁

首先要了解框架集的概念。

框架集是構造整個框架結構的文檔,它不包含具體顯示的文本和圖像,而只包含如何組織安排各個框架位置、大小和初始頁面信息的設計。

它是框架使用中最基礎的文檔,常稱之為整個框架顯示時的主文檔。


框架集的基本格式如下:

注意到,框架組文檔中,用標記符代替了標記符。而標記符則用來指定每一個子窗口的內容。

1)窗口的分割用來分割瀏覽器窗口,它使用COLS和ROWS這2個屬性項把整個窗口按垂直方向或水平方向分割為多個框架。例如:。該標記符把窗口分成3個垂直的框架,指定左框架寬度值為150象素、中間框架占總寬度的50%,餘下的寬度留給右框架。


由上例可見,框架尺寸除使用象素值和百分數外,還可以使用*和n* ;使用*表示剩餘部分;當使用n*(如2*)時,n值確定框架之間的比例。例如:"*,2*,3*"表示左邊(或上邊)的框架占窗口寬度(或高度)的1/6,中間框架佔1/3,右邊(或下邊)框架佔1/2。


2)標記符的嵌套標記符可以嵌套使用。以構造包含橫向和縱向框架的窗口。以下代碼用嵌套框架結構建立一個多層框架的窗口。框架的實現

3)框架的初始化標記符用於對各個框架進行初始化設置。使用標記符中的SRC屬性指定需要在框架中顯示的頁面的文 褂肗AME屬性指定框架的名稱,以便在指定超級鏈接的目標框架時引用該框架名。標記符的個數應等於框架個數,並依出現的次序和層次先行後列對框架進行初始化。

例如:若要在指定框架顯示某頁面,則必須在SRC指定的URL位置存在指定的HTML文件。這就意味著要在所設計的框架中完整顯示出所有內容,總共要編制頁面個數為「框架數+1」。 

3、新手建網站教程 網站建立 怎樣自己製作網頁 簡單的

新手建網站,可以是靜態網站,也可以是wordpress之類的動態網站。

一般搭建wordpress網站比較多,搭建過程也不難。

先買好域名和雲伺服器,然後把域名解析到雲伺服器。

再通過手動配置伺服器環境安裝wordpress,或者通過一鍵安裝寶塔面板,再在寶塔後台一鍵部署wordpress就可以了。

參見新手教程:雲伺服器建立個人網站(寶塔面板+wordpress)

4、如何製作一個左右框架的網頁

若要製作一個站點,這個站點是左右的框架結構,左側框架顯示導航頁面,右側框架顯示主內容,需要做的是將這兩個頁面合成一個左右框架結構的頁面。步驟一:使用前面介紹的方法,首先將一個新建的空白頁面分割成左右結構的框架。步驟二:選中「框架」面板中的左框架,單擊屬性面板中「源文件」文本框右側的「瀏覽文件」按鈕,在彈出的對話框中選擇左頁面。步驟三:同理,選中「框架」面板中的右框架,單擊屬性面板中個「源文件」文本框右側的「瀏覽文件」按鈕,在彈出的對話框中選擇右頁面。步驟四:這時,框架的左右兩側就將已經製作好的頁面顯示出來了。步驟五:選中「框架」面板中的總框架集,然後執行「文件--保存框架頁」命令,將其保存。步驟六:選擇「框架」面板中的總框架集,在屬性面板中設置「邊框」為「否」,邊框寬度為「0」,選擇縮略圖中的左框架,設置其寬度為「130像素」,然後選擇右框架,設置其寬度為「相對」。步驟七:選擇「框架」面板中的左框架,在屬性面板中,設置「滾動」為「否」,即指定在左側框架中不顯示滾動條。選中「不能調整大小」復選框,令訪問者無法通過拖動框架邊框調整框架大小。將「邊框」設置為「否」,在瀏覽器中將隱藏當前框架的邊框。步驟八:選擇「框架」面板的右框架,在屬性面板中設置:「滾動」為「自動」,當瀏覽器窗口中沒有足夠的空間來顯示當前框架的完整內容時才顯示滾動條。選中「不能調整大小」復選框,將邊框設置為「否」。

5、網頁設計,怎麼插入局部框架的背景圖片

一、添加背景圖片:body { background: url("xxx.jpg"); }
原本<body>卷標提供了以下幾種設定:
<body
alink=colorvalue
background=url
bgcolro=colorvalue
link=colorvalue
text=colorvalue
bgproperties=fixed /*背景固定
leftmargin=pixels /*離瀏覽器顯示窗左邊的距離
topmargin=fixels /*離瀏覽器顯示窗上面的距離
>
background-image:url(n.jpg)
/*背景圖檔

background-repeat:repeat|repeat-x|repeat-y|no-repeat
/* 重復顯示全影幕|水平方向重復|垂直方向重復|不重復顯示

background-attachment:scroll|fixed
/*卷動或固定

background-position:x%,y%|x,y|top|left|center|bottom|right
/*背景圖文件位置

二、添加框架:

①打開Dreamweaver,新建一個網頁。點擊布局中的框架按鈕,選擇要實現的框架類型。
②這樣就創建了兩個頁面,分布命名。點擊中間的線就是選中了整個頁面,點擊文件\保存框架頁,進行命名。左右兩個頁面分別選中再保存,操作一樣。
③點擊中間的邊框,就選中了整個頁面,可以對整個頁面的屬性進行更改,可以移動中間的邊框,也可以點擊查看\可視化助理,勾選框架邊框來顯示或隱藏邊框。
④再分別更正左右兩個頁面的頁面屬性。

6、網頁製作中框架的作用

框架可以把瀏覽器窗口分成幾個獨立的部分,每部分顯示單獨的頁面,頁面的內容是互相聯系的。如3框架網頁,頂端框架顯示網頁標題,下面左右兩個框架,左邊顯示導航欄,右邊顯示鏈接目標網頁。單擊左邊框架導航欄中的超級鏈接,在右邊框架里顯示超級鏈接的對象。內容非常多的網頁不宜採用框架式結構,所以大網站中幾乎所有的網頁都不是框架式網頁。

7、用 DW 做框架 網頁的製作 怎麼弄

所謂框架,就是一個規定位置的文件,和幾個分文件(這幾個文件都是普通的文件,只不過被規定位置的文件調用在同一界面顯示的不同位置罷了)。那上下結構的來說主文件就是通過規定上下兩個Iframe的位置來吧頁面劃成兩塊的,兩個iframe的目標文件分別是兩個分文件。

建立框架的時候DW會要求你命名各個文件的名稱,拿上下結構來說,首先會要你命名主文件,然後會通過虛框在視圖窗口顯示代命名的另外兩個文件
DW默認框架結構各文件是.htm的,你點擊每塊,他會在新窗口打開該文件讓你編輯,保存的時候,要是只想保存各個塊的話就在新窗k口保存,
也可以在主文件上選擇保存全部,把所有的修改都保存

8、要怎麼用dreamweaver製作嵌套式層次結構框架網頁

利用dreamweaver的框架式頁面布局工具可以製作。

在新建網頁時可以選擇「新建文檔」對話框中的「框架集」列表中的一種布局,比如「上方固定,左側嵌套」,就建立了一個框架。

9、如何用FrontPage製作框架網頁?

在用FP2000(FrontPage 2000)試圖作一個由多個導航欄和多個頁面構成的較為復雜的網站時,我們會發現,如果要修改導航欄的某一個標題時,我們不得不一個個地將所有的頁面重新做一遍(這也是許多朋友轉用Macromedia公司的Dreamweaver來作網站的一個原因)別無它法。但是,如果你用FP2000的框架來作的話,就不會這樣麻煩了。

框架網頁是一種特別HTML網頁,它可將瀏覽器視窗分為不同的框架,而每一個框架則可顯示一個不同網頁。

好了,讓我們自己來試試。

首先,我們假設己經做好了三個網頁。分別是top.htm、1.htm、2.htm。

其中,top.htm是我們作的一個導航條,1.htm是自己作的一個個人主頁,2.htm是個人簡介。在下面要作的框架里,我們要作兩個超鏈接。分別指向1.htm、2.htm這兩個文件。

下面我們來運行FP2000。

在「文件」菜單上,指向「新建」,單擊「網頁」,然後單擊「框架網頁」選項卡。如圖1所示。

圖1

在這里,我們選擇弟一個:「標題」框架頁,點擊「確定」。

這時,FP2000會新建一個框架頁。如圖2所示。

圖2

在這里,框架將其分成上下兩個不同的頁面。其中,每一個頁面都是一個完整的HTML頁。

如圖所示,在頁面上有兩個按鈕:設置初始網頁和新建網頁。由於我們事先作好了那三個網頁,所以選擇設置初始網頁按鈕。

點擊上面網頁的「初始網頁按鈕」,在彈出的選擇對話框中,選擇top.htm文件,點擊「確定」。

點擊下面網頁的「初始網頁按鈕」,在彈出的選擇對話框中,選擇1.htm文件,點擊「確定」。

下面,我們就要為top.htm鏈接了。目的是當我們點擊「我的主頁」時,1.htm文件會在下面這個框架出來,點擊「我的簡介」時,2.htm文件也會在下面這個框架出來。

按住滑鼠左鍵不放,選擇「我的主頁」四個字,並點擊右鍵。在彈出的快捷菜單中選擇超鏈接。

在彈出的窗口裡,我們選擇1.htm這個文件,不要急著按「確定」,我們先想一下:在我們點擊「我的簡介」這個鏈接時,你怎麼保證被鏈接的網頁(既1.htm)會出現在被分割的下面的那個頁面,而不會出現在上面這個頁面呢?

當然是有方法的。我們注意一下,在彈出的窗口的「可選」項里,有一個「目標框架」項。點擊旁邊那個畫有「鉛筆」圖案的按扭,會出現一個擴展窗口,在這里,我們就可以來設置這個鏈接的目標的框架了。

在「當前框架網頁」欄中,有一個顯示著當前框架結構的略圖。我們可以直接用滑鼠點選下面這個框架,被選中的框架會以深藍色顯示出來。點擊「確定」,完成鏈接的製作。

「個人簡介」的鏈接製作與「我的主頁」鏈接的製作方法相同,便不再多述。

在網站以後的建設中,我們有可能要加入或刪除一些欄目。這時,我們只需改動top.htm這一個文件即可,其它就無需改動。無疑,這將為我們節省很多時間和精力。

我們在這里所講的,只是框架最最基本的知識,但它確實非常實用。如果你對框架比較感興趣的話,可以看FP2000的幫助,那裡非常詳細地對框架進行了說明。

與網頁設計建立框架頁面相關的知識