网页页尾设计注意技巧

网页页尾设计注意技巧

以下就是网页页尾设计注意技巧等等的介绍，希望为您带来帮助。

设计网站时，企业都会把大部分的精力放在网页头部上，这样做当然无可厚非，因为网页头部是用户一打开来就看到的，有着相当重要的作用。但是，忽略页尾就不是一个明智之举了，虎头蛇尾的后果自然不好，我们也要注重页尾的设计。学会以下5招，助你设计一个好页尾。

1、在网页页尾曾加不同的社交平台，增加网站的宣传渠道;还可以提供企业的联系的方式，建立用户对网站的信任感等等。

2、如果需要在尾页放置大量的信息，简单设计就显得尤为重要。坚持清理不必要元素，保证充足的空间并有目的地组织信息。尽量避免混乱，思考哪些元素需要出现在你的页尾中，以及它们为什么要在那里。页尾的尺寸一般都跟你网站页面数和内容量有关。

3、对页尾内容的连接和信息进行分类组织会给人感觉比较好。比如把联系方式、友情链接、服务、社交网站和一些你流量最大的内容分成几列或几行，给每个部分起一个标题，方便用户浏览。

4、如果销售类或服务类网站，页尾就是一个让用户有所行动的优秀渠道。作为一个优秀的促销员，它可以让用户知道目前有哪些值得购买的福利或注册的好处。

5、页尾设计留白的效果也同样重要，因为涉及到布局，留白能分割出不同的区块，起到绘制不同区域的效果。当然，留白不是仅存白色空间，只要是无内容填充的部分都可以称为留白。留白的另一个作用是告诉大家下面该出场是这个重要的元素。

网站页尾的作用不仅能提供网站的相关信息，还可以是便利的网站导航。也许它在位置上并不占便宜，但这也不意味着你可以在设计上偷懒，我们需要像页头一样重视它，进行精细设计，才能完成一个优秀的网页。

网页布局的建议

1、别轻易让文字居中和使用粗体或斜体字符。

2、利用短的段落，加点列示，适当的整块引用文字，用水平线分节，用影像地图指引主要链接，使你的页面能吸引人和容易阅读。

3、不要在每一页使用风格不同的图标。

4、不必在以页面上填满图像来增加视觉趣味。尽量使用彩色圆点——它们较小并能为列表项增加色彩活力(并能用于彩色列表)。彩色分隔条也能在不扰乱带宽的情况下增强图形感。

5、对用作背景的GIF要谨慎。它们可以使一个页面看起来很有趣，甚至很专业，但是装饰背景很容易使文字变得不可辨读。要把背景做得好，光有颜色对比是不够的。背景要么很亮(文字较暗)要么很暗(文字较亮)。如果背景含有图像，对比度要较低才不至于过于分散读者的注意力。

6、在 IMG 行加 ALT 标记。

7、也可以在分隔条上使用ALT标记，这样就使得使用基于文本的浏览器的读者能看到一些更有趣的东西，而不只是一条直线。

8、不要把重要的内容放到页尾——有些读者可能不会往下看那么远。

9、不要让什么东西看起来象是一个按钮却不起按钮的作用。

网页设计的一些小秘诀

1.要记住你只有4秒的时间

在整个internet中日均页面访问只有4秒。这就意味着你没有足够的时间来让浏览者加深对网站的印象和互动。所以你要尽可能精确的来说明你这个网站最主要的功能是什么。如果一个网站打开的时间超过了浏览者等待的时间，那么浏览者将会失去兴趣，最终的结果是浏览者去别的网站。(木木：这就意味着：我们在设计首页时尽可能的简化，并加速打开网站的速度。)

2.引导浏览者的目光

当你走进一个房间的时候，你不可能看到房间里所有的东西。你第一眼注意的是房间里有没有人，然后再去注意能吸引你眼球的东西。当浏览者第一次访问网站也是这样子的。当浏览者第一次访问你的网站时，需要你来引导他们来访问网站。比如说一个登陆按扭，一个“more”按扭，新闻。..。..

3.网站的左上侧是“黄金地段”

众所周知，网站的左上侧是浏览者最先注意的地方。这是因为人们阅读的习惯造成的(从左上角开始阅读)。再加上早期的网站也是按这个方式设计的。所以我们常常把LOGO放在左上角。那么我们来想想能不能再加入些什么东西来引导浏览者呢?(登陆链接，搜索框，网站的口号。..。..)

4.“F”阅读模式

跟据一些眼球追踪的数据表明，阅读者在看一个网页的路径，像一个字母“F”。这表明浏览者最先注重的地方有，头部，三分之一处，和左侧。所以我们要想一下如何把网站最重要的部分放在这几个地方。

5.浏览者忽视有哪些

浏览者会忽视广告。他们会忽视横幅广告或文字广告。因此要避免网页的设计看起来像广告似的。还有浏览者也会忽视大块的文本。没有人会有很多的时间去看那一大部分的文本只为获得一个网站的主要内容。(我也没有耐心去看)所以我们要尽量的简化文本，或者是增加一些图像装饰来吸引眼球。

6.文本VS图片

这是一个有趣的事实。文字比任何静态图形更加吸引浏览者的眼球。如果你想给浏览者传递一个信息，那么我建议你使用文字来代替静态的图形。

HTML网页设计之去掉IE滚动条

做了一个页面，与桌面分辨率一样大小，但是在IE全屏(F11)下却显示有滚动条，而火狐确没有。怎么样去掉IE滚动条呢?其实有一个属性就可以解决。

方法1：直接在body里面加上属性scroll

代码如：

< body scroll="no" >

方法2：使用样式表overflow

代码如：

HTML{overflow-x:hidden;}

在xhtml1-transitional.dtd标准下，并不是以Body为容器，而是HTML标签，所以要把样式表加到HTML标签上才行，加到Body上是不管用的。

在html transitional标准下可以用于Body容器的，代码如：

< body style="overflow-x:hidden" >

这样就可以去掉IE滚动条了。