• 商务合作:13078888833
    商务合作:QQ 568428888
    商务合作:QQ 568428888
  • 网站留言、订单
当前位置:网站建设知识 > 网建技术 > 详细信息

    主页制作的10个技巧,你知道吗?

  •  说到制作主页大家一定会想到用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="/administrator/htmledit/UploadFile/20081112174826417.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.3ee.cc" OnmouseOver="window.status=’3ee易域网’;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.3ee.cc" 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秒自动刷新一次主页。

    2012年3月17日网络转载(如有版权问题,请作者与我联系)

  • 下一篇:巧用CSS的Border属性 上一篇:Div+CSS网站布局对SEO的四大影响