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

網頁設計的框架

 發布時間：2020-08-17 09:47:18

1、網頁設計用框架

這個可以用HTML代碼以及PHP就可以實現的。一般來講，可以通過錨點鏈接或者是Dreamweaver進行。
<a href="鏈接跳轉地址" target="_blank"><img src="圖片地址"/></a>

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

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

3、網頁設計框架運用

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

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

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

5、框架的網頁設計

框架是網頁中經常使用的頁面設計方式，框架的作用就是把網頁在一個瀏覽器窗口下分割成幾個不同的區域，實現在一個瀏覽器窗口中顯示多個HTML頁面。使用框架可以非常方便的完成導航工作，讓網站的結構更加清晰，而且各個框架之間決不存在干擾問題。利用框架最大的特點就是使網站的風格一致。通常把一個網站中頁面相同的部分單獨製作成一個頁面，作為框架結構的一個子框架的內容給整個網站公用。
一個框架結構有兩部分網頁文件構成：
框架Frame：框架是瀏覽器窗口中的一個區域，它可以顯示與瀏覽器窗口的其餘部分中所顯示內容無關的網頁文件。
框架集Frameset：框架集也是一個網頁文件，它將一個窗口通過行和列的方式分割成多個框架，框架的多少根據具體有多少網頁來決定，每個框架中要顯示的就是不同的網頁文件。
所謂框架 就是把網頁分成幾個框窗，同時取得多個 URL。<frameset>用來劃分框窗，每一框窗有一個<frame>，<frame>必須在<frameset>范圍中使用。如：<frameset cols=50%,*><frame name=hello src=1.html> <frame name=hi src=2.html></frameset>此例中 <frameset> 把畫面分成左右兩相等部分，左面顯示 1.html，右面顯示 2.html

6、什麼叫網頁設計的架構

根據客戶需求，准確定位網站目標群體，設定網站整體架構，規劃、設計網站欄目及其內容，制定網站開發流程及順序，以最大限度地進行高效資源分配與管理的設計

7、網頁設計的經典布局類型有哪些

網站建設中網頁布局大致可分為：「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等，以下分別論述：

1、國字類型：也被稱為同字型，頂部是網站的標題、橫幅廣告條，然後是網站的主體內容個，而左右分別是一些比較小的內容條，中間就是主要內容，最底部是網站的一些基本信息、聯系方式、版權聲明等。這也是現在網上見到的差不多最多的一種結構類型；

2、拐角型：這種類型其實與國字型很相近的，只是在形式上不一樣，最上面的部分是網站的標題以及網站的橫幅廣告條，一種很常見的類型是最上面是標題及廣告，左側是導航鏈接；

3、標題正文類型：上面是網站的標題，或者是類似的東西，接著就是網站的正文內容，例如是一些文章或者是注冊登錄頁面；

4、左右框架類型：這是一種左右為分別兩頁的框架結構，一般布局是：左邊是導航鏈接，最上面有時是一個小的標題或標致，而右面就是主要內容，最常使用是論壇網站，企業網站中的內頁有很多是採用這種布局方式的；這種類型的布局的特點是結構清晰明了；

5、上下框架類型：與左右框架類型類似，只是這種類型是上下兩頁的框架；

6、綜合框架類型：其實就是左右框架類型和上下框架類型的結合體；

7、封面型：這種類型基本上是出現在一些網站的首頁，多是精美平面結合小動畫，再加幾個簡單鏈接或僅是一個「進入」鏈接或無任何提示；

8、Flash型：其實這與封面型結構是類似的，採用了目前非常游戲行的Flash，與封面型不同的是，由於Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差於傳統的多媒體；

9、變化型：即上面幾種類型的結合與變化，但所實現的功能的實質是那種上、左、右結構的綜合框架型；

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