PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> HTML >> 

网页制作之HTML应用技巧

网页制作之HTML应用技巧

来源:互联网  作者:未知  发布时间:2007-12-13
0.如何制作1像素细线表格 在table 里加上如下css样式 style=border-collapse:collapse; 1. 链接控制 返回前页:使用onClick=history.go(-1),如 返回主页:使用onClick='top.location.href=../chinamail.html',如 2. 链接提示 在链接语句中增加 onMouseOver=window.st

在框架网页结构中,我们需要指定链接所指向的内容显示在那个窗口中。如果你的链接大部分都指定到同一个窗口中,就可以在<HEAD></HEAD>部分中加入:<base target="窗口名">,你无需为每个链接再指定窗口了。

58.如何让所有页面共享同一个层叠样式表(CSS)?

在每一个页面的<HEAD></HEAD>部分中加入以下代码:

<link rel="stylesheet" Type="text/css" href="cnshell.css">

其中cnshell.css为共享的层叠样式表文件,该文件可以利用文本编辑工具编写,它应包含如下的相似代码:

</style><style type="text/css"><!--A{text-transform: none;
text-decoration: none;}aover { text-decoration:none--></style>

59.如何为链接定制新窗口?

我们可以打开一个新的窗口来显示链接的内容,但如何定制这个新窗口呢。

只需要在标签<A>中加入onClick事件:

<a href="#" onClick="window.open('cnshell.htm','help','scrollbars=yes,
resizable=yes,width=500,height=40')">问答</a>

"#"表示单击链接"问答"后,当前窗口保持不变,cnshell.htm为单击链接"问答"后所打开新窗口装载的内容,而scrollbars=yes,resizable=yes,width=500,height=40为设置新窗口的大小等属性。

60.如何在没有安装更多浏览器的情况下测试页面?

目前存在的不兼容性,使得同样一个页面在不同浏览器中的显示是不一样的,如何尽可能使大家都满意呢,在没有安装更多种类的浏览器情况下,你需要关闭图片,JavaScript支持,CSS支持等等功能,因为大多数低版本浏览器都不支持它们,这样查看能让你知道页面在那里有多“难看”。

61. 制作动态页面的步骤是怎样的?

第一步:设计页面及寻找页面需要的材料;

第二步:完成普通页面的制作,此时无须涉及动态主页内容;

第三步:为页面文字增加层叠样式表,以改变文字颜色,链接等;

第四步:为页面增加交互性内容,如cgi,javascirpt,activeX控件等,这是把页面动态的关键;

第五步:测试动态页面以适应更多浏览器;

第六步:发布动态页面并在上面标明该页是动态页面(dhtml)。

62. 如何让访问者单击加入站点书签?

总希望访问者能能把你的站点,加入到他们的书签里,这里有个好办法:

在<HEAD></HEAD>部分加入:

<script language="JavaScript"><!--

function addbookmark()

{window.external.AddFavorite("http://www.phperz..com";,"PHP程序员站");}

//-->
</script>

然后在<BODY></BODY>部分加入:

<script language="JavaScript">
<!--
if(document.all != null){document.write("[<a href=javascriptddbookmark()>按一下,我将和您成为朋友。</a>]");}
// --></script>

63. 是否可以利用大写体来书写HTML标签元素?

对于大多数HTML标签元素,你可以利用大写体或小写体及两者的混合体来书写标签元素。比如:

<html></html>和<HTML></HTML>同等有效。 但如果是特殊字符的标签元素,你只能使用小写体。比如版权的字符的标签元素是:? 显示?,如果写成?,那么页面将完全显示?。

64. 如何在页面利用单击来关闭浏览窗口?

在<BODY></BODY>部分加入以下代码:

<a href="javascript:window.close()">关闭窗口</a>

65.如何为页面设置访问口令?

有时候你需要为某一页设置密码,以让合适的人进来。在<head></head>部分加入:

<script language="JavaScript"><!--var pd="" var rpd="bullbat" pd=prompt("请您输入密码:","")if(pd!=rpd){ alert("您的密码不正确...")history.back()}else{alert("您的密码正确!")window.location.href="flash.htm"}
// -->
</script>

在以上代码中,"bullbat"就是正确的密码。"flash.htm"是当输入正确密码后链接的页面。这种设置口令的方法并不安全,因为只要访问者查看页面源代码就能知道设置的密码了。

66.如何为访问者设置正确的软件下载链接?

与其它链接一样,都使用<a></a>标签。但对于软件下载链接,你需要这样设置:

<a href="wbzx.zip">下载wbzx.zip (188kb)</a>

67. 如何删除图片链接的蓝色边框?

如果我们设置了图片为一个链接,会发现图片四周出现了蓝色边框。要删除边框,需要在图片标签里加上border="0"。如:<img src="dog.jpg" border="0">

68. 如何为链接提供一个按钮?

<form ACTION="cnshell.htm" METHOD="GET">

<p><input TYPE="submit" VALUE="单击这里" NAME="cnshell"></p>

</form>

69.如何知道站点的流量来至那里?

如果你拥有站点服务器的管理权,那么这是个很简单的问题,查查服务器日志就可以了。但目前你没有那权力,不过可以由第三方提供流量数据。易数是个不错的选择,链接到站点http://best.netease.com/申请,然后把代码加入到页面即可。当你想知道流量时,单击易数图标,在统计页面中,单击分析即可。

70.如何让浏览器正确显示word文件格式?

为了正确处理word等格式,你需要在HTML文件中设置好该文件类型,比如:

<meta http-equiv="Content-Type" content="Application/msword">

Tags: 应用技巧   链接   窗口   设置   html   技巧   网页   应用  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号