當前位置：首頁 » 網頁設計 » 網頁設計架構

網頁設計架構

發布時間: 2021-03-03 03:20:25

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

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

⑵ 網頁設計模板的結構是什麼

網頁設計模板的結構即布局結構。分為以下幾類：
1、「T」字結構布局
2、「口」字結構布局
3、「三」字結構布局
4、對稱對比布局
5、POP布局即海報版式布局

⑶ 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>

⑷ 網頁製作結構

網頁布局有以下幾種常見結構：
1.「同」字型結構布局
所謂同字型就夠就是指頁面頂部為「網站標志+廣告條+主菜單」或主菜單，下方左側為二級欄目條，右側為鏈接欄目條，屏幕中間顯示具體內容的布局。
這種布局的優點是充分利用版面，頁面結構清晰，左右堆成，主次分明，信息量大；缺點是頁面擁擠，太規矩呆板，如果細節色彩上缺少變化調劑，很容易讓人感到單調缺乏。
2.「國」字型布局
「國」字型布局是在「同」字型布局基礎上演化而來的，在保留「同」字型的同時，在頁面的下方增加一橫條狀的菜單或廣告，是一些大型網站所喜歡的類型。一般最上面是網站標題及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內容，中間是主要部分，與左右一起羅列到底，最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是在網上見到的最多的一種結構類型。
這種布局的優點是充分利用版面，信息量大，與其他頁面的鏈接切換方便，缺點是頁面擁擠，四面封閉，令人感到憋氣。
3.T型布局
這是一個形象的說法，是指頁面的頂部是「網站標志+廣告條」，左面是主菜單，右面是主要內容。這種布局的優點是頁面結構清晰、主次分明，是初學者最容易上手的布局方法；缺點是頁面呆板，如果不注意細節上的色彩，很容易讓人「看之無味」。
4.「三」字型布局
這種布局多用於國外站點，國內用得不多。特點是在頁面上有橫向兩條色塊，將頁面整體分割為但部分，色塊中大多放廣告條、更新和版權提示。
5.對比布局
顧名思義，這種布局採用左右或者上下對比的方式：一半深色，一半淺色。一般用於設計型站點。優點是視覺沖擊力強；缺點是將兩部分有機地結合比較困難。
6.POP布局
POP引自廣告術語，是指頁面布局像一張宣傳海報，一一張精美的圖片作為頁面的設計中心。這種類型基本上是出現在一些網站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的鏈接或者僅是一個「進入」的鏈接，甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種布局大部分出現在企業網站和個人主頁，如果處理得好的話，會給人帶來賞心悅目的感覺。
7.Flash布局
這種布局是指整個或大部分幅面的網頁本身就是一個Flash動畫，它本身就是動態的，畫面一般不叫絢麗、有趣，是一種比較新潮的布局方式。其實這與封面型結構是類似的，只是這種類型才採用了目前非常流行的Flash，與封面型不同的是，由於Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差於傳統的多媒體。