zhuxianfei.com

﹤首页 > 编程技术 > html

利用ping测试你的网页速度

发布时间：2016-9-20 19:02

    当你访问一个站点时，你可能需要很长时间，这也许是网络故障，你可以利用Ping程序来测试。Ping程序是一个网络小程序，它会向Web网址的主服务器发送一个32字节的消息。然后，它将服务器的响应时间记录下来。如果从发出信息到服务器相应的时间超过400毫秒，就可以认为Web网址运行缓慢。当然，你离Internet中心集线器越远，服务器的响应时间就越长。例如，如果你在澳大利亚，Ping的响应时间通常会高于400毫秒。
　　Windows95/98/2000上按如下步骤使用Ping来测试：
　　１、在Windows95/98/2000上，单击“开始”键并选择运行；
　　２、键入Ping和你要测试的网址
　　（比如：Ping ）。
　　Ping将会向你显示四次测试的结果。响应时间低于300毫秒都可以认为是正常的，时间超过400毫秒则较慢。出现“请求暂停（Request time out）”信息意味着网址没有在1秒内响应，这表明服务器没有对Ping做出响应的配置或者网址反应极慢。如果你看到4个“请求暂停”信息，说明网址拒绝Ping请求。因为过多的Ping测试本身会产生瓶颈，因此，许多Web管理员不让服务器接受此测试。如果网址很忙（或者出于其他原因运行速度很慢，如硬件动力不足，数据管道不够用），稍候可以再试一次以确定网址是不是真的有问题。如果多次测试都存在问题，则可以认为是你的计算于该网址站点没有联接上，你应该与ISP或网络管理员联系。


<     有时，因访问者的浏览器设置问题，使你的页面在别人看来与你期待的大不一样。
    难道我们只有“仍人宰割”吗？不，下面方法可使你的页面按你的想法固定下来。
　　1 文字的语言编码
　　你的中文页面可能在别人浏览器中是显示为乱码，这是因为别人浏览器文字编码的设的不是简体中文。在<head>和</head>之间加入下一句即可解决问题：
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=gb2312">
　　2 字号的固定
　　浏览器的字体大小设置有五项——最大、大、中、小、最小，假如你按中号字排版，在别人大号字浏览器下可能就不太美观。在<head>和</head>之间加入下面的css语句即可固定字体大小，丝毫不受浏览器影响。
<style>
<!--
p {font-size:9pt};
td {font-size:9pt};
li {font-size:9pt};
select {font-size:9pt};
-->
<style>
其中，表示font-size:9pt大小固定为9磅（一般都是这个值）, Netscape的浏览器不支持li和select的固定。
　　3 字体的固定
　　一般浏览器字体设为宋体，但也有人设为楷体之类。在<head>和</head>之间加入下面的css语句，则可固定字体了。
<style>
<!--
p {font-family: "宋体"};
td {font-family: "宋体"};
li {font-family: "宋体"};
select {font-family: "宋体"};
-->
<style>
    2和3可结合使用，如 p {font-family: "宋体";font-size:9pt};

一个杰出的网站，和实体公司一样，也需要整体的形象包装和设计。准确的，有创意的CI设计，对网站的宣传推广有事半功倍的效果。在您的网站主题和名称定下来之后，需要思考的就是网站的CI形象。
   1.设计网站的标志(logo).首先你需要设计制作一个网站的标志(logo)。就如同商标一样，logo是你站点特色和内涵的集中体现，看见logo就让大家联想起你的站点。注意：这里的logo不是指88X31的小图标banner,而是网站的标志。
   标志可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等。比如：soim是用soim的英文作为标志，新浪用字母sina+眼睛作为标志。标志的设计创意来自你网站的名称和内容。
   (1).网站有代表性的人物，动物，花草，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜狐的卡通狐狸，鲨威体坛的篮球鲨鱼。
   (2).网站有专业性的，可以以本专业有代表的物品作为标志。比如中国银行的铜板标志，奔驰汽车的方向盘标志。
   (3).最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体，字母的变形，字母的组合可以很容易制作好自己的标志。
   2.设计网站的标准色彩。网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。
   “标准色彩”是指能体现网站型象和延伸内涵的色彩。举个实际的例子就明白了：IBM的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。如果将IBM改用绿色或金黄色，我们会有什么感觉？
   一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。
   一般来说，适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。(注：关于色彩搭配的具体方法，我们会在本系列文章的第八篇介绍)。
   3.设计网站的标准字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，我门可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。当然这些都是阿捷的个人看法，你可以根据自己网站所表达的内涵，选择更贴切的字体。目前常见的中文字体有二三十种，常见的英文字体有近百种，网络上还有许多专用英文艺术字体下载，要寻找一款满意的字体并不算困难:)
需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的PC里没有安装你的特别字体，那么您的辛苦设计制作便付之东流啦！
   4.设计网站的宣传标语。也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。例如：鹊巢的“味道好极了”；麦斯威尔的“好东西和好朋友一起分享”；Intel的“给你一个奔腾的心”。
   以上四方面：标志，色彩，字体，标语，是一个网站树立CI形象的关键，确切的说是网站的表面文章，设计并完成这几步，你的网站将脱胎换骨，整体形象有一个提高。形象地说：你从一个土气的农民转变为一位西装革履的白领人士。(注意：我们只是以平面静态来设计CI,还没有引入声音，三维立体等因素。)

    目前CCS的技术使网页制作大大改进，动态性等应用的实现，改善了HTML死板的网页显示模式。链接文字显示方法的改造，也可在CCS中找到较好的答案。我们以这样的要求来实现链接文字的动态显示：一般情况链接文字以深红色显示，当鼠标落在标记的链接文字上时，链接文字以红色显示并自动加上下横线；当鼠标离开标记的链接文字时，自动去掉下横线，恢复原显示方式。
    处理鼠标移动到标记文字上和离开标记文字可用onmouseover和onmouseout语句来响应执行，在这两个语句上定义用户的设定要求，即可实现上面链接文字的动态设定，有关字符颜色可用color定义，字符是否带下横线可用textDecoration来定义。下面给出HTML自定义动态链接文字显示的相应程序，请注意：这一功能的实现环境是IE4.0。
< ! -- IE4.0 中链接文字动态显示实例 -- >
< HTML >
< HEAD >
< TITLE > 链接文字动态显示
< /TITLE >
< /HEAD >
< BODY >
< CENTER >
< HR >
< A HREF="http:///htmldata/2005-02-24/wuci.html" STYLE=
"color:darkred;text-decoration:none"
ONMOUSEOVER="this.style.color=
'red';this.style.textDecoration='underline'"
ONMOUSEOUT="this.style.color=
'darkred';this.style.textDecoration='none'" >
GO HOME
< /A >
< HR >
< /CENTER >
< /BODY >
< /HTML >


<

    meta的用法

　　meta是HTML语言中的一个可选的标记项，位于HTML文件的标头部分。在meta标记中定义的文字，在浏览器中并不显示。那么，meta起什么作用呢？
　　一、meta的用法
　　（注：在使用文章的HTML语句时请将文章中"<"符号后面的空格去掉。）
　　1、语法：
　　<metaname="name"content="string">
　　2、参数解析：
    1）name项：常用的选项有keywords,description,author等。
    2）http-equiv项：可用于代替name项，常用的选项有creation-date,refresh等。
    3）content项：根据name项或http-equiv项的定义来决定此项填写什么样的字符串。
　　3、举例：
　　<metaname="keywords"content="ChinaTravel,BeijingTravel,ChinaBeijing">
    <metaname="description"content="introduingSummerPalace,
ForbiddenCity,Tiananmen,andsoon,includingmanypictures">
    <metaname="author"content="BeijingWayXNetSolutionCo.Ltd.">
    <metahttp-equiv="Creation-date"content="23-Sept-98,18:28:33GMT">
    <metahttp-equiv="refresh"content="10URL="http://www.wayx.com/index.htm">
    与导航台注册的关系
　　由于在meta标记项中定义的文字在浏览器中并不被显示出来，所以此标记项一般用于定义其他标记项体现不出来的内容。其中与导航台注册有关的项目有name项的keywords和description。
　　1、导航台的运作机制：
　　导航台因其使用的后台程序不同而导致运作机制的不同。一类导航台是以yahoo为代表的，其后台是大型的数据库，网址在加到数据库中之前，需要先由人工审查申请登记的站点，然后才通过管理界面输入到数据库中供人们查询。也有很多导航台并不依靠人工去审查网页，而是你怎么登记，我就怎么给你标引。这类导航台一般被称为navigators或directries。第二类导航台的后台除了数据库，还编制有特别的程序，用于自动访问申请登记的站点的主页内容，从中提取导航台所需的标题（title)、描述（description)和关键词等。这种性质的导航台又被称作：Robots,Crawlers,Wanderers,Spiders等。
　　2、meta标记项与导航台注册的关系：
　　显然，主页中的meta标记项对第一类导航台并不起作用，而只对第二类导航台有用。
　　由于第二类导航台中有些导航台要标引主页中的meta项，而且是程序自动标引，这就为有心的webmaster提供了可乘之机。而meta标记项与导航台排位的关系也就在于此。
　　就象人们钓鱼一样，要把鱼钓上来，必须根据不同的鱼的不同喜好，投放不同的鱼饵。人们在仔细研究了第二类导航台的特点和规律后，总结出一套经验性的方法，按照这种方法去作，就可以在导航台中获得较好的名次。
   定义meta的技巧
　　1、既要定义meta标记项，又要将首页正文的前200个字符定义成反映主页主题的文字。因为有些导航台在标引meta项中的关键词的同时，还要标引正文中的前200个字符。如，altavista。所以，有些人在注册完导航台后去检查注册结果时，发现导航台中的描述并不是你所希望的，而是诸如版权说明之类的文字。产生这一现象的原因就是没有注意到这一点。
　　2、将定义关键词的meta标记项放在定义描述的meta项之前。如：
<metatype="keywords"content=".......,...,...">
<metatype="description"content="...,....,...">
　　3、将最重要的关键词放在最前面，让相关的关键词相邻。全小写与首字母大写并存，因为有的导航台在标引时对字符的大小写是敏感的。包括标点符号不要超过250个单词
　　4、首页最好不用frame结构，因为frame将屏幕划分成多个窗口后，导航台不能智能地选择正确的窗口中的主页去标引。
    确定关键词的原则
    1）站在检索者的角度去设想他会用哪些关键词来检索。
    2）与主页内容相关。 SyntaxHighlighter.highlight();

标签：[!--infotagslink--]

您可能感兴趣的文章: