网页设计左右结构框架

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() 就可以了 不太记得了