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

xf15254864230

xf15254864230

2016-02-19 17:14

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

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

  1、页面尺寸

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

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

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

  2、整体造型

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

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

  3、页头

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

  4、文本

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

  5、页脚

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

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

  6、图片

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

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

  7、多媒体

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

展开更多 50%)
分享

猜你喜欢

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

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

Java初学者入门需掌握的30个基本概念

编程语言 网络编程
Java初学者入门需掌握的30个基本概念

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Java初学者入门需掌握的30个基本概念一

编程语言 网络编程
Java初学者入门需掌握的30个基本概念一

Java初学者入门需掌握的30个基本概念二

编程语言 网络编程
Java初学者入门需掌握的30个基本概念二

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

初学者简单学习CSS网页布局

Web开发
初学者简单学习CSS网页布局

autocad界面布局与基本概念

电脑应用
autocad界面布局与基本概念

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Visual Basic控制结构概述

Visual Basic控制结构概述

心悄悄然然旳碎了一整夜 - QQ伤感分组

心悄悄然然旳碎了一整夜 - QQ伤感分组
下拉加载更多内容 ↓