网站布局怎样给网站布局？

网站布局时间:2021-01-16 阅读:()

如何布局网站页面

这是一个很大的问题。

从技术上说，早些年基本用可视化编辑器拉表格来做网站布局，现在流行的是DIV+CSS。

当然，这存在一个误区，有些人就认为页面中不应该出现table，一味使用DIV作为容器。

其实HTML中的每个标签都有其专门的用途，应该理解标签的语义，在合适的地方合理的使用它们，这样的页面才是优秀的。

以table为例，table标签是专门用户放置数据表格的，在这种时候不愿意使用table而选择dl/ul等列表方式不仅麻烦而且也不符合语意。

网页的结构有哪些

网站的目录是指在创建网站时建立的目录，我们要根据网站的主题和内容来分类规划，不同的栏目要对应不同的目录，在各个栏目目录下我们也要根据内容的不同对其划分不同的分目录，比如说页面图片放到images目录下，新闻放到news目录下，数据库放到database目录下等等。

同时要注意目录的的层次不宜太深，一般不要超过三层，另外给目录起名的时候要尽量使用能表达目录内容的英文或汉语拼音，这样会更加方便日后的管理维护。

网页的构成和布局不同主题的网站对网页内容的安排会有所不同，但大多数网站首页的页面结构都会包括页面标题、网站LOGO、导航栏、登录区、搜索区、热点推荐区、主内容区和页脚区(如图)，其他页面不需要设置如此复杂了，一般由页面标题、网站LOGO、导航栏、主内容区和页脚区等构成。

搞网站设计不是把所有内容放置到网页中就行了，还需要我们把网页内容进行合理的排版布局，以给浏览者赏心悦目的感觉，增强网站的吸引力。

在设计布局的时候我们要注意把文字、图片在网页空间上均匀分布并且不同形状、色彩的网页元素要相互对比，以形成鲜明的视觉效果。

我们常见的布局结构有 “同”字形布局、“国”字形布局、“匡”字形布局、“三”字形布局和“川”字形布局等。

1. “同”字形布局：所谓“同”字形结构，就是整个页面布局类似“同”字，页面顶部是主导航栏，下面左右两侧是二级导航条、登录区、搜索区等，中间是主内容区，如。

2. “国”字形布局：它是在“同”字形布局上演化而来的，它在保留“同”字形的同时，在页面的下方增加一横条状的菜单或广告，如。

3. “匡”字形布局：这种布局结构去掉了“国”字形布局的右边的边框部分，给主内容区释放了更多空间，内容虽看起来比较多，但布局整齐又不过于拥挤，适合一些下载类和贺卡类站点使用，如。

4. “三”字形布局：一般应用在简洁明快的艺术性网页布局，这种布局一般采用简单的图片和线条代替拥挤的文字，给浏览者以强烈的视觉冲击，如。

5. “川”字形布局：整个页面在垂直方向分为三列，网站的内容按栏目分布在这三列中，最大限度地突出主页的索引功能，一般适用在栏目较多的网站里，如。

网页布局结构有哪些？

1.整体造型什么是造型，造型就是创造出来的物体形象。

这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的接合应该是层叠有序。

虽然，显示器和浏览器都是矩形，但对于页面的造型，你可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三角形，菱形等。

对于不同的形状，它们所代表的意义是不同的。

比如矩形代表着正式，规则，你注意到很多ICP和政府网页都是以矩形为整体造型；圆形带表着柔和，团结，温暖，安全等，许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量，权威，牢固，侵略等，许多大型的商业站点为显示它的权威性常以三角形为页面整体造型；菱形代表着平衡，协调，公平，一些交友站点常运用菱形作为页面整体造型。

虽然不同形状带表着不同意义，但目前的网页制作多数是接合多个图形加以设计，在这其中某种图形的构图比例可能占的多一些。

2.页面尺寸由于页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于你无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下给你的页面范围变得越来越小。

一般分辨率在800x600的情况下，页面的显示尺寸为：780x428个象素；分辨率在640x480的情况下，页面的显示尺寸为:620X311个象素；分辨率在1024X768的情况下，页面的显示尺寸为：1007x600。

从以上数据可以看出，分辨率越高页面尺寸越大。

浏览器的工具栏也是影响页面尺寸的原因。

一般目前的浏览器的工具栏都可以取消或者增加，那么当你显示全部的工具栏时，和关闭全部工具栏时，页面的尺寸是不一样的。

在网页设计过程中，向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。

但我想提醒大家除非你能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。

如果需要在同一页面显示超过三屏的内容，那么你最好能在上面做上页面内部连接，方便访问者浏览。

3.页头页头又可称之为页眉，页眉的作用是定义页面的主题。

比如一个站点的名字多数都显示在页眉里。

这样，访问者能很快知道这个站点是什么内容。

页头是整个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。

页头常放置站点名字的图片和公司标志以及旗帜广告。

4.文本文本在页面中出现都数以行或者块(段落)出现，它们的摆放位置决定者整个页面布局的可视性。

在过去因为页面制作技术的局限，文本放置的位置的灵活性非常小，而随着DHTML的兴起，文本已经可以按照自己的要求放置到页面的任何位置。

5.多媒体除了文本和图片，还有声音，动画，视频等等其它媒体。

虽然它们不是经常能被利用到，但随着动态网页的兴起，它们在网页布局上也将变得更重要。

6.页脚页脚和页头相呼应。

页头是放置站点主题的地方，而页脚是放置制作者或者公司信息的地方。

你能看到，许多制作信息都是放置在页脚的。

7.图片图片和文本是网页的两大构成元素，却一不可。

如何处理好图片和文本的位置成了整个页面布局的关键。

而你的布局思维也将体现在这里。

最开始，网页呈现在你面前的时侯，它就好像一张白纸，它需要你任意挥洒你的设计才思。

在开始的时侯，你需要明白，虽然你能控制一切你所能控制的东西，但假如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯，那么你可以在此基础上加上自己的东西。

你当然也可以创造出自己的设计方案，但如果你是初学者，那么最好明白网页布局的基本概念。

网页布局方法都有哪些

1.表格table 最简单的布局 2、层div 3.框架-------- ------------------目前流行的是css+Div

网页的布局

1.布局有很多种，HTML语言有很多标签有布局的功能。

例如FRAME，P <br> 等等，这些都是很常见的布局，当然这是从广义上说的。

2专门的布局方法是用CSS。

3另外你也可以学习JSP，用代码布局。

4 我觉得CSS是最方便的，JSP功能最强大，可以随心所欲，HTML最简单，功能也最小。

5做文本框可以用HTML标签。

例如<input type="submit">表示一个提交的按钮， <input type="text">表示一个文本框。

6数据库需要用到编程方面的知识。

而且还要用到ODBC（数据源）。

并且你要会自己写代码。

7综上所说的，其实就是你基础的问题。

你可以先从HTML语言学起，然后学习ASP，再学习下基本的数据库语言，最后学习CSS，等你都了解了之后，你就不会再问这样的问题了。

好好学，我想大概一个月就已经可以成为高手了。