网页构架设计说明

1、网页设计应该如何布局

网页布局类型

网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型，下面分别论述。 1.

“国”字型:也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内

2. 拐角型:这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。

3. 标题正文型:这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类。

4. 左右框架型:这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。

5. 上下框架型:与上面类似，区别仅仅在于是一种上下分为两页的框架。

6. 综合框架型:上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了框架结构。 7.

封面型:这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在

首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。

8. Flash型:其实这与封面型结构是类似的，只是这种类型采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。

9. 变化型:即上面几种类型的结合与变化，比如本站在视觉上是很接近拐角型的，但所实现的功能的实质是那种上、左、右结构的综合框架型。

2、网站信息架构的设计目标和要求是什么

一般网站的页面组成都有文字、图象、超链接、表格、表单、动画及框架等，下面来详细的介绍下这些组成元素。
一、框架
框架是网页的一种组织形式，将相互关联的多个网页的内容组织在一个浏览器窗口中显示。例如，我们可以在一个框架内放置导航栏，另一个框架中的内容可以随着单击导航栏中的链接而改变，这样我们只要制作一个导航栏的网页即可，而不必将导航栏的内容复制到各栏目的网页中去。
二、文本
文本是网页中的主要信息。在网页中可以通过字体、字号、颜色、底纹以及边框等来设置文本属性。这里指的文字是文本文字，而并非图片中的文字。
在网页制作中，文字可以方便地设置成各种字体和大小，但是这里还是建议，用于正文的文字不要太大，也不要使用太多的字体，中文文字使用宋体、9磅或者12、14像素左右即可。因为过大的字在显示器中显示时线条的显示不够平滑、颜色也不要使用得太过复杂，以免造成影响用户视觉。大段文本文字排列，建议参考一下优秀的报纸杂志等。
三、图片
今天看到的丰富多彩的网页，都是因为网页中有了图象，可见图象在网页中的重要性。用于网页上的图片一般为JPG和GIF格式的，即以.jpg和.gif为后缀的文件。
四、超链接
超链接是整个网站的通道，它是把网页指向另一个目的端的链接。例如指向另一个网页或相同网页上的不同位置。这个目的端通常是另一个网页，但也可以是图片、电子邮件地址、文件、程序，或者也可以是本阿谀的其他位置。超链接可以是文本或者图片。
超链接广泛的存在于网页的图片和文字中，提供与图片和文字相关内容的链接。在超链接上单击鼠标左键，即可链接到相应地址（URL）的网页。有链接的地方，鼠标指到光标会变成小手形状。可以说超链接正是Web的主要特色。
五、表格
表格是网页排版的灵魂。使用表格排版是网页的主要制作形式之一。通过表格可以精确的控制各网页元素在网页中的位置。表格并非指网页中直观意义的表格，范围要更广一些，它是HTML语言中一种元素。表格主要用于网页内容的排列，组织整个网页的外观，通过在表格中放置相应的内容，即可有效的组合成符合设计效果的页面。有了表格的存在，网页中的元素得以方便的固定在设计位置上。一般表格的边线不在网页中显示。
六、表单
表单是用来收集站点访问者信息的域集。站点访问者填写表单的方式是输入文本、单击单选按钮与复选框，以及从下拉菜单中选择选项。在添写好标单之后，站点访问者便送出输入的数据库，该觳觫句哭就会根据所设置的表单处理程序，以各种不同的方式进行处理。
七、动画
动画是网页上最活跃的元素，通常制作优秀、创意思、出众的动画是吸引浏览者的最有效的方法。但太多的动画让人眼花缭乱，无心细看。这就使得对动画制作的要求越来越高。通常的制作动画的软件有flash、web animator等。Macromedia的flash虽然出现的时间不长，但已经成为了最重要的Web动画形式之一。Flash不仅比htm易学得多，而且有很多重要的动画特征，如关键桢补间、运动路径、动画蒙版、形状变形和洋葱皮效果等。利用这个多才多艺的程序，不仅可以建立Flash电影，而且可以把动画输出为QuickTime文件，GIF文件或其他许多不同的文件格式（PICT、JPEG、PNG等）
八、其他
网页中除了这些基本元素外，还包括横幅广告、字幕、悬停按钮、日戳、计数器、音频及视频等。

3、描述网页设计的一般步骤

一、网站结构设计
网站结构设计包含网站栏目设计和网站模块设计以来确定网站提供服务的一种逻辑表现形式，也是网页之间的层次关系。
1.网站栏目能起到提纲挈领额作用
2.网站栏目具有清晰导航的功能
3.网站模块要做到顺序清晰且紧密结合

二、网站主题设计
网站主题设计实际就是网站视觉呈现风格的设计。网站的主题风格要能充分吸引用户的注意力，为用户提供愉快的访问体验。
1.设计能反映网站内容的logo,并且将logo放在网站的醒目位置。
2.网站的颜色要统一，要突出网站的主调色彩。
3.相同类型的图像要有相同的效果。
4.网站要有一句明晰的宣传标语。

 
三、网站布局类型
1. 国字型布局
这种布局类型分为上边栏、左边栏、中间内容区、右边栏和底部的页脚区域，其形状酷似一个“国”字。国字型结构是目前比较常用的一个网页布局结构，它适用于信息分类繁多、需要良好组织的网站。
2. T字型布局
这种布局类型由上边栏、左边栏、内容区、下边栏组成，其形状有点像一个英文字母写的“T”字。T字型结构网站目前在一些权威机构、企事业单位的公司网站出现得比较多。
3. 左右框架型布局
这类网站主要由左边栏和内容区组成，组成比较简洁，主要用于精彩内容的呈现，主要是很多个人站点、博客的首选。
4. 上下框架型布局
这类网站由上下边栏组成，上边栏用来放置logo和链接等信息，下边栏用来放置网页的内容。上下型网站经常用来进行个性化展示，在企业门户网站的公司展示中也比较常用。
5. 标题正文型布局
这类网站的布局结构由上边栏和内容区组成，上边栏用于显示文章的标题。主要用于显示文章的标题，内容区放置文章的内容，这类布局在一些论文、学术网站的设计中比较常用。
网站设计都不会单独使用以上列出的某一种布局结构，而是通过混合使用多种布局结构来实现自己想要的效果，这类布局通常称为“综合性布局”。

四、网站页面设计
网站页面是网站的最终表现形式。网站页面由页面内容的质量度和页面的美观度来决定。页面设计应该遵循的原则如下：
1.符合企业的行业属性和企业特点。客户打开网站能直观感受企业所传递的理念和特征。
2.符合用户的浏览习惯。根据网站内容的重要性进行排序，让用户花最短的时间能够找到自己需要的信息。
3.符合用户的使用习惯。将用户经常使用的功能放在网站的醒目位置。
4.图文搭配。
5.利于搜索引擎优化。减少图片和动画，多使用文字描述，以便于搜索引擎收录，让客户更容易找到你。格子网络解答。

4、在设计一个网页时，表格与框架布局有什么区别？试举例说明。

表格是用于划分页面区域的，而框架是用于分割浏览器窗口的，即使用框架结构的页面可以将一个浏览器窗口划分为多个相互独立又相互联系的小窗口，每个区域都可以显示不同的HTML文档，从而实现将多个HTML文件组织到一个浏览器窗口中显示。
使用框架的优点：
访问者的浏览器不需为每个页面重新加载导航条；每个框架都具有自己的滚动条，因此访问者可以独立滚动这些框架进行浏览。
使用框架的缺点：
A）并不是所有浏览器都提供良好的框架支持
B）难以实现在不同框架中精确的对齐各个页面元素

使用表格布局页面的好处：网上绝大部分的页面都是使用表格来美化的，因为表格有很好的兼容性，可被绝大部分的浏览器所支持，而且使用表格会使页面结构清晰、布局整齐。

补充：在网上很难找到用框架布局的网站，大部分都是用DIV或表格布局的！实在没办法帮你举例，你可以看看windows的帮助窗口，你就明白框架了！

5、想要一份网站详细设计说明书，请大虾帮忙。

?