导航:首页 > 万维百科 > 网页结构设计

网页结构设计

发布时间:2020-08-10 19:09:07

1、网站结构怎么设计好呢?

 【释义】全方位、多角度、深层次地建立。
从字面来看,构建应该是多方位,多角度考虑的建设行为,是一个综合的过程。
在网站构建过程中,我们应该考虑哪些
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、随着网站著名度的进步,网站受攻击的可能性越来越大;网站著名度进步,对网站安全性的需求也越来越高。假如是电子商务网站,会尤其重视网站的安全加密浏览等功能。

2、企业网站结构怎么设计

网站建设中网站布局分为以下几个方面:
1、网站色彩的布局
网站给客户的第一印象就是网站整体色调的样式,能够帮助我们为客户留下好印象,从而为后面的转化做好铺垫。
网页配色,合理的配色可以加深客户的记忆;
2、网站关键词的布局
作为现代企业很多都选择了与互联网相辅的思想来做网页优化,如果网站要做关键词排名,要合理布置网页关键词,因为这样的布局能够为网站带来一定的权重和收录,提升网站排名,从而提高转化量。
3、网站功能的布局
企业为了更好的留住客户,并提升客户的体验度,从而让线上自身官网开发一定的体验功能,帮助企业挽留客户的脚步,为企业带来咨询量。
4、网站栏目的布局
网站栏目的合理布局有两点作用:第一能够第一眼使客户明白我们能为他们提供什么服务;第二可以加强自身关键词的相关性和权重;
总结以上4点网站布局方式,企业想要在巨大的互联网上发展,就必须挖掘互联网的巨大潜力,向客户传递品牌价值。但是想要做到这一点企业自身是无法实现这一远大目标,所以需要一个专业的团队帮助挖掘互联网的价值。

3、网页框架结构设计

先考虑好你要做什么性质的,然后就在纸上画出框架,想好每个框里要放什么。

4、网页制作结构

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

5、完整的网页设计包括哪几个结构

前期、中期、维护。

1、前期,需要自己做网站的目的,也就是说要明确自己做网站是为了什么?
2、中期,清楚自己的目标就要去奋斗,开始扩展自己的知识如一些做网站的技术需要懂那些技术等等这都是个问题。
3、维护,这是个比较艰难的时期,这个时期考研你的一切,更重要的是考研你的耐心和坚持。

6、网站结构设计的介绍

<

7、网站的结构设计包括哪些内容。

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

缺乏交互性的网站即使看上去非常的漂亮也是缺乏生命力的。在网站设计上经常使用的是一些文字的交互,但是文字交互的效果到现在位置还是非常模糊,除非你每日醉心于交互性设计,否则你根本难以描述什么叫做"交互"。

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

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

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

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

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

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

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

不确定的网站交互周期

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

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

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

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

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

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

必须要理解网站结构

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

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

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

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

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

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

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

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

8、网页结构设计对优化有什么作用

网站结构设计是网站设计的重要组成部分。在内容设计完成之后,网站的目标及内容主题等有关问题已经确定。结构设计要做的事情就是如何将内容划分为清晰合理的层次体系,比如栏目的划分及其关系、网页的层次及其关系、链接的路径设置、功能在网页上的分配等等,以上这些都仅仅是前台结构设计,而前台结构设计的实现需要强大的后台支撑,后台也应有良好的结构设计以保证前台结构设计的实现。显然网站的结构设计是体现内容设计与创意设计的关键环节。

9、网站结构设计的结构分类

物理结构
网站物理结构,就是指网站的实际目录结构,网站物理结构,分为网站扁平结构和网站树形结构。 扁平结构:扁平结构的网站,就是指所有的网页都在根目录下。多用于建设一些中小型企业网站。优点:有利于搜索引擎抓取。缺点:内容杂乱,用户体验不好。
树形结构:树形结构的网站,就是网站根目录下有多个分类,就是给网站设立栏目或者频道。树形结构的网站一般适合类别多,内容量大的网站,像资讯站,电子商务网站等等。优点:分类详细,用户体验好。缺点:分类越深,不利于搜索引擎抓取内容。

与网页结构设计相关的知识