网页制作常见问题解答[六]

dn001 2008-02-15 10:23:57

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

2.如何单击链接打开一个定制的新窗口？
先在<head></head>部分加入代码：
<script language="JavaScript">

</script>

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

<a href="#" onClick="MM_openBrWindow('http://member.netease.com/~tiantao/','123','scrollbars=yes,width=640,height=480')">田涛站点</a>

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

4.如何让字体显示的更舒服？
这需要利用到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是文本行的上下间隔。

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

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

7.如何制作繁体版本网页？
如果你使用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/)

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

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

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

<form method="POST" >

<select name="D1" size="1">
<option value="http://member.netease.com/~tiatnao/">田涛站点</option>
<option value="http://webfaq.126.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)" > 即可。

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

<style>

</style>

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

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

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

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

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

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

留言板-让访问者给你的站点提提意见；
论坛-讨论某一个特定主题的地方，它和留言板的区别是留言板可以包含任何内容；
调查表单-利用个人站点，你可以对某一问题进行调查，然后看看各意见的支持率；
订阅表单-通过邮件给订阅者提供站点的更新信息；
聊天室-一个即时的对话场所，特别可以对一个特定主题组办一个网络讨论；
搜索引擎-当站点内容过多时，搜索引擎可以让访问者快速找到想看的内容；
小游戏-这个交互功能很少有站点提供，但该功能可以让访问者停留时间增长。;