仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 917|回复: 9

[DIV+CSS] 带来一篇网页计划中的黄金比例

[复制链接]
小魔女 该用户已被删除
发表于 2015-1-16 00:07:33 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。
在网页计划开展到必定阶段的时分就一定会和其他学科或范畴只是发生交汇和共识,在浏览《超出CSS:web计划艺术精华》这本书的时分,发明本来web计划还能够如许。对照凸起的例子是如今常常被计划师提到的网页栅格计划,TAOBAOUED已经切磋过这个成绩(http://ued.taobao.com/blog/2008/09/17/grid_systems/),经由过程很有逻辑性的公式换算加上必定的数学剖析,失掉对网页计划有建立性的观点引导,从必定水平上说算是一种立异。

大概有的计划师会以为利用这些所谓的标准性器材会是一种限定而不是制造,在我看来这些新的观点对网页计划来讲是一种实验和提拔,会给你接上去的创意构想供应一个坚固的基本,让人从一个新的视角来对待好的网页计划。

在超出CSS这本书中,就提到了网页计划中的黄金比例这个观点。关于良多做计划的人来讲,黄金比例其实不生疏,它是最切合天然界美感的一个很奇妙的器材,在古希腊的艺术雕塑中一再表现出来。关于我们网页计划师来讲,只需记着一个数字就能够了:“1.62”,以950局中的页面为例:


我们要为一个950px宽度局中页面来计划栏目,依据黄金比例准绳,能够如许计划:如许的Web结构具有必定的均衡感,全部页面也对照协调。

带来一篇网页计划中的黄金比例

带来一篇网页计划中的黄金比例



如今的页面结构一样平常都是对照弹性的计划,由于如许页面能够充斥扫瞄者的屏幕空间,而不论视窗的巨细尺寸是几,这关于那些高分辩率宽屏的用户来讲是成心义的。而关于保持流动像素宽度的计划者来讲,1024*768就是霸道,摒弃了两头的利用人群。在超出css这本书中还提到,即便是流动宽度的计划,减失落扫瞄器的转动条宽度和扫瞄者翻开了工具栏的宽度以后,程度宽度就显得不敷用了:

带来一篇网页计划中的黄金比例

带来一篇网页计划中的黄金比例

很多计划师在计划版面的时分都是随便制订一下宽度就入手下手他们的计划,常常会呈现选择的宽度没有思索到说要体现的内容,在前期呈现内容成绩的时分就很受限定。另有良多开辟职员在完成页面的时分,并没有完整依托视觉最终效果来完成,偶然就大抵量了一下然后依据以往履历来定制宽度,而这类宽度常常不克不及很好的顺应他们的内容,以是,这时候候,黄金比例的利用就很主要了。

黄金比例不但在年夜的结构上可使用,在小的栏目计划中也能够天真利用。能够细化到很小的计划元素,好比一块图片信息展现地区:

带来一篇网页计划中的黄金比例

带来一篇网页计划中的黄金比例

书中还提到能够依据内容反向推导出年夜的地区宽度,比方网页的首页上必要放一个宽度为500的banner图片,那末我们能够用黄金比例算出全部网页能够选择的符合宽度:500*1.62=810px,其实不必定如果950大概800这些被良多人推许的页面宽度。

黄金比例另有哪些用途,人人一同来切磋~~


可以增加更多的用户而不需要建立独立的版本。可以一次设计,随处发布。
变相怪杰 该用户已被删除
发表于 2015-1-18 05:22:29 | 显示全部楼层
学Dreamweaver技术的过程其实是一个增加信心的过程。
透明 该用户已被删除
发表于 2015-1-18 05:22:29 | 显示全部楼层
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
若天明 该用户已被删除
发表于 2015-1-18 05:22:29 | 显示全部楼层
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
莫相离 该用户已被删除
发表于 2015-1-25 19:07:45 | 显示全部楼层
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
精灵巫婆 该用户已被删除
发表于 2015-2-9 05:16:17 | 显示全部楼层
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
因胸联盟 该用户已被删除
发表于 2015-2-27 02:49:58 | 显示全部楼层
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
兰色精灵 该用户已被删除
发表于 2015-3-8 20:50:22 | 显示全部楼层
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
活着的死人 该用户已被删除
发表于 2015-3-16 18:04:23 | 显示全部楼层
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
不帅 该用户已被删除
发表于 2015-3-23 00:46:25 | 显示全部楼层
学Dreamweaver技术的过程其实是一个增加信心的过程。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-3-28 19:53

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表