电脑技术学习

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

dn001

1.如何改变链接颜色?

要改变链接颜色,请在<body link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" background="bj4.gif">中设置.link为未链接颜色,vlink为已链接颜色,alink为链接过度颜色.

2.如何让访问者忽视缓冲页面?

请在<head></head>部分加入<MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache">

3.如何为页面制作幻灯片效果?

如果想为访问者展示一系列的图片,并且页面自动每间隔一段时间刷新图片。假设要展示三副图片,为这三幅图片制作三个页面1.htm,2.htm,3.htm。在每个页面<head></head>部分分别加入<META HTTP-EQUIV="Refresh" Content=" 6;URL=x.htm">,其中1.htm指向2.htm,2.htm指向3.htm。

4.如何正确上传页面?

*服务器默认首页名字是什么,目前多为index.htm或default.htm。
*是否需要建立目录public_html,有的服务器需要建立该目录并把所有页面都上传到该目录下,有的只需要直接上传到根目录下(/)。
*服务器是否支持中文文件名(喜欢用中文文件名的网友要注意)。
*服务器对文件英文大小写是否敏感,笔者提议最好都用小写英文。


*检查用户名和密码是否正确。

5.如何为文字链接加上文字提示?

我们一般可以为图片加上文字提示,即ALT=田涛。如何为文字链接加上文字提示呢,只需在<a>中加入Title标签。<a href="http://webfaq.126.com/" title="网 页 制 作">网页制作</a>

(Interner Explorer 4.0支持)

6.如何改变表单submit按钮的文字?

把下面代码中的value属性值改成你需要的文字即可。

<input type="submit" value="submit" name="B1">

7.如何在IE4和NN4浏览器中精确定位图片?

精确摆放图片需要CSS(层叠样式表)的帮助,如下:

<html>
<head>
<title>tiantao</title>
</head>
<style>
.lovett

{

position:absolute;
top:100px;
left:120px;
visibility:visible;

}

</style>


<body>
<div class="lovett">

<img src="cww.jpg" width="130" height="191">


</div>
</body>
</html>

调节top,left的值来精确定位图片。


8.如何加快页面图片下载速度?

有种情况,首页图片过少,而其它页面图片过多,为了提高效率,当访问者浏览首页时,后台进行其它页面的图片下载。方法是在首页加入:<img src="tiantao.jpg" width=0 height=0>,其中width,height要设置为0,tiantao.jpg为提前下载的图片名。

9.如何自动弹出对话框?

在<body></body>部分加入

<script LANGUAGE="JavaScript">
alert("弹出内容")
</script>

10.什么是目标窗口,它该如何设置?

目标窗口是页面链接所指内容显示的窗口,也就是当你单击了页面某一个链接后,该链接所指的内容在那个窗口显示。大多数情况下,我们无需关心它,因为一般都是在同一窗口显示。

TARGET是链接标签<A>的属性,它的作用就是指定目标窗口,TARGET有以下几个值:

_self-将链接指向的内容装载到当前页的窗口或框架中

_top-完全取代当前页面的所有框架

_blank-为链接指向的内容打开一个新的窗口



_parent-把链接指向的内容装入当前页〈FRAMESET〉父窗口中

以上设置多用在框架结构的页面中。


11.如何为所有链接指定同一目标窗口?

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

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

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

<LINK REL="stylesheet" Type="text/css" HREF="tiantao.css">

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

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

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

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

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

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

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

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

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

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

第一步:设计页面及寻找页面需要的材料;
第二步:完成普通页面的制作,此时无须涉及动态主页内容;
第三步:为页面文字增加层叠样式表,以改变文字颜色,链接等;
第四步:为页面增加交互性内容,如CGI,JavaScirpt,ActiveX控件等,这是把页面动态的关键;
第五步:测试动态页面以适应更多浏览器;


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