勤学思培训网RRHQXD
  • 总算知晓网页的设计要点

    网页的设计要点

    设计醒目的页面文字标题,就是让用户一眼看上去,就知道这个页面主要强调的是什么,这样用户就能快速了解这个页面所表达的含义。下面介绍网页的设计要点,希望可以帮助到大家。

    [图片0]

    网页必须要有良好的结构

    良好的网站页面结构,可以使用户在浏览网站时,能够清晰的了解自己想要浏览页面所处的位置,从而快速进入到这个页面。并且在用户浏览完这个页面之后,也能知道自己当前浏览页面所在的位置,以及快速的切换到其它的页面。比如说网站的导航栏、面包屑导航、站内检索功能,亦或是其它一些相关链接和推荐等,都能使网站的结构更加合理,为用户浏览页面起到很好的帮助作用,这也是做营销型网站所必备的一些功能。

    页面避免过多不必要的元素

    研究表明,网站上过多的动画、图片,以及酷炫的效果,虽然第一眼能够吸引住用户注意,但是事实却是利大于弊的。如果这些元素太多的话,会使网站服务器负担加重,导致网站打开速度受到影响,这对用户来说是非常反感的。并且,这些元素会吸引用户的注意力,这就导致用户容易忽略掉网站本身的重要内容。所以说,设计页面应尽量避免这些非必要的元素,还用户一个干净简洁的网站页面,这样才能使网站真正发挥出作用。

    网页的标题文字必须醒目

    设计醒目的页面文字标题,就是让用户一眼看上去,就知道这个页面主要强调的是什么,这样用户就能快速了解这个页面所表达的含义。如果是一个主次不分明、重点不突出的页面,用户则很难判断是否有自己需要的内容,因为大部分用户在未确定这个页面是否对自己有帮助之前,是不会浏览页面中的详细内容的。一般等到20秒之后,基本上就会选择离开了。所以,一个优秀的页面,就应该用既醒目,又能吸引用户的标题告诉用户这个页面表达的是什么内容。

    为用户提供丰富的页面内容

    由于每个用户的需求都是不尽相同的,因此网站想要满足更多用户的额需求,解决更多用户的疑问,就必须要在页面当中提供更多有价值的内容,这样才能满足更多的用户需求。网站的内容越是丰富,相关的信息越多,越详细,就能够使更多用户浏览,并解决其疑问,当然用户停留的时间也就会越长。反过来说,如果网站的内容越少,拥有的用户自然也就会越少。所以,不断为用户提供更多有价值的内容,才是网站永葆活力的关键。

    总的来说,任何一个优秀的营销型网站,其页面中都必须具备以上几点要素,如此才会取得成功。而那些效果欠佳的网站,在以上几个方面中,都会或多或少的存在某些问题,相信大家通过阅读这篇文章,能够有所收获,并将其运用到自己的网站中去。只要长期坚持去做,相信用不了多久,你的网站一定会有所好转,一定会慢慢拥有更多的忠实用户,如此,给企业带来盈利也就指日可待了。

    网页设计要点浅析

    在你开始设计一个因特网站点之前,首先要考虑的是你的目标浏览者。一个法律咨询公司的网站和一个音乐网站的目标浏览者是不同的,相应的设计要求当然也就会有所不同。这里,我们主要致力于设计一个“一般”的因特网站点,虽然下面文中提到的有些规则可能对于你的项目而言,不一定完全适用。

    基本问题:我们常说,第一印象是非常重要的。因此,你的因特网站点的主页必须包含你的公司或站点所提供的所有服务内容。可以使用一个短的描述性的标题指明站点的主题是什么,也可以加入你的公司的徽标,但是千万不要让信息和图片填满了你的主页(站点的其它网页也必须如此);主页看起来必须是干净而有组织有条理的。要使用很容易阅读的字体。在主页的下面,提供你的公司的联系信息,例如,你的e-mail地址或电话号码,这样会使浏览者能很容易地跟你取得联系。此外,主页通常是放置更换信息或新闻的绝好的场所。

    在你开始设计之前,你必须仔细地为站点挑选色彩组合。千万不要出现紫色的背景加上黑蓝色的文字的组合。要使整个站点保持同一种色彩的组合,因为不同颜色组合的背景或字体可能会非常令人讨厌。你也可以选用一个背景图,而不是仅用一种颜色。背景图案可以自己绘制,也可以从因特网上下载。通过模糊背景图案,就可以使文字更容易被阅读。

    当增加文字时,尽量设置容易被阅读的字体和大小。如果你使用背景图片,那么,当网页被浏览时,背景色和字体将会先于背景图片被下载,因此,如果背景色和文本的颜色没有鲜明的对照的话,那么浏览者会有几秒钟的时间看不到文本的内容。解决这个问题的简单的方法就是,使背景色与背景图的颜色相类似。使你的页面的“长度”短一些,可以使信息/动画通过几个页面来表现。如果把很多东西堆放一个网页上,就会使你的网页看起来非常凌乱,使浏览者不太愿意阅读所有的内容。所以,要设计几个网页,每个网页上放一段或两段文字,在段落的下面放置一个按钮,链接到下一页,在最后一页则放置一个按钮,链接到上一页、主页。尽可能使用模板,降低设计的工作量和复杂性。

    如果你准备为你的网站主页插入一个Flash movie,那么最好把它与主页分离开。一定要加一个“跳过”按钮,这样就使那些不愿意等待下载,或已经看过该movie的人,能很容易地直接进入你的主页。运用cookies,你可以使曾经浏览过你们网站的人自动跳转到主页。

    浏览导航:站点的浏览导航必须被设计成非常容易使用。如果需要,把站点分割为几个部分。最容易的方法,就是在整个网站的所有网页的左边放置一个菜单条。当然,除此以外,还有许多可选的方法。对于具有大量信息的站点,使用一个可扩展的菜单条是一个不错的选择。无论你使用何种导航模式,在每一页都放置一个指向主页的链接是一种不错的方法—这会使浏览者迷失方向时,可通过简单的点击就能返回初始的位置。

    图片和多媒体:图片、电影和声音效果永远都是很吸引人的,但是不能过分。要记住,不少人现在还是通过“小猫”上网的。努力使每一个页面小于100Kb。尽量把你的GIF和JPEG图片压缩后再加入到网页中。如果你准备在你的站点中放置高质量的图片、音乐或动画,那么你最好设计两个版本,一个为高质量,另一个为低质量,这样就能使不同的浏览者有一个合适自己的选择。

    Flash是一个目前非常流行的程序,许多Web设计者都乐意往自己的网站中加入。Flash的好处就是可以使你的动画和音乐文件非常小。为了观看Flash电影,你必须要有一个插件,该插件可以从Macromedia公司的网站上下载。虽然可能超过80%的因特网用户已经有了该插件,并且有了许多新的针对Internet Explorer和Netscape的版本,但是,它依旧是你必须考虑的问题。除非确实需要,尽量不要把Flash动画加入到你的网页中,因为有些浏览者没有那么大的耐心等待电影的下载,或者甚至没有耐心去下载一个插件。纯HTML设计,对于大多数(商业)网站,目前依旧是最好的选择。

    音乐和声音可以为你的网站增添不少的精彩,但是永远都不能运用得太过分。每一点击发出的蜂鸣声会让你的网站令人讨厌,并且对你的网站留下不够专业的印象。如果你准备要往你的网站中增加一些背景音乐,那么最好使用一些流音频软件,如Real Audio来播放文件。或者,你也可以插入一个Flash文件,循环播放一段音乐。你可以通过在Flash文件中导入WAV文件的方法完成,或者你也可以到因特网上下载一些免费的相关软件。如果你要在你的Flash电影中使用声音,通常加一个“弱音”按钮,会更好些;如果你用行为脚本控制浏览者计算机上的声音的话,那么,再加上一个音量控制条。当然,永远不要改变声音是最好的。浏览者如果需要,可以自己调整他的计算机的音量。

    “框架”的问题:框架—你也许会喜欢它,也许不喜欢。如果你在你的网站上使用框架,你很可能使一个框架用于导航目的,另一个框架则用于放置内容。你可以看见在同一页上有两个被分割的浏览窗口,你点击左边的框架,会改变右边的内容。用框架来组织网站的内容,显然是非常容易的。但是,我不赞成使用框架。当你要为某个站点作书签时,框架就会变得非常麻烦,因为站点的单个页就不能被做成书签,浏览者在打印时也会碰到问题。当然,不同的浏览者对待框架的态度是不一样的。

    网页设计制作要点

    一:空格定位

    在用空格来定位时要千万小心,因为在有些(如NetScape和Opera等)浏览器中半角的空格会被显示成怪字符,应关闭汉字输入法输入空格或输入全角空格来定位。

    二:表格背景

    一些浏览器不显示表格背景图形,只显示缺省背景颜色,甚至有的访问者关闭图形选项访问。为了满足这一部分来访者,最好同时设定表格背景图片和颜色,更何况并不是所有的浏览器都默认网页为白底黑字哦。

    [图片1]

    三:标识字体与字号

    值得慎重的是,尽量不要定义一些大多数用户所没有装载的特效字体,在本地运行也许没什么问题,但在别人看来就远不是那么回事了。需要的话可以制作成图片以求高度保真。

    四:颜色选择

    我们管不了浏览者对其个人计算机的设置,如果你的访问者的调色板中没有设置你自定义的某种颜色,就不能显示正确的透明度和清晰度,其结果将严重失真。所以在背景和大块颜色处选择适合Web页面的“安全色”还是相当必要的。

    五:动态插件

    FrontPage 2003提供的动态插件多半基于ActiveX,所以不能在Netscape中正常显示。对于FrontPage提供的动态效果,我们可以通过一些javascript代码来实现。

    六:Java滚动屏

    重要的提示性语句最好不要放置在Java滚动屏中,因为有些(如NetScape和Opera等)浏览器对Java的中文支持不尽如人意,会出现乱码现象,而且在同一页面上应尽少使用JavaApplet,否则会严重影响访问速度。

    七:HTML文档

    虽然将文件名保存为.htm或.html在浏览上效果相同,但如果访问者使用早期的操作系统(如)保存你的.html文档,由于其不支持4字母的扩展名,他可能无法顺利在本机打开,所以请尽量保存为.htm形式。

    八:带框架的分帧页面

    使用带框架的分帧页面时如果设置不当,FrontPage 2003会把一些它看起来不顺眼的代码强行篡改,我们动手来改动这些代码时,最好在记事本等无格式控制符的文本编辑器中进行,而且改动后的页面文件最好不要拿到FrontPage 2003中再次做保存操作,否则它再偷偷给你改回来,可别说我事先没告诉过你。

    九:页面动感

    在文字两侧加入“〈Blink〉闪烁〈/Blink〉”会使其中文字闪烁,但并不适用于所有的浏览器,不要单单指望它来增加页面动感。

    网页设计部分的考核要点

    1、网页属性:

    包括网页标题、背景颜色或图像、网页字体等。

    2、表格属性:

    包括表格宽度、对齐方式、边框线粗细、填充和间距等设置。

    3、单元格属性:

    包括单元格背景颜色、对齐方式、合并单元格或拆分单元格等。

    4、文字方面:

    包括添加文字,设置文字格式(CSS样式)。

    5、段落方面:

    包括段落样式、设置项目列表和编号列表。

    6、水平线操作:

    插入水平线、水平线属性的更改(特别注意水平线颜色的更改)。

    7、图片方面:

    包括插入图片、设置图片属性(高、宽)。

    8、超链接操作:

    包括文字链接、图片链接、图片热点链接、邮件链接(注意:是否要求“在新窗口中打开”)。

    9、表单方面:

    包括插入表单和各类表单对象,更改表单对象的属性(注意:单选按钮名称的更改)。

    10、其他:

    插入半角空格、插入鼠标经过图像、插入Flash动画并更改其属性、插入特殊符号等。