长虹雪苑>>网页制作教室>>网页制作问题解答(五)

  今天是:

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

1.如何正确使用分隔线?

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

2.如何单击链接打开一个定制的新窗口?

先在<head></head>部分加入代码:

<script language="JavaScript">

<!--

function MM_openBrWindow(theURL,winName,features) {window.open(theURL,123,features);}

//-->

</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>

<!--

.font { font-family: 宋体(GB); font-size: 9pt; line-height: 16px }

-->

</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>

<!--

.tt { margin-left: 68px; margin-right: 70px; margin-top: 69px; margin-bottom: 71px }

-->

</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.个人站点需要那些交互功能?

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

留言板-让访问者给你的站点提提意见;

论坛-讨论某一个特定主题的地方,它和留言板的区别是留言板可以包含任何内容;

调查表单-利用个人站点,你可以对某一问题进行调查,然后看看各意见的支持率;

订阅表单-通过邮件给订阅者提供站点的更新信息;

聊天室-一个即时的对话场所,特别可以对一个特定主题组办一个网络讨论;

搜索引擎-当站点内容过多时,搜索引擎可以让访问者快速找到想看的内容;

小游戏-这个交互功能很少有站点提供,但该功能可以让访问者停留时间增长。

摘自:eNet学院

上一页          下一页

[返回]