网页首页设计构架分析

1、什么叫网页设计的架构

根据客户需求，准确定位网站目标群体，设定网站整体架构，规划、设计网站栏目及其内容，制定网站开发流程及顺序，以最大限度地进行高效资源分配与管理的设计

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

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

3、网站结构怎么设计好呢？

　【释义】全方位、多角度、深层次地建立。
从字面来看，构建应该是多方位,多角度考虑的建设行为，是一个综合的过程。
在网站构建过程中，我们应该考虑哪些
1、网站的速度
2、网站的美观
3、网站的用户体验
4、网站的安全
5、网站和企业需求的匹配度
6、网站的生存周期
7、选择好的服务商
互联网有一项著名的8秒原则：客户在访问网站时，假如下载需要太长时间，他们就会放弃访问。据调查有近50%的用户由于网页速度不稳定或页面下载速度过慢，而停止访问曾经推崇的网站。
指我们网站打开的速度怎么样，是用1s就能打开,还是需要5S,甚至更长。
如果很短的话，比如：0.5S,那么恭喜您，你的网站的速度是很不错的。高于3-5秒，就是很不理想的值了，假如时间超过8秒浏览者就会感到不耐烦甚至就直接封闭网页了。
网站的速度和哪些信息有关呢？
一、网页内容的大小；
网页内容所包括的文本、产品的图片（静态的，动态的）、视频、Flash文件等。这里涉及到浏览器的原理，浏览器的技术原理就是将网页下载到客户本地缓存，然后通过浏览器解析源码，以浏览器窗口编译出用户可以正常阅读的图片和文字，因此，网页文件的大小决定了网站是否能快速打开。
二、网络带宽
网络的带宽包括对接点和客户端两个位置，对接点指的是出口端（如电信对网通的对接点），另一个就是浏览者自己本身的带宽；
三、DNS解析时时间：
包括往返解析的次数及每次解析所花费的时间，它们两者的积就是DNS（何谓DNS）解析所消耗的时间；很多人忽视DNS的因素，其实，DNS对网站解析速度也是非常重要的。
四、服务器和客户端机器的配置：
包括服务器端与客户机整个硬件配置程度，同样的网络环境下，酷睿四核的服务器的运算能力肯定要强一些，毫无疑问的；同样的网络环境下，你用一台赛扬的机器和酷睿四核处理器的电脑，打开同样的网页，速度， 后者肯定要快的多。
综合以上四点，可得到网页访问总时间的计算公式：
网页打开时间=网页内容大小/最小带宽+解析次数*每次解析时间+服务器处理时间+客户端解析时间
从上面的计算公式可以看到，通过进步网络的带宽可以降低网页时间，但要留意，网络中的瓶颈不一定是用户的接进点，而很可能是不同网络运营商之间的对接点。
对于同一个用户下载同一个页面，第一项 即页面的大小与网络最小带宽的比值是基本一致的。第三项处理时间是指服务器和用户的PC机的处理能力，该项随着网站服务器的负载而变化，所以网站的服务器处理能力越强，其响应的时间相对也会更好，在相同条件下，公式的第二项将会对响应时间产生重要的影响。这里面的服务器处理时间，都趋近一致了。
而我们所做的就是尽量地往减少DNS在解析过程中所花费的时间，由于只有缩短网站与用户之间的间隔是进步访问速度的一个最有效的方法，将用户要访问的内容推送到离用户最近的地方，让他们的访问如同访问本地。
企业网站页面显示的速度取决于众多的因素，包括服务器性能、网络传输质量、网站出口带宽、网页架构、网页内容包括涉及到的图片和视频的大小等等。
从国外访问国内服务器上的网站主要面临以下题目：
1、由于网站访问量增加，服务器CPU资源不足导致的处理能力不足；
2、随着用户访问量的增多，网站出现了网站页面显示速度慢题目；
3、由于中国国家总出口带宽的不足，导致从海外访问中国境内的网站非常的慢，网站打开慢，就导致潜伏客户的流逝。
4、随着网站著名度的进步，网站受攻击的可能性越来越大；网站著名度进步，对网站安全性的需求也越来越高。假如是电子商务网站，会尤其重视网站的安全加密浏览等功能。

4、关于网站主页构架设计

现在大部分都这样了。因为从用户的角度来说，flash和图片更能吸引客户，从而产生点击行为，但限与国内网速问题，目前纯flash网站打开速度太慢。容易引起浏览者烦躁情绪，直接关了走人，退而次之，用较小面积的flash和JS代替虽然不会太炫，但比之静态网站要更容易吸引用户一些，新的架构，还是看设计师的了。。

5、什么是网站总体架构设计

网站结构是指网站中页面间的层次关系，按性质可分为逻辑结构及物理结构。是现代网络学习和发展的一个必须的基础技术。根据需求分析的结果，准确定位网站目标群体，设定网站整体架构，规划、设计网站栏目及其内容，制定网站开发流程及顺序。

网站架构的内容有哪些？

有程序架构，呈现架构，和信息架构三种表现，步骤主要分为硬架构和软架构两步程序。

网站总体框架示意图是网站后台支撑系统的想法，一般取决于网站本身的建设意图。

网站架构水平的高低决定着网站的整体性能和运营模式的时效性和经济性，它的设计必须考虑到网站的模式、运营思路、用户群体使用习惯、网站的功能等等。

网站结构对网站的搜索引擎友好性及用户体验有着非常重要的影响。网站结构在决定页面权重上起着非常关键的作用，会直接影响到搜索引擎对页面的收录。一个合理的网站结构可以引导搜索引擎抓取到更多、更有价值的网页。如果网站结构混乱，往往就会造成搜索引擎陷入死循环、抓取不到页面等问题。网站结构的好坏会决定用户浏览的体验度，合理的网站结构是优化网站关键词排名的前提。

所以，网站结构可以影响网站内部页面的重要性，合理的内部链接策略就可以对重要页面进行突出、推荐等操作。

绘制网站概要图符号

网站概要图模板

6、网站框架设计的思路是怎么样的

1、网站色彩的布局
网站给客户的第一印象就是网站整体色调的样式，能够帮助我们为客户留下好印象，从而为后面的转化做好铺垫。
网页配色，合理的配色可以加深客户的记忆；
2、网站关键词的布局
作为现代企业很多都选择了与互联网相辅的思想来做网页优化，如果网站要做关键词排名，要合理布置网页关键词，因为这样的布局能够为网站带来一定的权重和收录，提升网站排名，从而提高转化量。
3、网站功能的布局
企业为了更好的留住客户，并提升客户的体验度，从而让线上自身官网开发一定的体验功能，帮助企业挽留客户的脚步，为企业带来咨询量。
4、网站栏目的布局
网站栏目的合理布局有两点作用：第一能够第一眼使客户明白我们能为他们提供什么服务；第二可以加强自身关键词的相关性和权重；

7、网页设计的布局有哪几种

网页设计的布局有哪几种？

1.“国”字型：

2.拐角型：

3.标题正文型：

4.左右框架型：

5.上下框架型：

6.综合框架型：

7.封面型：

8.Flash型：网页设计

9.变化型：网页设计

8、阿里巴巴网站的网页布局结构

下面让我们来对阿里巴巴的网页设计布局进行分析：
阿里巴巴中国站(china.alibaba.com)被google收录的中文网页数量2006年8月份数据为5320000，不仅从被收录的网页数量上来说，要远远高于同类网站的平均水平，更重要的是，阿里巴巴的网页质量比较高，潜在用户更容易通过搜索引擎检索发现发布在阿里巴巴网站的商业信息，从而为用户带来更多的商业机会，阿里巴巴也因此获得更大的网站访问量和更多的用户。
1．从整体结构看：
设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。点击打开阿里巴巴的网站，访问者可以很快的查找到自己所要寻找的信息和内容，理由是它的每个页面都有独立的标题，并且网页标题中含有有效的关键词，每个网页还有专门设计的META标签，而且图形和文本层叠有序，框架结构明显。从整体上看网站上的图片不是很多，因为它知道搜索引擎读不出来图片的信息和内容的。
2．从页面的相互关系看：
阿里巴巴的各组成部分在内容上的内在联系和表现形式上的相互呼应很明确，并注意到了整个页面设计风格的一致性，并且在搜索引擎搜索信息的情况下，阿里巴巴将它的主要业务放在了整个框架的最左边也就是搜索引擎最关注的地方。它抓住了搜索引擎的在搜索信息的特点。实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽。
3.页面分割的角度看：
分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。阿里巴巴在这方面就做的很出色。它在信息量很多时，将关键词列出来，将画面进行了有效的分割，使关注者更清楚的知道关键词的背后就是他所要的信息。所以网页设计中有效的分割可以被视为对于页面内容的一种分类归纳。
4．从页面对比的角度看：
对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。阿里巴巴在网页设计中无论是颜色、文本信息、文字的大小、格式、等等都无可非议。因为它给人的感觉很协调很舒服。
5．从页面和谐的角度看：
和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。打开阿里巴巴的网页一开始给人有点单一的感觉，因为它的色彩不时很鲜明，但是从整体角度在看会发现它的颜色和线条的搭配让人的视觉效果和它的网页达到一种想沟通的效果，尤其是它框架两边的空白部分从美学角度可以说明两点：一是显示阿里巴巴企业的卓越；二是显示网页品味的优越感。所以从整体上体现出了网页的格调。
所以阿里巴巴之所以能够做到今天这样的成就，可以看出它在每一个方面的专业化和深入的程度。所以其他的网站在设计布局的同时有必要向阿里巴巴深入的学习。

9、几种常见网页布局设计

网站是有网页构成，这点相信很多的从事网站建设或者是接触过网站开发的站长应该都清楚，但是你现在的问题是，虽然很多的企业都想要建设网站，但是对于网站的布局了解的并不清楚，下面就跟着我们沃然一起来了解一下网站建设中几种常见的布局吧。
1、区块型

2、国字型
3、门户型
4、Flash型
5、左右框架型
6、拐角型
7、封面型
8、标题正文型
9、上下框架型
10、综合框架型