网站界面结构设计

1、请教如何设计这样一个页面的布局结构

布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。网页布局有以下几种常见结构：
1.“同”字型结构布局
所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单，下方左侧为二级栏目条，右侧为链接栏目条，屏幕中间显示具体内容的布局。
这种布局的优点是充分利用版面，页面结构清晰，左右堆成，主次分明，信息量大；缺点是页面拥挤，太规矩呆板，如果细节色彩上缺少变化调剂，很容易让人感到单调缺乏。
2.“国”字型布局
“国”字型布局是在“同”字型布局基础上演化而来的，在保留“同”字型的同时，在页面的下方增加一横条状的菜单或广告，是一些大型网站所喜欢的类型。一般最上面是网站标题及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是在网上见到的最多的一种结构类型。
这种布局的优点是充分利用版面，信息量大，与其他页面的链接切换方便，缺点是页面拥挤，四面封闭，令人感到憋气。
3.T型布局
这是一个形象的说法，是指页面的顶部是“网站标志+广告条”，左面是主菜单，右面是主要内容。这种布局的优点是页面结构清晰、主次分明，是初学者最容易上手的布局方法；缺点是页面呆板，如果不注意细节上的色彩，很容易让人“看之无味”。
4.“三”字型布局
这种布局多用于国外站点，国内用得不多。特点是在页面上有横向两条色块，将页面整体分割为但部分，色块中大多放广告条、更新和版权提示。
5.对比布局
顾名思义，这种布局采用左右或者上下对比的方式：一半深色，一半浅色。一般用于设计型站点。优点是视觉冲击力强；缺点是将两部分有机地结合比较困难。
6.POP布局
POP引自广告术语，是指页面布局像一张宣传海报，一一张精美的图片作为页面的设计中心。这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接，甚至直接在首页的图片上做链接而没有任何提示。这种布局大部分出现在企业网站和个人主页，如果处理得好的话，会给人
带来赏心悦目的感觉。
7.Flash布局
这种布局是指整个或大部分幅面的网页本身就是一个Flash动画，它本身就是动态的，画面一般不叫绚丽、有趣，是一种比较新潮的布局方式。其实这与封面型结构是类似的，只是这种类型才采用了目前非常流行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。

2、网站信息结构设计要求有哪些

如何创建一个好的网站。有一大堆的关于可用性、界面设计以及网站设计的书可以参考。如今，我们都知道一个好的站点应该有：非常好看的设计、友好的界面、毫无缺点的结构、智能化的后台处理以及非常优秀的内容。唯一被大多数人所忽视的可能是交互性。

在网站设计上经常使用的是一些文字的交互，但是文字交互的效果到现在位置还是非常模糊，除非你每日醉心于交互性设计，否则你根本难以描述什么叫做"交互"。

如何把我们的注意力集中在交互性上还是继续让我们的想像力驰骋？我想，问题在于我们能把我们从媒体上获得的一些简单的理论用于我们的实践。我们需要记得的是网站包含哪些内容？网站的结构是什么？我们最初的目的是什么？

不同于其它媒体的"网站交互"

不象其它大多数媒体，如我们看电视，听收音机或者浏览杂志，网站它不是一个被动的媒体。

我们不能真正的观看网页。显而易见，我们可以调出一个网站，然后坐在那里目不转睛的浏览，如果我们坐在那里吃爆米花的话，网页并不能够自动的变化内容(当然，你可以在右手使用的鼠标的同时，不停的用左手把爆米花塞到你的嘴里，这里所述的意思是，如果你不干预，访问网站和看电视的最大区别是访问网站需要根据你的主动选择)。浏览网站的内容根据你的个人喜好，在众多的连接和下拉菜单中选择你喜欢或者关心的内容或者连接到另外一个站点。

网站具备大多数媒体所不具备的特殊性：用户的选择和主动性。

与此相反的是，许多的出版者的决定来自于意见反馈表、感觉或者来自于电视、收音机和出版物等所有信息的体验。我们对正在播出的电视、收音机节目基本不具备控制的能力(当然，如果您是电台的工作人员除外)，我们仅仅能作的是对你的电视或者收音机作些什么，而对于内容控制，我们则无能为力。你可以调低音量或者调高音量，或者换个频道，甚至关闭电视机或者收音机，去作其它的事情，比如到外面散散步，或者到四合院里和邻居们聊天。

我们可以订阅或者退订报纸或者杂志，选择我们喜欢阅读的文章，或者给内容编辑写信探讨关于内容的见解或者疑问。但是这些选项还是和网站所能作的不能相比。但是，对于热门内容的经常[此属脏话，已被过滤:经典论坛]互，已经成为越来越清晰的表现出对这方面的需求。

不确定的网站交互周期

从应用的观点来说，我们可以对某事作用于某人我们该做什么什么样的交互给出一个简单的定义。但，这的确是一个含糊的概念，所以对于某些特定某件事件的交互性的常常有很多的讨论，意见多种多样。

从开始连接上网开始，网站上有太多关于交互性的例子了。比如文本下的下划线，静态图片或者诸如活泼的JavaScript翻转动画等动态精美图片，面对这些令人炫目的特效，实质上呢，这些连接本质上也是静态的。直到我们对那些连接感兴趣的时候，我们才会决定用鼠标去点击。

一旦点击，相关的页面将出现文字，图表，表格或者你感兴趣的其它内容，这样你就立刻可以得到满足(当然，前提是该连接正确有效，而且该连接所在的服务器和网络保持正常连接而且运行正常)。

网站的交互体现在，作为一种媒体，网站将会对你的选择做出响应，然后访问者就可以循环似的选择，连接到其它的页面。重复的作这些，继续点击，用户的选择就可以及时从服务器得到响应，这是一个非常让人愉快的过程。

这样的通过访问者的手就能够控制的交互能力对于电视杂志来说是基本不可能实现的。交互性，也是一种"关系"。作为网站开发者或者设计者，学习如何让我们的良好的视觉设计和技术开发能力和交互性兼顾，将让网站的访问者包括我们自己都会为此感到愉悦。

当然，连接不是交互性的全部，但的确是网站结构和设计的核心和灵魂，就象这个世界本身就令我们非常着迷一样。

必须要理解网站结构

了解站点的结构是非常重要的，特别是对于你要处理大量的数据来说没有比这个更重要的事情了。当网站的多个栏目有成百上千的文档需要管理或者有规则的添加新文件的时候，了解站点的结构成为头等大事。

了解了网站的结构，我们就可以通过网站结构达到控制文件管理的目的。接下来，通过我们理解的网站结构，我们不但要知道我们的网站将和访问者的动作如何相互影响，而且要利用我们先进的后台技术，不留痕迹的让这种交互过程变得强大和有效。

当然，我们知道最初的网站并不想成为一个图形媒体。最初的想法是创建一个方便存取的文本文件以快速连接文件。举例来说，如果一个医生要发表一项关于内科的研究成果共同行参考，他或者她就可以在超级终端的纯文本环境里面，将他的论文的连接加入到一个医学研究的相关目录。虽然，今天的站点看起来和以前有很大不同，很多的网站有着非常漂亮的图形界面，丰富的媒体格式和在线游戏等等，但是其本质并没有改变。它仅仅是对我们未经训练的眼睛来说有了明显的变化。

交互式媒体现在被称为"新媒体"。"新媒体"以它的交互性与常见的诸如报纸、杂志、书、收音机、标准的动画片、电视和电影等静态媒体区别开来。

网页正快速的从纯文本向图形化过渡。一旦我们使用的图形浏览器开始支持图形文件格式，文本连接就变成了图形连接。如今，通过使用形形色色的HTML，CSS和JavaScript(一种越来越广泛使用无需连接大应用服务器和数据库就可以产生交互功能的编程语言)的连接越来越丰富。然而，需要强调的是，我们创作的时候依然要重视网站的基本结构。

最好的方法，是使用一个白板把你脑子里面的想法画出来。首先，先画出站点的基本构成，然后就要考虑有那些令人感兴趣的页面可以可以链接到其它哪些页面，依靠集体的力量最终完成该站点。使用更多的线性结构，可以对访问者以更好的指引。

最终画出仔细构思的网站结构

你面临的最大的挑战是将你的想法画出来。如果你现在已经因工作的压力快要发疯的时候，建议你出去走走，坐在树下，用草稿纸画个草图也许感觉会轻松一些。先画出主要的部分，一开始不要使用文字，仅仅把需要重点表现出来的页面或者站点单元按需要画出框图即可。然后，回过头来想想有几种可能关联到那些部分，是否是唯一关联的部分。按照这样的方法，在创作的道路上，你可能最终得到令人惊喜的结果。其实，类似于这样的考验并不常有，但是对于站点制作人员来说，通过这样的方法可以受益很多。全面使用你的大脑，你将得到一个更具可用性的站点。

3、如何将网站界面设计做到更好

想将网站界面设计做到更好需要有非常专业的知识，据我了解的是需要在下面的几个知识中下很大的努力：

设计知识，没有设计的基础如何能设计好一个好的网站界面？

色彩搭配，色彩搭配都不会，那如何确定网站的主色调和如何根据网站的主题来搭配色彩？

结构知识，一个好的网站结构一定要好，不好的结构容易造成不知道用户需要的内容在哪里的感觉.

舒适性，先自己体验自己设计的网站，问问自己觉得自己满意没有，如果自己都不满意，那用户怎么会满意，客户怎么会满意？

其实网站界面主要如果不涉及到代码方面的知识主要还是要看你的设计美术功底，所以学好设计美术才是能进一步提升网站界面基础

4、网站页面布局结构该怎么写

这一步很多时候可以省略掉，因为很多站都是设计好以后再去做SEO的。不过很多程序员或美工不太懂SEO，因此SEOer接手网站后还得去修改代码。典型的就是企业站大量使用表格的问题，往往也是非常头疼。除非你比较精通DIV+CSS，不然还是找专业人士修改代码吧，值得注意的是SEO部门如何与技术部门配合好。 第二步，了解行业和产品(选择好关键词)不少SEOer为了SEO而SEO，殊不知在不了解某一行业和产品的情况下，即便你的网站SEO做的很牛。但是没有转化率，无法卖掉产品。导致网站没有盈利，这样SEO做的再好也是枉然。对于英文站来说，推荐使用Google AdWords Keyword Tool关键词工具。不过也不能完全依赖于工具。也需要根据产品特点选择更多的关键词，对于产品网站来讲长尾词很重要，数量也比较多。这些关键词选择好后要整理成excel文件，方便记录。 第三步，做好内容和关键词布局(包括站内内链建设)内容是网站的基石，虽然说原创的内容有助于提高网站的权重，但是不一定就是用户喜欢的。有时候即便是伪原创的文章，只要是用户喜欢的，就是好内容。产品网站最根本的是用户体验和转化率。关于关键词的布局，我一直遵循“四处一词”的原则：1、当前页面的标题上出现这个关键词。2、当前页面关键词标签、描述标签里出现这个关键词。3、当前页面的内容里，多次出现这个关键词，并在第一次出现时，加粗。4、其他页面的锚文本里，出现这个关键词。 第四步，有计划的做好网站外链建设我建议用最简单有效的方式：换外链资源，多认识几个同行，然后去和他们换些资源，当然都是纯手工发的外链资源。国外的博客资源比较丰富，比如：wordpress、ELGG等。

5、网页布局结构有哪些？

一、简介：布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。

二、网页布局有以下几种常见结构：

【1】“国字”型布局：

“国”字型布局由“同”字型布局进化而来，因布局结构与汉字“国”相似而得名。其页面的最上部分一般放置网站的标志和导航栏或Banner广告，页面中间主要放置网站的主要内容，最下部分一般放置网站的版权信息和联系方式等。 

【2】T型布局

T型布局结构因与英文大写字母T相似而得名。其页面的顶部一般放置横网站的标志或Banner广告，下方左侧是导航栏菜单，下方右侧则用于放置网页正文等主要内容。

【3】标题正文型

标题正文型布局的布局结构一般用于显示文章页面、新闻页面和一些注册页面等。

【4】左右框架型布局

左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构。其布局结构主要分为左右两侧的页面。左侧一般主要为导航栏链接，右侧则放置网站的主要内容 .

【5】上下框架型

上下框架型布局与前面的左右框架型布局类似。其区别仅在于是一种上下分为两页的框架。

【6】综合框架型

综合框架型布局是结合左右框架型布局和上下框架型布局的页面布局技术。

【7】POP布局

POP布局是一种颇具艺术感和时尚感的网页布局方式。页面设计通常以一张精美的海报画面为布局的主体。 

【7】FLASH布局

FLASH布局是指网页页面以一个或多个Flash作为页面主体的布局方式。在这种布局中，大部分甚至整个页面都是Flash。

6、网站建设页面结构都有哪些

网站结构主要包括四方面：

一，友好的网站结构

1， 扁平or树型：

2， 链接结构

1）首页链接应该链向重要的频道页，频道页再链向下面的节点页或普通页面。同时，频道页、节点页和普通页面都应该可以链回到首页

2）无论哪些页面之间互相链接，都需要一个描述恰当的锚文本

3）链接不要放在js、flash等搜索引擎不可见的位置，使用图片做链接入口应该完善alt标签

二，通过导航让百度更好地认识站点

对于用户，导航要解决的问题是：我在网站的什么位置，我想看上一级、甚至上上一级更多内容的入口在哪里；对于spider，导航要解决的问题是：这个页面属于哪个领域，要表达的主题是什么。所以说，清晰的导航系统不仅有助于提高用户体验，对seo的意义也是重大的，所有seo做得出色的网站基本都拥有清晰明确的导航。

三，合理的domain结构

除了在网站建设的时候站长会思考到底使用二级域名还是子目录，在网站运营的过程中，也会考虑是否要把子目录的内容拆分成二级域名。

四，url结构很重要

1，url结构规律化：同一个网页有不同url，会造成多个url同时被用户推荐导致权值分散；同时百度最终选择展现的那个url不一定符合你的预期。站点应该尽量不把sessionid和统计代码等不必要的内容放在url，如果一定要这样做可以通过robots禁止百度抓取这些非规范url

2，最好能让用户从url即可判断出网页内容，便于蜘蛛解析的同时便于用户间传播

3，url尽量短

4，不要添加蜘蛛难以解析的字符

5，动态参数不要太多太复杂，目前百度对动态url已经有了很好的处理，但是参数过多过复杂的url有可能被蜘蛛认为不重要而抛弃

7、如何设计规划企业网站的页面布局及结构

布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。网页布局有以下几种常见结构：
1.“同”字型结构布局
所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单，下方左侧为二级栏目条，右侧为链接栏目条，屏幕中间显示具体内容的布局。
这种布局的优点是充分利用版面，页面结构清晰，左右堆成，主次分明，信息量大；缺点是页面拥挤，太规矩呆板，如果细节色彩上缺少变化调剂，很容易让人感到单调缺乏。
2.“国”字型布局
“国”字型布局是在“同”字型布局基础上演化而来的，在保留“同”字型的同时，在页面的下方增加一横条状的菜单或广告，是一些大型网站所喜欢的类型。一般最上面是网站标题及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是在网上见到的最多的一种结构类型。
这种布局的优点是充分利用版面，信息量大，与其他页面的链接切换方便，缺点是页面拥挤，四面封闭，令人感到憋气。
3.T型布局
这是一个形象的说法，是指页面的顶部是“网站标志+广告条”，左面是主菜单，右面是主要内容。这种布局的优点是页面结构清晰、主次分明，是初学者最容易上手的布局方法；缺点是页面呆板，如果不注意细节上的色彩，很容易让人“看之无味”。
4.“三”字型布局
这种布局多用于国外站点，国内用得不多。特点是在页面上有横向两条色块，将页面整体分割为但部分，色块中大多放广告条、更新和版权提示。
5.对比布局
顾名思义，这种布局采用左右或者上下对比的方式：一半深色，一半浅色。一般用于设计型站点。优点是视觉冲击力强；缺点是将两部分有机地结合比较困难。
6.POP布局
POP引自广告术语，是指页面布局像一张宣传海报，一一张精美的图片作为页面的设计中心。这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接，甚至直接在首页的图片上做链接而没有任何提示。这种布局大部分出现在企业网站和个人主页，如果处理得好的话，会给人
带来赏心悦目的感觉。
7.Flash布局
这种布局是指整个或大部分幅面的网页本身就是一个Flash动画，它本身就是动态的，画面一般不叫绚丽、有趣，是一种比较新潮的布局方式。其实这与封面型结构是类似的，只是这种类型才采用了目前非常流行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。