網頁設計左右結構框架

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、網頁設計的經典布局類型有哪些

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

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

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

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

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

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

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

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

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

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

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

前期、中期、維護。

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

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

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

6、網頁布局結構有哪些？

一、簡介：布局就是以最合適瀏覽的方式將圖片和文字排放在頁面的不同位置。不同的製作者會有不同的布局設計。

二、網頁布局有以下幾種常見結構：

【1】「國字」型布局：

「國」字型布局由「同」字型布局進化而來，因布局結構與漢字「國」相似而得名。其頁面的最上部分一般放置網站的標志和導航欄或Banner廣告，頁面中間主要放置網站的主要內容，最下部分一般放置網站的版權信息和聯系方式等。 

【2】T型布局

T型布局結構因與英文大寫字母T相似而得名。其頁面的頂部一般放置橫網站的標志或Banner廣告，下方左側是導航欄菜單，下方右側則用於放置網頁正文等主要內容。

【3】標題正文型

標題正文型布局的布局結構一般用於顯示文章頁面、新聞頁面和一些注冊頁面等。

【4】左右框架型布局

左右框架型布局結構是一些大型論壇和企業經常使用的一種布局結構。其布局結構主要分為左右兩側的頁面。左側一般主要為導航欄鏈接，右側則放置網站的主要內容 .

【5】上下框架型

上下框架型布局與前面的左右框架型布局類似。其區別僅在於是一種上下分為兩頁的框架。

【6】綜合框架型

綜合框架型布局是結合左右框架型布局和上下框架型布局的頁面布局技術。

【7】POP布局

POP布局是一種頗具藝術感和時尚感的網頁布局方式。頁面設計通常以一張精美的海報畫面為布局的主體。 

【7】FLASH布局

FLASH布局是指網頁頁面以一個或多個Flash作為頁面主體的布局方式。在這種布局中，大部分甚至整個頁面都是Flash。

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

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

1.「國」字型：

2.拐角型：

3.標題正文型：

4.左右框架型：

5.上下框架型：

6.綜合框架型：

7.封面型：

8.Flash型：網頁設計

9.變化型：網頁設計

8、怎麼在一個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>

9、html或jsp做左右結構的框架

用框架啊`````
<frameset id="fram" cols="25%,*">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>

在子頁面中 調用 parent.document.getElementById("fram").cols="0,*";
好像是直接.cols() 就可以了 不太記得了