网页设计中该如何决定是否使用框架?

2016-02-19 15:48 3 1 收藏

今天图老师小编给大家精心推荐个网页设计中该如何决定是否使用框架?教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - Web开发 】

  框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  但是,框架的设计可能比较复杂;并且在许多情况下,您可以创建没有框架的 Web 页,它可以达到使用一组框架所能达到的许多同样效果。例如,如果您想让导航条显示在页面的左侧,则既可以用一组框架代替您的页面,也可以只是在站点中的每一页上包含该导航条;下图显示了具有类似框架布局的页面设计,但在设计中并没有使用框架。

  

  许多专业 Web 设计人员不喜欢使用框架,并且许多浏览 Web 的人也不喜欢框架。在大多数情况下,这种反感是因为遇到了那些使用框架效果不佳或不必要地使用框架的站点(例如,每当访问者单击导航按钮时就重新加载导航框架内容的框架集)。如果框架使用得法(例如,在允许其他框架的内容发生更改的同时,使一个框架中的导航控件保持静态),则这些框架对于某些站点可能非常有用。

  并不是所有的浏览器都提供良好的框架支持,框架对于无法导航的访问者而言可能难以显示。所以,如果您确实要使用框架,应始终在您的框架集中提供 noframes 部分,以方便不能查看这些框架的访问者。您最好还要提供指向站点的无框架版本的显式链接,以用于那些虽然其浏览器支持框架但不喜欢使用框架的访问者。

  使用框架具有以下优点:

  访问者的浏览器不需要为每个页面重新加载与导航相关的图形。

  每个框架都具有自己的滚动条(如果内容太大,在窗口中显示不下),因此访问者可以独立滚动这些框架。

  例如,当框架中的内容页面较长时,如果导航条位于不同的框架中,那么向下滚动到页面底部的访问者就不需要再滚动回顶部来使用导航条。

  使用框架具有以下缺点:

  可能难以实现不同框架中各元素的精确图形对齐。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  对导航进行测试可能很耗时间。

  各个带有框架的页面的 URL 不显示在浏览器中,因此访问者可能难以将特定页面设为书签(除非您提供了服务器代码,使访问者可以加载特定页面的带框架版本。)


  

来源:http://www.tulaoshi.com/n/20160219/1610438.html

延伸阅读
设计人员还是需要去经历和亲眼去发现一些美,只有这样才能开拓你新的思路和想法。今天我们就分享给大家一批关于色彩在网页设计中使用的例子。你可以看到设计师们的创意和对于色彩的感悟。 BigNoise Mint Museum Fudge House Artist of the Year Carnation Group Viens-la Disqus Impero Modo Luce With A...
标签: 网页设计 设计
抓人眼球的首图 横跨屏幕的轮播首图是时下流行的网页设计手法,设计师通过覆盖视野式的图片来营造身临其境的体验,这非常符合人类视觉优先的信息获取方式,所以,漂亮的首图是抓住用户注意力的重要手段。优质的首图能够让用户明白,他们可以从这个网站获取一些什么。 色彩叠加 这里说的色彩叠加值得是用半透明的色彩图层叠加在图...
标签: Web开发
CSS sprites 是网站速度的优化很重要的一环,但也有其对性能的不利之处。 Vladimir Vukićević 的博文《To Sprite Or Not To Sprite》提到: CSS sprites 的最大问题是内存占用。非精确构造的 sprite 图片会占用意想不到的内存空间。以 WHIT TV 网站为例,这里是一张 sprite 图片,1299x15,000 的png,已经经过很好的压缩,实际...
当你欣赏下面这些案例时,留意一下他们如何以及为何使用矩形或正方形元素,会使得你思路大开。此处列举的方块元素,被用来对齐、组织、装饰、排列页面上的方与圆。在设计中使用方块元素有很多方法和原因。让我们来详细了解一下。 使用方块布局的目的是什么? 或许这对你而言有点哲学和理论化,我们来看看别人选择方块布局的原因。(顺便提一句...
标签: Web开发
个人总结了在开发css框架中的一点经验,献丑了。希望大家的讨论能使我们共同进步。:) 1、css框架 中国的互联网行业已经发展了10年,浏览器也从最早流行的NS到现在的FF3.IE7等等前端开发工程师的职位也诞生了。近几年在web开发中,有个非常火的词框架。YUI、JQuery、Prototype这些javascript框架在开发网站时,确实成为前端开发工程师的手中...

经验教程

470

收藏

80
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部