建站初学者 应该掌握的网页布局基本概念

2016-02-19 17:14 7 1 收藏

下面,图老师小编带您去了解一下建站初学者 应该掌握的网页布局基本概念,生活就是不断的发现新事物,get新技能~

【 tulaoshi.com - Web开发 】

  最开始,网页呈现在你面前的时侯,它就好像一张白纸,它需要你任意挥洒你的设计才思。在开始的时侯,你需要明白,虽然你能控制一切你所能控制的东西,但假如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯,那么你可以在此基础上加上自己的东西。你当然也可以创造出自己的设计方案,但如果你是初学者,那么最好明白网页布局的基本概念。

  1、页面尺寸

  由于页面尺寸和显示器大小及分辨率有关系,网页的局限性就在于你无法突破显示器的范围,而且因为浏览器也将占去不少空间,留下给你的页面范围变得越来越小。一般分辨率在800x600的情况下,页面的显示尺寸为:780x428个象素;分辨率在640x480的情况下,页面的显示尺寸为:620X311 个象素;分辨率在1024X768的情况下,页面的显示尺寸为:1007x600。从以上数据可以看出,分辨率越高页面尺寸越大。

  浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加,那么当你显示全部的工具栏时,和关闭全部工具栏时,页面的尺寸是不一样的。

  在网页设计过程中,向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动,否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容,那么你最好能在上面做上页面内部连接,方便访问者浏览。

  2、整体造型

  什么是造型,造型就是创造出来的物体形象。这里是指页面的整体形象,这种形象应该是一个整体,图形与文本的接合应该是层叠有序。虽然,显示器和浏览器都是矩形,但对于页面的造型,你可以充分运用自然界中的其它形状以及它们的组合:矩形,圆形,三角形,菱形等。

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

  对于不同的形状,它们所代表的意义是不同的。比如矩形代表着正式,规则,你注意到很多ICP和政府网页都是以矩形为整体造型;圆形带表着柔和,团结,温暖,安全等,许多时尚站点喜欢以圆形为页面整体造型;三角形代表着力量,权威,牢固,侵略等,许多大型的商业站点为显示它的权威性常以三角形为页面整体造型;菱形代表着平衡,协调,公平,一些交友站点常运用菱形作为页面整体造型。虽然不同形状带表着不同意义,但目前的网页制作多数是接合多个图形加以设计,在这其中某种图形的构图比例可能占的多一些。

  3、页头

  页头又可称之为页眉,页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样,访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键,它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。

  4、文本

  文本在页面中出现都数以行或者块(段落)出现,它们的摆放位置决定者整个页面布局的可视性。文本可以按照自己的要求放置到页面的任何位置。

  5、页脚

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

  页脚和页头相呼应。页头是放置站点主题的地方,而页脚是放置制作者或者公司信息的地方。你能看到,许多制作信息都是放置在页脚的。

  6、图片

  图片和文本是网页的两大构成元素,却一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。

  7、多媒体

  除了文本和图片,还有声音,动画,视频等等其它媒体。虽然它们不是经常能被利用到,但随着动态网页的兴起,它们在网页布局上也将变得更重要。

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

延伸阅读
标签: Web开发
   使用Table布局页面为什么是不明智的? 大家看到标题,不要误解认为在页面中不能使用Table,而是可以使用Table,但是尽量不要用Table去布局页面,为什么这么说呢,因为使用Table布局页面会使页面失去灵活性,怎么个灵活法呢,比如今天你好不容易做出来的页面,第二天老板说我不喜欢登录模块放到右边,还是放到左边,通知板块放...
标签: Java JAVA基础
Java的白皮书为我们提出了Java语言的11个关键特性。 (1)Easy:Java的语法比C++的相对简单,另一个方面就是Java能使软件在很小的机器上运行,基础解释其和类库的支持的大小约为40kb,增加基本的标准库和线程支持的内存需要增加125kb。 (2)分布式:Java带有很强大的TCP/IP协议族的例程库,Java应用程序能够通过URL来穿过...
(1)白纸黑字是永远的主题,谁都说不出不好来。 (2)网页最常用流行色 ·蓝色 ·绿色 ·橙色 ·暗红 (3)颜色的忌讳 ·忌脏 ·忌纯 ·忌跳 ·忌花 ·忌粉 ·蓝色忌纯,绿色忌黄,红色忌艳。 (4)几种固定搭配 ·蓝白橙 ·绿白蓝 ·橙白红 ·暗红黑 相关阅读: 网页配色方案中的颜色亮度
第1步: 第2步: 第3步: 第4步: 最后完成的效果图如下:
标签: 化妆
对于刚开始学化妆的妹纸们,如果有个化妆教程一步一步对着画那真是太好了,初学者化妆教程,分享给刚学化妆的妹纸们。 初学者化妆教程 初学者怎么化妆 步骤: 1、首先在上底妆前,还是要进行基础的护肤步骤,护肤之后化妆才不会对皮肤造成大的伤害。在涂好BB爽/粉底霜后,首先在黑眼圈的地方点涂橙色系遮瑕膏,橙色对于黑...

经验教程

675

收藏

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