導航:首頁 > 萬維百科 > 左右結構網頁設計

左右結構網頁設計

發布時間:2021-03-08 15:14:33

1、網頁設計中, 兩列的布局,也就是左右結構,是怎樣確定這兩列的寬度的,假如總寬度是1024px或100%

網頁設計多半為商業設計,非藝術類設計。
你提的問題是屬於布局設計,最基礎的可以採用黃金分割法則;
2.一般情況總寬度是1024px,左側:276px 右側:748px;100%左側27%;右側72%。
3.再中高端網頁設計,布局最主要依據你整體風格的設計,其實沒有定性。

2、網頁製作結構

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

3、網頁設計的布局有哪幾種

網頁設計的布局有哪幾種?

1.「國」字型:

2.拐角型:

3.標題正文型:

4.左右框架型:

5.上下框架型:

6.綜合框架型:

7.封面型:

8.Flash型:網頁設計

9.變化型:網頁設計

4、完整的網頁設計包括哪幾個結構

前期、中期、維護。

1、前期,需要自己做網站的目的,也就是說要明確自己做網站是為了什麼?
2、中期,清楚自己的目標就要去奮斗,開始擴展自己的知識如一些做網站的技術需要懂那些技術等等這都是個問題。
3、維護,這是個比較艱難的時期,這個時期考研你的一切,更重要的是考研你的耐心和堅持。

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

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

6、網頁設計里我想加一個長「丨」線,把網頁分成左右兩部分,怎麼加啊,請高人指點!!!

。。。雖然看著這個問題傻得離譜,我還是回答了 ,只需給左邊部分的右邊框或者右邊部分的左邊框添加border屬性 ,豎線效果就出來了,!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
#left { float:left;
height:500px;
width:50%;
border-right: solid #990 1px;
background:#999;}
#right {
float:right; height:500px;
background:#CCC;
width:50%;}
</style>
</head>

<body>
<div id="left"></div>
<div id="right"></div>
</body>
</html>

7、怎麼在一個div裡面再設置左右結構的框架呢?網頁的頭部和尾部都不變的,就是中間的部分我想分成左右結構

<div style="float:left;height:400px;width:200px;">something</div>
<div style="float:left;height:400px;width:400px;">
<iframe style="width:100%;height:100%;border:none;" name="right_content" src="url"></iframe>
</div>
<div style="clear:both"></div>

8、哪裡可以找到左右結構的網頁

最出名的左右結構網頁:貓撲大雜燴
http://dzh.mop.com/

另外:泡泡社區,chinaren社區也都使用的這種,左邊是文字鏈接列表,右邊是內容的結構

9、網頁製作的結構布局有哪些?

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

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

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

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

與左右結構網頁設計相關的知識