<<  为你的主页加几道点心 | 首页 | 提高页面显示速度的秘技  >>

  • 2004-02-24

    为你的主页加几道点心 - [动态网页]

    版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://mmlovecrous.yourblog.org/logs/109067.html

    说到制作主页大家一定会想到用FRONTPAGE2000、PAGEEDITOR等专用制作软件，但现在笔者要向大家介绍的是用修改HTML源代码的方法，来给主页添加点小“点心”，把你的“网上小屋”装扮得再漂亮一点。下面请看第一道“点心”是什么...... １、如何浮动背景图象 　　当你拉住下拉条把屏幕向下滚动时，背景图象也跟着一起移动，这样就会导致浏览速度降慢。我们可以在<body>语句中加入如下属性，就能使主页内容向下滚动而背景图象不动的效果。 <body backgroud="image.jpg" bgproperties="fixed"> 其中image.jpg就是你主页里的背景图象。 2、如何使你的主页自动被搜索引擎收录 　你一定为了让你的网站名扬天下而去各个搜索引擎注册吧？在网上有很多机器人，它们自动搜寻关键字，我们只要在我们的网站上设立这样的关键字，就有可能被它们找到。 <head><meta http-equiv="keywords" content="yancheng,science,technolodgy,information,network,politics,economic, charset=gb2312"></head> 其中CONTENT这个属性主要让你放置一些你主页里的关键词，而且这些关键词最好容易使人想到。 3、如何提前下载图片 　　 当你要访问一个内含有很多图片的网页时，通常访问速度很慢；但我们可以在打开当前网页时提前下载下一页的图片，以便能够提高浏览速度。要实现这个效果，我们可以在<body>......</body>语句中加入以下一行： <img src="image.jpg" width=0 height=0> 其中image.jpg就是你想要提前下载的图象名。 4、如何强制浏览器浏览信息时必须从服务器中读取 　　我们有时希望刷新时重新下载网页，而不是从缓存中读取旧的文件，为了解决这个问题，你可以在你的网页的<head>部分中加入以下ＨＴＭＬ源代码就可以了： 　　　<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 5、如何设置主页的缺省字符语言为中文简体 　　设置主页的缺省字符语言为简体中文(适用于Netscape) 在HTML文件的Head部分中加入<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=cn-gb"> 6、如何在FRONTPAGE2000里去掉超链接的下划线 　　在你刚开始编网页时，还记得在超链接的下划线吗？你有没有想过要把它去掉吗？如果有这个念头，请把下列语句放在<head>...</head>之间 　　〈style> 　　〈!－－ 　　td{font－size:12px; line－height=16px;} 　　body{font－size:12px; line－height=16px;} 　　 A:link {text－decoration: none; color: ″＃0000ff″} 　　 A:visited {text－decoration: none; color: ″＃ffffff″} 　　 A:active {text－decoration: none} 　　 A:hover {text－decoration: underline; color: ″＃009900″} 　　－－> 　〈/style> 　　这里的〈style>、〈/style>是风格样式标签，作用是统一整个页面的风格。其中，代码td和body用来控制表格中和不在表格中的文字表现形式。font－size定义了文字大小，而line－height用于控制行距。以A开头的几句控制链接文字的风格：使其在链接、正在被点击过程和点击后都呈现不同的样式，更主要的是消除了链接文字的下划线，效果试试就知道啦。另外，在color后的颜色也可用black、blue、white限定词等来代替颜色的16进制码，例如可写成color:blue的形式。 7，如何给某个链接添加说明信息 　　有些主页，当你把鼠标指向某个链接后，在状态栏会出现该链接的具体说明信息，是不是很方便呢？其实，我们只要在网页里的链接语句中加入以下的HTML代码，就可以实现这个功能了！ <HTML><HEAD><TITLE>举例说明</TITLE></HEAD><BODY><A HREF="http://www.chinayancheng.net" OnmouseOver="window.status=’盐城市科委网络中心’;return true;" OnMouseOut="window.status=’ ’;"></a></BODY></HTML> 其中，OnmouseOver代表鼠标放在超链接上；OnMouseOut代表鼠标从超链接上移开；window.status****在状态栏上出现说明信息。 8、如何使主页中的自动换行适应不同的浏览器 　　有时我们会见过这样的主页，一行字老长老长，让您拉着滚动条走了好远好远，这样是不是很麻烦，让人浏览起来感觉极不协调！能不能在Netscape让中文随着窗口的大小或表格的大小而自动换行，象西文那样呢？其实很简单，只要在<head>和</head>加入以下html源代码内容,您就不用再痛苦的手动换行了. <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=gb2312"> <TITLE>举例说明</TITLE> </HEAD> <BODY></BODY> </HTML> 9、如何开启新的窗口 　　有时我们点击一个链接的时候，希望该链接的内容不要覆盖原窗口的内容，而是出现在另外新打开的窗口里，以下为实现的方法： 在<body>...</body>语句中加入： <A HREF="http://www.chinayancheng.net" target="resource window"></a> 其中resource window可用值为：target="_top"指定在最高一级的窗口中动作。 target="_self"指定在链接所在窗口中动作。 target="_blank"指定在新开的窗口中动作。 target="_parent"指定在

    随机文章：


    收藏到：Del.icio.us




    Tag：
    引用地址：
    吸血的天使 发表于09:23:01 | 编辑 | 继续话题 | 转发 | 推荐

发表评论

您将收到博主的回复邮件
记住我