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

網頁頁面框架設計

發布時間:2020-10-08 17:22:59

1、網頁設計框架運用

參考下
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>後台管理</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
</head>
<frameset rows="20%,*">
<frame src="top.html" name="top"></frame>
<frameset cols="30%,*">
<frame src="menu.html" name="menu"></frame>
<frame src="cont.html" name="cont"></frame>
</frameset>
</frameset>
</html>
----------------------我是分割線---------------------------------------------------------------
menu.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>菜單欄</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script type="text/javascript">

</script>

<style type="text/css">

</style>
</head>
<body>
<h1>管理選項</h1>
<ul>
<li><a href="public.html" target="cont">發布文章</a></li>
<li><a href="list.php" target="cont">文章列表</a></li>
<li><a href="langmulist.php" target="cont">欄目列表</a></li>
<li><a href="addLangmu.html" target="cont">添加欄目</a></li>
<li><a href="layout.html" target="_top">退出登陸</a></li>
</ul>
</body>
</html>

2、網頁設計,只用一個網頁怎麼實現框架的功能?

只用一個頁面的話只能用層吧,點擊導航,顯示一個層,隱藏其他層。
網上有許多就js+css寫的滑動門也可以實現類似效果

3、幾種常見網頁布局設計

網站是有網頁構成,這點相信很多的從事網站建設或者是接觸過網站開發的站長應該都清楚,但是你現在的問題是,雖然很多的企業都想要建設網站,但是對於網站的布局了解的並不清楚,下面就跟著我們沃然一起來了解一下網站建設中幾種常見的布局吧。
1、區塊型

2、國字型
3、門戶型
4、Flash型
5、左右框架型
6、拐角型
7、封面型
8、標題正文型
9、上下框架型
10、綜合框架型

4、網頁製作中框架是什麼意思?

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

5、網頁框架結構設計

先考慮好你要做什麼性質的,然後就在紙上畫出框架,想好每個框里要放什麼。

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

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

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

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


框架集的基本格式如下:

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

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」。 

7、網頁框架設計,有什麼軟體啊

DW還不錯啊,哪會落伍?看你用什麼技術了
如果還是html類的那dw就不錯了最新的cs4版本
如果開始設計flash或者silverlight,那就分別是flash builder4和vs 2008/2010了

8、什麼是框架結構的網頁

框架結構(幀結構)是指利用<FRAME>將一個網頁分為若干個窗口,這樣可以在一個頁面上展示幾個不同內容的網頁,例如將菜單和網頁內容放到兩個框架中,這樣當拉動網頁內容的滾動條時,菜單部分的網頁可以保持固定不動,為瀏覽網頁帶來方便。另外,對於一些內容較少的網站,利用框架結構也使得網頁布局看起來更加豐富。
但從網路營銷需要的角度而言,尤其是出於搜索引擎優化方面的考慮,最好不要使用框架結構(幀結構)的網頁設計,或者要進行特別處理,以便適應搜索引擎的檢索規則。框架結構(幀結構)的主要問題在於不能為每個網頁都設置一個標題(TITLE),更為糟糕的是,有些搜索引擎對框架結構的頁面不能正確處理,會影響到搜索結果的排列名次。所以一般情況下,盡可能不採用框架結構。現在一般網站都是採用表格定位的網頁設計

9、如何製作框架網頁

小編以前也不會框架網頁的,但是前段時間小編需要考試。遇到了有關框架網頁的問題,也就去學習了。接下來小編就用接下來的實例來教大家如何製作框架網頁。希望能夠幫助到你們。
我們今天就以下面的例題來學習一下。
請建立一個目錄框架網頁,並按照要求將此文件保存名為page2.html。
要求:在目錄框架網頁建立一個4行1列的表格(高300像素、寬100像素),表格居中,邊框為黃色、背景為綠色;表格中的文字為華文楷體、14磅、加粗、黑色;單元格內容水平方向居右對齊,垂直方向相對底邊對齊;在主框架網頁中新建網頁並插入素材包內的圖片8139.jpg;設置"美食介紹"與素材包內sc7.htm 文件的鏈接,設置"相關新聞"與網站www.sina.com.cn鏈接,設置"相關圖片"與素材包內bg7.jpg文件的鏈接,設置"網路高手"與郵箱[email protected]鏈接
第一步:新建網頁
首先我們打開軟體,選擇菜單欄下「修改」——「框架集」——「拆分為左右框架」。進行三個網頁的保存。
1.整個框架網頁。
選中框架最中間的豎線,當我們看到代碼欄中有「<frameset cols="597,598">」代表我們選取成功。
2.框架網頁的左側
選中左側空白區域即可
3.是框架網頁的右側。
選中右側空白區域即可
如圖:
第二步:製作左邊的框架網頁
首先插入表格並設置基本屬性
1.選擇主菜單下的「插入」——「表格」如圖。
2.接著設置表格的屬性
(4行1列的表格「高300像素、寬100像素」,表格邊框為黃色、背景為綠色。)其中的高,邊框顏色都是使用代碼輸入的。如圖:
3.至於背景和居中我們可以到屬性面板的頁面布局進行設計就可以了。如圖:
第三步:設置css樣式
1.首先打開css面板,選擇該面板的下面的「+」號,出現下圖所示的效果。
2.設置樣式。選擇「id」類型,取名為「stlye1」,保存了「僅存為該文檔」。如圖:
3.設置樣式屬性。「華文楷體、14磅、加粗、黑色」。如圖:
第四步:使用css樣式
1.在表格中書寫相應的文字。如圖:
2.使用樣式。選中所有的文字,然後來到屬性面板。選擇「類」——「stlye1」,我們就設置好css樣式了。如圖:
第五步:設置文字的位置。
選中文字,來到屬性面板,設置「水平」,「垂直」的屬性。如圖:
第六步:設置文字鏈接。
選中「美食介紹」,來到屬性面板,選擇「鏈接」,將我們要鏈接的地址輸入進去就可以了。接下來依次選中其他文字就可以了。效果如下:
(注意:我們先前選中的網頁文件,圖片文件是可以直接填寫的。而網址我們要在前面加上「http://」,郵箱地址要加上"mail to:")
第七步:設置右側網頁
選中右側網頁,選擇「插入」——「圖片」,選擇我們想要插入的圖片我們就完成了。如圖:
此時我們就可以打開htm文件,在瀏覽器中瀏覽效果了,如圖:

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