网站制作之网页技巧_VML相关

相信众位网友在网上尽情冲浪时,一定会看到不少设计独特、创意新颖、页面诱人的个人网页,遇到这些网页你也一定会驻足停留、仔细欣赏一番,同时脑海中大概也会有一丝想要制作一个属于自己的个人主页的念头。如果你确实有这个想法,那就请你继续看完下面的内容,下面提供的网页设计技巧一定会使你大饱眼福,并让你在以后设计自己的主页过程中游刃有余。好了,说了这么多,还是让我们直接切入正题,和大家一起看看笔者今天带来了哪些网页制作技巧吧:

1、设计前要有筹划

设计主页也许并不是很困难。但这一工作与编制传统的宣传品一样,都需要我们谨慎处理和筹划。换言之,我们必须首先确定自己需要传达的主要信息,然后细意斟酌、把所有意念合情合理地组织起来;之后是设计一个页面式样,试用于有代表性的用户,接着重复修订,务求尽善尽美。

2、选择内容要有新鲜感

万维网上不断有新事物出现、每天都有新花样。如果你的主页从不改变,用户很快会厌倦。因此网页内容的选择要不落俗套,要重点突出一个“新”字,这个原则要求我们在设计网站内容时不能照抄别人的内容,要结合自身的实际情况创作出一个独一无二的网站。放眼望去,网上的许多个人主页简直就是"杂货店",内容包罗万象,题材千篇一律,人人都是"软件下载",个个都有"网络导航",从头到尾找不出一丝“鲜”意。所以,我们在设计网页时,要把功夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新”,如能坚持天天更新的话,我相信这样的网页一定会受到大家的欢迎。

3、内容相对实用性大

一个网页尽管设计得趣味盎然,引人入胜,但这不是吸引用户最好的理由。要想最大限度地留住用户首要的是要让它有用处。这样做的一个很简单的办法是提供相互参与--让读者做一些事情,如报名获取定期发送的通讯,并用某种方式报答他们的参与,如每周抽奖或给予下载一些东西的机会。

4、网页命名要简洁

由于一个网站不可能就是由一个网页组成,它有许多子页面,为了能使这些页面有效地被连接起来,用户最后能给这些页面起一些有代表性的而且简洁易记的网页名称。这样既会有助于你以后方便管理网页,在向搜索引擎提交你的网页时更容易被别人索引到。在给网页命名时,最好使用自己常用的或符合页面内容的小写英文字母,这直接关系到页面上的连接。

5、确保页面的导览性好

主页的其中一个很重要的功能就是作为导航工具,指引用户查阅你存储在网址或其他地点的信息。因此在设计主页时,应尽量使导览过程变得很轻松。基于清晰明确和速度的考虑,主页上的超级联接内容应只限于几个高级的类别,例如公司、产品、服务等等。一般一个A4页面大小的网页用六至八个超级联接比较合适。此外,你还要保证超级联接的层数不能太多,超过4层以上的联接信息将会使人感到厌烦。因此,你必须在广度和深度之间求取平衡。如果你的网址上有太多信息,你可能要制作较长的页面或使用更多联接层数,甚至可能要建立多个主页、使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息,肯定受用户欢迎。

6、善用表格来布局

不要把一个网站的内容象作报告似的一二三四地罗列出来,要注意多用表格把网站内容的层次性和空间性突出显示出来,使人一眼就能看出你的网站重点突出,结构分明。

7、合理设计视觉效果

不必在以页面上填满图像来增加视觉趣味。尽量使用彩色圆点--它们较小并能为列表项增加色彩活力(并能用于彩色列表)。彩色分隔条也能在不扰乱带宽的情况下增强图形感。另外网页设计好后,一定要在不同类型的浏览器和不同分辨率的情况下测试主页,例如许多浏览器使用640×480的分辨率,尽管在800×600高分辨率下一些Web页面看上去很具吸引力,但在640×480的模式下可能会黯然失色。作一点小小的努力,设计一个在不同分辨率和不同类型的浏览器下都能正常显示的网页。

8、排版时要注意细节

别轻易让文字居中和使用粗体或斜体字符。除了视感混乱之外,很多流览器不能很好地显示斜体字,也不能补偿由于字母倾斜引起的空白变化。利用短的段落,加点列示,适当的整块引用文字,用水平线分节,用影象地图指引主要连接,使你的页面能吸引人和容易阅读。另外笔者提醒大家注意的是,不要把重要的内容排版放到网页的结尾,因为读者的视线可能停留在主页上面较多一点,或者有些读者没有耐心往下看那么远。

9、善用GIF和JPG格式的图象

用户在网上四处遨游,你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力,所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款,使其别具特色,令人过目不忘。图像的内容应有一定的实际作用,切忌虚饰浮夸。目前因特网上大多数使用GIF和Jpeg交互格式的图象,因为交互格式的图像是分级显示出来的--首先以很低的分辨率显示,然后逐步提高分辨率,直至最后达到正常显示--这种方式有时候会使较大的图像看起来好象装载得快一些,实际上并非如此,但这是一种有益的错觉。这样也便于读者在图像装载的过程中看到它的模样,如果他们不喜欢或不想看的话就有机会中断传输或转向别的地方。

10、为图片添加文字说明

给每幅图形加上文字的说明,在出现之前就可以看到相关内容,尤其是导航按钮和大图片更应如此。这样一来,当网络速度很慢不能把图象下载下来时或者用户在使用文本类型的浏览器时,照样能阅读网页的内容,以后用户在访问你的站点时总有一种亲切感觉,认为你心细,比较善解人意,时时刻刻为他人着想,相信你的好心会有好报的。

11、多使用图象缩微图

比如说有一张800×600像素的1600万色扫描图,所占空间约为50K。使用PhotoShop这一类的图象编辑工具对原图进行重新取样,比如说高度为100像素(为确保浏览器能即时以合适的大小显示图像,高度和宽度很重要。也许为了达到你自己的要求你得进行调整才能找到最合适的大小,但可以从高度除以4~6开始),PhotoShop会自动计算新图象的宽度。保存新图象,它的大小现在应为8K或更小。然后在源文件中添加这样一段HTML代码: ,那么浏览器在解释执行Lowsrc命令时,将要求浏览器在真正的画面载入以前先装载低分辨率的图像,这样就会让访问者清楚将会出现什么样的图片。

12、不宜使用太多的动画

大家都喜欢用GIF动画来装饰网页,它的确很吸引人,但我们在选择时,是否能确定必须用GIF动画,如果答否,那么就选择静止的图片,因为它的容量要小得多。同样的尺寸的LOGO,GIF动画的容量有5K,而静止LOGO的只有3K。虽然只有2K之差,但多起来,就会影响下载的速度,所以,如果有些不是必须的,就选择最小的。

13、闪烁文字不要多用

有的设计者想通过闪烁的文字来引起访问者的注意是可以被人理解的,但一个页面中最多不能有三处闪烁文字,太多了给用户一种眼花缭乱的感觉,反而会影响用户去访问该网站的其他内容,正所谓“物极必反”也。

14、页面长度要适中

当一个页面很长时就应该要注意了,因为它的传输时间明显要比较短的页面的传输时间长,太长的页面传输会使访问者在等待中失去耐心。而且为了阅读这些长文本,访问者不得不使用卷滚条,从而也浪费了用户在网上冲浪的时间。如果你有大量的基于文本的文档,应当以AdobeAcrobat格式的文件形式来放置,以便你的访问者能离线阅读,从而节省宝贵的时间。

15、Java程序少用为宜

不要使用大幅面的Java程序,能够用javascript替代效果的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍受,往往使浏览者没有耐心等页面全部显示出来,这样你的精心设计便毫无效果啦。

16、整个页面风格要一致

你网页上所有的图像、文字,包括像背景颜色、区分线、字体、标题、注脚什么的,要统一风格,贯穿全站。这样子读者看起来舒服、顺畅,会对你的网站留下一个“很专业”的印象。

17、记数器能不用最好不用

由于计数器也是由程序设计成的,显示计数器的过程其实就是在执行一个程序的过程,它需要占用用户宝贵的上网时间,况且大多数浏览者认为计数器毫无意义,它们很容易被做假,浏览者也不想看广告。因此笔者建议不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务,而不是推销你自己认为重要的东西。如果你显示你的网站是多么受欢迎,你最好提供一个链接,显示访问日志。

18、每个页面都要有导航标志

所有页面从头至尾都要使用导航标志,尤其是要用“返回到首页”连接。可以在每个页面都这样做。比如在每页的顶端(或底部)都有一小串图标,第一个回到首页,第二个回到章,第三个回到节。如果是图像导航按钮,那么要有清晰的标识,让人看得明白,千万别只顾视觉效果的热闹,而让人家不知东西南北;而文本导航的链接颜色最好用约定俗成的:未访问的,蓝色;点击过的,紫色或栗色。总之,文本链接一定要和页面的其他文字有所区分,给读者一个清楚明白的导向。

19、尽量使用相对超级连接

在制作图象或文本超级连接时,尽可能地使用相对超级连接,这是因为这样做网页的可移植性比较强,例如把一组源文件移到另一个地方时,相对路径名仍然有效,而不需要重新修改连接的目标地址;另外使用相对超级连接时输入量也较少,在同一页的连接项当然应该使用相对地址,因为使用绝对地址后可能会每选择一个连接都要把该页重新装载一次。如果是连接到不直接相关的文件时,使用绝对路径比较好,这样以后要是把源文件移到另外的目录下就不需更改连接了。

20、保证超级连接直观有效

页面中的超级连接应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条,使浏览者能够很直观地从每一页上访问网站的任何部分。

另外特别要避免“请按这里”,任何要“按这里”的人都会慎重考虑,它是不是正好就在“这里”,并且连接无误。不要让连接的名称与连接的URL不同,这样会使读者白白地浪费时间。

时间: 2024-10-28 15:48:53

网站制作之网页技巧_VML相关的相关文章

专用Flash网站制作工具A4Desk技巧拾零

技巧 A4Desk作为一款傻瓜式的Flash网站制作工具,受到了许多用户的喜爱,下面笔者在使用过程中发现了一些小技巧,写出来供大家参考. 1. 快速更新网站文字 在Flash网站各子界面制作过程中,网站文字可以通过复制.粘贴.甚至直接导入文本的方式进行.这里介绍的方法是连A4Desk都不用打开,直接修改文本文件即可更新网站文字了.因为在制作Flash网站时,在软件安装目录下会自动生成一个import文件夹,该文件夹里的每一个文本文件的内容都和网站页面的内容相对应的,找到相应的文本文件即可进行修改

13个&#106avascript网站制作中实用技巧

技巧 1. 将彻底屏蔽鼠标右键oncontextmenu="window.event.returnValue=false" <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. 取消选取.防止复制<body onselectstart="return false"> 3. 不准粘贴onpaste="return false&q

13个JavaScript网站制作中实用技巧

javascript|技巧 1. 将彻底屏蔽鼠标右键oncontextmenu="window.event.returnValue=false" <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. 取消选取.防止复制<body onselectstart="return false"> 3. 不准粘贴onpaste="ret

网站制作的切图技巧

一般的网站制作步骤大体上为:设计效果图–>切图+制作静态html模板–>嵌套至CMS,其中,切图虽然是很简单的一个步骤,但其中也有很多技巧,以下是我个人总结出来的几点. 总体上,把握一个原则,能用css写的,坚决不要用图片.经验告诉我们,首页图片很多的网站打开会很慢,一是因为图片多,需要下载的文件体积就增大,二是每一个图片下载都会对服务器有一个请求,增大了浏览器与服务端的交互次数,如果能把纯色的部分用css来写,而不因为省事直接切图,就会极大提高网站的运行效率,我最早开始学习制作网站时,就想当

个人网站制作以及博客的建站技巧

中国互联网起步的年代,个人网站引入了互联生活.一时间,制作出色的个人网站成了网民上网的"终极目标".由于当时相关软件功能相对简单,中文资源匮乏,相关资料甚少,不少人是"摸爬滚打"地摸索着做出了自己的第一个个人网站.笔者就是其中的一员-- 一.复杂方法 在手工制作个人网站的时代,我们可以总结出的网站制作步骤基本为:设计.切割.代码生成.发布.而在此之前,应该规划出网站的结构,包括页面数.栏目设置等. 1.设计 进行页面总体规划,包括风格.布局等.网站制作要有整体风格,

站长对网页制作优化的技巧

摘要: 站长对网页制作优化的技巧,对于少量的http请求,脚本样式,减少了页面因素,设计丰富的技术,seo这不是全部这只是一部分,一种方法保持页面的快速相应,减少了必要的请求也是关 站长对网页制作优化的技巧,对于少量的http请求,脚本样式,减少了页面因素,设计丰富的技术,seo这不是全部这只是一部分,一种方法保持页面的快速相应,减少了必要的请求也是关键的步骤,css文件放入一个样式中也可能相对改善的一步,但是对搜索引擎来说这也是一个有效的方法,这可能会增加页面的大小.那些初次访问你网站的人获得

《网站设计 开发 维护 推广 从入门到精通》—— 1.1 网页设计的相关术语

1.1 网页设计的相关术语 在具体学习网页设计与制作前,需要了解什么是静态网页和动态网页,动态网页是怎么交互的,为以后的学习打好基础. 1.1.1 什么静态网页 在网站设计中,纯粹HTML格式的网页通常称为"静态网页",早期的网站一般都是由静态网页制作的,静态网页是以.htm..html..shtml和.xml等为后缀.在HTML格式的网页上,也可以出现各种动态的效果,如GIF格式动画.Flash滚动字幕等.这些"动态效果"只是视觉上的,与下面将要介绍的动态网页不同

网站设计:提高网页打开速度的技巧

http://www.aliyun.com/zixun/aggregation/9872.html">互联网带宽越来越宽,似乎让网页的加载速度得到了质的飞跃. 其实不然,因为随着带宽的提高,网页上的对象也越来越多,因此加快网页打开速度还是一个重要的课题.加快网页的打开速度,有三个路径,一是提高网络带宽,二是用户在本机做优化,三是网站设计者对网页做一定的优化.这篇文章站在一个网站设计者的角度,分享一些优化网页加载速度的小技巧. 一.优化图片 几乎没有哪个网页上是没有图片的.如果你经历过56K

初学网站制作须知道什么是静态网页

初学|静态|网页 在网站设计中,纯粹HTML格式的网页通常被称为"静态网页",早期的网站一般都是由静态网页制作的.静态网页的网址形式通常为:www.example.com/eg/eg.htm,也就是以.htm..html..shtml..xml等为后后缀的.在HTML格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画.FLASH.滚动字母等,这些"动态效果"只是视觉上的,与下面将要介绍的动态网页是不同的概念. 静态网页的特点简要归纳如下: (1)静态网页每