网页教学网
 当前位置: 网页教学网 >> 建站指南 >> 建站制作入门 >> 阅读:主页制作的10个技巧
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

主页制作的10个技巧

http://www.webjx.com  更新日期:2005-02-22 11:15  出处:网页教学网  作者:
   说到制作主页大家一定会想到用FRONTPAGE2000、PAGEEDITOR等专用制作软件,但现在笔者要向大家介绍的是用修改HTML源代码的方法,来给主页添加点小“点心”,把你的“网上小屋”装扮得再漂亮一点。下面请看第一道“点心”是什么......
  1、如何浮动背景图象
  当你拉住下拉条把屏幕向下滚动时,背景图象也跟着一起移动,这样就会导致浏览速度降慢。我们可以在<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>部分中加入以下html源代码就可以了:<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.webjx.com" 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.webjx.com" target="resource window"></a>
其中resource window可用值为:target="_top"指定在最高一级的窗口中动作。
target="_self"指定在链接所在窗口中动作。
target="_blank"指定在新开的窗口中动作。
target="_parent"指定在前个窗口中动作,没有则同_self。
target="windowname"指定一个窗口名在这个窗口中动作。
  10、如何使网页自动定时刷新
 有时你需要使你的浏览器自动从一个已打开的页面跳到另一个页面,也许你想使你的主页不断的刷新,这个要求可以添加如下HTML代码来实现,请在<head>和</head>语句中加入:
<META HTTP-EQUIV="Refresh" content="10;url=你想访问的网址">
其中10代表当前网页完全下载完成10秒后自动连接到指定的URL,把URL去掉就表示每隔10秒自动刷新一次主页。
关键词:
推荐给好友】【关闭】【收藏本文
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为