重庆新华电脑学校
当前位置: 首页 > 学习园地 > 网站网络教程

制作网页有技巧(一)

  • 时间:2011-07-19 10:05:52
  • 来源:
  • 作者:

    11、多使用图象缩微图

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

    12、不宜使用太多的动画

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

    13、闪烁文字不要多用

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

    14、页面长度要适中

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

    15、Java程序少用为宜

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

    16、整个页面风格要一致

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

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

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

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

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

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

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

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

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

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

阅读次数:

 

上一篇:HTML框架(Frames)

下一篇:ASP 编程中 20 个非常有用的例子

 

热门专业排行榜

 

视觉新华

校园环境
 

咨询中心

  • 重庆新华电脑学校电话号码

    咨询电话

    023-68808588

在线咨询 免费电话