网页制作常见问题解答三

61.如何让访问者单击加入站点书签?
总希望访问者能能把你的站点，加入到他们的书签里，这里有个好办法：

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

function addbookmark()

{window.external.AddFavorite("http://www.yufeng21.com","宇风多媒体");}

//-->
</script>

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

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

<html></html>和<HTML></HTML>同等有效。

但如果是特殊字符的标签元素，你只能使用小写体。比如版权的字符的标签元素是：?，如果写成?；，那么页面将完全显示?；。

63.如何在页面利用单击来关闭浏览窗口?
在<BODY></BODY>部分加入以下代码：

64.如何为页面设置访问口令?
有时候你需要为某一页设置密码，以让合适的人进来。在＜head＞＜/head＞部分加入：

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

65.如何为访问者设置正确的软件下载链接?
与其它链接一样，都使用<a></a>标签。但对于软件下载链接，你需要这样设置：

<a href="cnshell.zip">Download cnshell.zip (188kb)</a>

66.如何删除图片链接的蓝色边框?
如果我们设置了图片为一个链接，会发现图片四周出现了蓝色边框。要删除边框，需要在图片标签里加上border="0"。如：<img src="http://haofa.net/Html/Article/HTML/cnshell.jpg" border="0">

67.如何为链接提供一个按钮?
<form ACTION="cnshell.htm" METHOD="GET">

</form>

68.如何为页面增加一个计数器?
这个问题对于初上网的人实在是个头痛的事情，因为他们发现在利用FrontPage98增加计数器后，发现根本都不起作用。计数器需要服务器CGI的支持，不能由本地的电脑自行设置。所以，如果你的站点需要计数器，请到以下这个最有名的计数器提供商申请吧：http://www.linkexchange.com/

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

70.如何让浏览器正确显示word文件格式?
为了正确处理word等格式，你需要在HTML文件中设置好该文件类型，比如：

还有其它经常设置的文件类型：

Application/msword Microsoft Word Document application/pdf PDF Documentapplication/wordperfect6.0 WordPerfect 6.0 Documentapplication/zip ZIP archiveaudio/x-wav WAV audio formataudio/midi MIDI audio formataudio/x-pn-realaudio RealAudioimage/gif GIF image formatimage/jpeg JPEG image formatimage/png PNG image formattext/html HTML documenttext/plain Plain textvideo/mpeg MPEG video formatvideo/quicktime QuickTime video formatvideo/x-msvideo AVI video format

71.如何知道自己的图片被其它网站使用?
如果你为自己站点的图片起了一个独特的名字，也就是不容易重名，比如tt124.jpg.那么链接到站点：http://www.altavista.com/，在搜索栏里输入tt124.jpg.然后开始查找，如果有站点采用了tt124.jpg图片，该站点就会被列出。AltaVista搜索引擎是一个以机器人搜寻为主的站点，它的机器人会不停地把整个网络的页面作上索引，所以，你可以在那里找到和你相关的任何东西，把你的名字的拼音输输入看看，找到什么啦。

72.如何缩进文本段落?
在<head></head>部分加入：

P { text-indent: 1% }

P标签为HTML文本段落的标签，1%为缩进的范围。

73.如何正确使用分隔线?
如果你使用FrongPage98，这里我再假设你需要分隔页面左右两部分内容，先利用表格工具拖出三个横行表格，把内容分别放置到左右两个单元，然后把中间的单元的宽度设置为1个Pixels,并填入所需要的颜色。你还需要把所有表格及单元的大小单位都设置为Pixels即可。

74.如何单击链接打开一个定制的新窗口?
先在<head></head>部分加入代码：

然后在链接标签<a>中加入如下代码即可：

<a href="#" onClick="MM_openBrWindow(''http://www.yufeng21.com/cnshell/'',''123'',''scrollbars=yes,width=640,height=480'')">宇风多媒体</a>

75.为什么有的站点下载很慢?
因为网页用了过多的图片，为了追求COOL的效果用了大量的Java Applet，过多使用<TABLE>，这些都是不可取的。对于图片必须要用的压缩再用，对于Java Applet绝对不用，它会让机器配置低的访问者的硬盘狂读不止。对于需要的动态页面，可利用CSS和javascript实现。

76.如何让字体显示的更舒服?
这需要利用到CSS(层叠样式表)，目前约定俗成的字体是：{ font-family:宋体(GB); font-size: 9pt; line-height: 16px }，把这段代码加入到<head></head>之间。如：

<head>
<style>
</style>
</head>
<body><p class="font">计算机世界报<br>网页制作常见问题解答</p>
</body>

font-family:宋体(GB)是设置的字体；font-size: 9pt是字体的大小；line-height: 16px是文本行的上下间隔。

77.如何让网页兼容IE和NN两种浏览器?
完全的兼容是不可能的。目前IE浏览器占有量大大超过NN浏览器，所以你只需要兼容IE浏览器即可。当然你也可以制作两套网页，利用javascript来检测不同浏览器以装入相应网页。

78.如何正确使用字体?
设置文本字体是网页制作中很重要的的环节，但因为并不是每一位访问者都有你设置的字体，所以尽量使用操作系统默认的字体宋体，黑体，楷体。对于其它类型字体可以用图形方式实现。

79.如何制作繁体版本网页?
如果你使用E-Port的网页作坊工具制作页面，那就可以利用工具菜单下的GB转BIG5来把简体网页变成繁体网页。如果你用其它工具也可以利用网页作坊的GB转BIG5来制作繁体网页，利用网页作坊打开页面，点选工具菜单下的GB转BIG5转换网页并保存。要注意的是，你需要把原<meta http-equiv="Content-Type" content="text/html; charset=gb2312">中的charset=gb2312改为charset=big5，这样，访问者的浏览器就会自动识别了。(E-Port的网页作坊下载地址：http://e-port.soim.net/)

80.利用水平线(HR)制作垂直线?
插入HR很简单：<hr size="1">。如何让它垂直呢，更简单：<hr size="100" width="1">

81.与其它站点交换连接需要什么?
当然，你首先要有一个个人站点，然后准备好两个站点LOGO。一般来说，400x40和88x31两种LOGO是必需的，其它也可以准备一个100x31的LOGO。400x40的LOGO用于象网盟这样的广告交换站点，88x31和100x31用于个人站点之间的交换。

82.如何让下拉式菜单中的链接来打开一个新的窗口?
先把下拉式菜单设置好，如：

<form method="POST"><select name="D1" size="1"><option value="宇风多媒体http://www.yufeng21.com/cnshell/">宇风多媒体</option><option value="http://www.yufeng21.com/"＞宇风多媒体互动</option></select><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset"name="B2"></p></form>

然后把<select name="D1" size="1">改为

<select onChange="javascript:window.open(this.options[this.selectedIndex].value)">即可。

83.如何正确对齐文本？ Top
有时，我们需要对一段文本的左右，上下的边距(指文本至浏览器的距离)加以指定以使文本正确对齐，CSS(层叠样式表)提供这样的功能：

在<head></head>中加入

.tt为类名，以便你在HTML标签中应有。而在{ }中的属性及指分别为边距左，右，上，下的距离。当它们的边距都相等时比如都是60px，可以简写为：.tt { margin: 60px }.

当在文本中引用了该CSS，你会发现文本对的非常整齐。

84.如何正确使用图片格式?
目前在网络上的图片准标准格式为JPG和GIF。当图片颜色数很多时，就选择JPG，它的压缩比高，而GIF适合颜色数少的图片。

85.如何在网页上显示访问者系统信息?
把以下代码加入到<Body></Body>:
<script Language="javascript">document.write(navigator.appVersion)</script>

86.如何正确放置javascript?
javascript为动态主页的实现工具，一般来说javascript放置于<head></head>或者<body></body>之间。对于放置在<body></body>之间的javascript，你需要把它放置在适当位置。如果你用FrontPage98工具，先把光标移到想放置javascript的地方，然后选择Insert/Advanced/script，在打开的文本框中输入javascript，这样就放置好了。预览页面，javascript出现在你放置的地方。你也可以把javascript放置到表格中，这样可以精确定位。

87.个人站点需要那些交互功能?
交互是网络的魅力所在，作为个人站点也需要这些交互性的工具，以便和访问者随时进行沟通。以下是目前个人站点必备的交互工具：

留言板-让访问者给你的站点提提意见;
论坛-讨论某一个特定主题的地方，它和留言板的区别是留言板可以包含任何内容;
调查表单-利用个人站点，你可以对某一问题进行调查，然后看看各意见的支持率;
订阅表单-通过邮件给订阅者提供站点的更新信息;
聊天室-一个即时的对话场所，特别可以对一个特定主题组办一个网络讨论;
搜索引擎-当站点内容过多时，搜索引擎可以让访问者快速找到想看的内容;
88.如何缩进文本段落？
　在<head></head>部分加入：
p { text-indent: 1% }
　p 标签为HTML文本段落的标签，1%为缩进的范围

89.如何点击一个链接同时在两个frame 内变化?
　对于一个由topFrame、leftFrame、mainFrame 构成的页面，如果想在leftFrame 中点击链接，同时在其他两个frame 内变化，代码如下：
<a href="x1.htm" onclick="parent.topFrame.location.href=''''x2.htm''''" target="mainframe">
90.前进、后退和刷新
<a href="javascript:history.back()">后退</a>
<a href="javascript:history.go()">前进</a>
<a href="javascript:location.reload()">刷新</a>

91.打印按钮
<form>
<input name="Print" onClick="window.print();return false" type="button" value="Print">
</form>

92.查看源码按钮
<input type=button name="view" value="查看源码" ,2000);
</SCRIPT>

表示两秒后自动关闭窗口。

105.如何实现不提示，直接关闭窗口？

直接关闭，无任何提示

有提示框显示是否确认关闭