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

框架網頁設計

發布時間:2020-07-31 15:57:36

1、html網頁框架設計。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>四行,第三行三列</title>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
div{
border:10px solid #ccc;
height:250px;
text-align:center;
font-size:50px;
}
.f3 div{
width:31%;
float:left;
}
</style>
</head>
<body>
<div>1</div>
<div>2</div>

<div class="f3">
<div>31</div>
<div>32</div>
<div>33</div>
</div>

<div>4</div>
</body>
</html>

2、網頁設計框架運用

參考下
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>

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

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

4、網頁設計 框架

多看一些web標準的資料,你最後用到的是一個過渡型的聲明,這對代碼要求不高,所以, 橫向滾動條才沒有。

徹底去掉滾動條,第一,設scrolling="no",第二,給本框架加個樣式overflow="hidden"。

使用overflow="hidden",當容器內的元素溢出時,溢出部分就自動隱藏。

5、如何製作框架網頁?

框架就是 這個好說,以下是框架:
<html>
<head>
<title>框架示範</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<frameset framespacing="0" rows="80,*" border="0" frameborder="0" >
<frame name="top" scrolling="no" noresize target="contents" src="top.aspx">
<frameset id="mainframe" cols="178,1,*">
<frame name="menu" target="main" scrolling="auto" src="menu.aspx">
<frame name="blank" scrolling="auto" src="blank.aspx">
<frame name="main" scrolling="auto" src="main.aspx">
</frameset>
<frame name="bottom" scrolling="no" noresize target="contents" src="bottom.aspx">
<noframes>
<body topmargin="0" leftmargin="0" >
<p>此網頁使用了框架,但您的瀏覽器不支持框架。</p>
</body>
</noframes>
</frameset>
<body>
</body>
</html>

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

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

7、網頁設計的框架結構怎麼操作

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

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

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

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