魅力博客

魅力Linux|魅力空间|魅力博客|学习Linux|ubuntu日记|电脑教程|手机软件

网页制作常见问题解答二



30.如何跳到页面的顶部?
  当浏览者浏览到页面底部后,你需要提供一个单击,让浏览者方便的跳到页面顶部,加入以下代码:
<a href="#top">返回顶部</a>

31.有什么简单的方法编写Cookie?
  cookie 是信息小甜饼,记录着浏览者的信息,你可以利用meta 标签编写最简单的cookie 并加入到页面中:
<meta http-equiv="Set-Cookie" content="MyVar=你的页面过期了;expires=Thursday,15-4-99 00:00 GMT+8:00; PATH=/">

32.如何在一个站点不同页面间播放同一种声文件?
  大家有这样的经验,当你访问一个站点首页时,会听到该页设置的背景声音文件,比如一段音乐。当你链接到该站点另一页时,音乐就停止了。如何让声音不断呢。其实,你只需要建立一个上下框架结构的网页,把声音文件建立在下框架里,并把下框架的宽度设置为一个像素,而上框架里是页面内容,当访问者离开站点首页时,因下框架内容未变,所以,声音不会间断。大家还要注意两点,第一,把框架的边框设置为0;第二,隐藏声音文件的播放界面,然后把上下两个框架的背景设置为相同。

33.如何让访问者能更多的单击付费旗帜广告?
  拥有个人站点的网友都会去申请一些付费的广告,以得到一些网费补助。但很可惜,即使你经常请求访问者为了支持本站建设,请单击旗帜广告。遗憾的结果是,还是很少有人单击。要想让访问者能更多单击你的旗帜广告,有两种方法:

第一种:强化印象

让那个旗帜广告一直出现在访问者面前,让他不得不好奇的单击一下。你可以建立一个上下框架的页面,把旗帜广告放置在任意一个框架里。这样,只要访问者不离开你的站点,旗帜广告会一直出现在他们的面前。还要提醒你,不要在广告下面写上“为了本站发展,请单击广告”,你要让访问者知道这个广告会带给他们某种信息,而不是为了你才单击。

第二种:有代价的单击

如果你拥有某种十分吸引人的信息,而你想在不收费的情况下,得到某种利益(请允许这样说),你可以让访问者必需单击旗帜广告,才能获得信息。

34.如何在NN4和IE4浏览器中浏览相同效果的字体?
  我们制作页面时,利用IE4浏览器浏览时,一切很正常。但用NN4浏览时,发行细体字变成了粗体字了。这是因为,当你页面包含一段粗体字时,此时你复制了一段文本到该粗体字的周围,你会发现复制的文本也变成了粗体字,当然此时也可以再把它设置为你想要的字体大小,如果这样做了,我上面说的情况就会出现。你需要复制文本到页面空白处,这样文本不具有任何属性,然后拖动文本到合适的地方进行你需要的文本字体设置。这种情况多出现在利用FrontPage98编写网页。

35.如何让提交表单后打开一个新窗口显示提交结果?
  如果你的站点上有邮件列表服务,每当访问者订阅并按下订阅按钮后。因为邮件列表需要订阅确定,而这种服务多为第三方提供的,所以订阅确定页会连接到服务商的页面。这样有时会照成访问者离开了站点。你可以按下面的代码设置,让访问者单击了订阅按钮后,会打开一个新的窗口显示订阅确定。

<form action="http://www.popchina.com/cgi-popchina/mailist.pl" target="a" method=post>

其中在你的代码中加入:target="a"

36.如何防止页面源代码被复制?
  如果你的页面包含一个自行设计的javascript小程序,如何防止它被别人复制使用呢。其实你不可能完全阻止他人引用,但你可以采用适当的方法尽量维护自己的权益:

第一.版权声明
在源代码中加入一段版权解释-<!----本源代码版权所有,请勿复制。---->,并把源代码利用E-Mail寄一份给自己,以确定时间,为以后与别人交涉做好证据准备。

第二.工具加密
你也可以利用工具软件加密源代码。我以前用过 Web Protector 2.0,觉得还不错。

37.如何清除页面中的框架结构?
  在链接属性中加入target="_top" 如下设置:
<a href="http://www.yufeng21.com" target="_top">宇风多媒体</a>
  当你单击了这个链接,页面所有框架被清除并以该链接内容替代。

38.如何防止站点页面被任意链接?
  有许多好站点的页面被其它站点任意链接,如果你不希望别人直接链接到站点内部去,你可以经常更换页面文件名。比如每十天改一次,这样可以有效防止别人的任意链接。缺点是让直接访问着无所适从。

39.如何创建一个下拉菜单?
我们在主页中常会用到下拉菜单,一般来说,它需要CGI程序支持。你也可以利用javascript编写一个。

<head>
< script LANGUAGE="javascript">function formHandler(){var URL = document.form.site.options[document.form.site.selectedIndex].value;window.location.href = URL;}
</script>
</head>
<body>
<form name="form"><select NAME="site" SIZE="1" onChange="formHandler()"><option value="请选择">请选择</option><option value="http://www.yufeng21.com/">分栏内容</option><option value="分栏内容http://www.yufeng21.com/">分栏内容</option><option value="分栏内容http://www.yufeng21.com/">分栏内容</option><option value="mailtocnshell@163.net">给我写信</option></select></form>
</body>

40.如何避免页面电子函件地址被搜索到?
  经常会收到不请自来的垃圾信,如果你拥有一个站点并发布了你的E-Mail 链接,那么其他人会利用特殊工具搜索到这个地址并加入到他们的数据库中。要想避免E-Mail 地址被搜索到,可以在页面上不按标准格式书写E-Mail 链接,比如:cnshell at 163.com,它等同与cnshell@163.com。

41.如何给站点加入计数器并进行设置?
要给站点加入计数器需要第三方提供服务,目前这种服务非常多,而一般申请免费主页空间时会提供计数器服务。计数器格式如下:

< img src="http://ip/cgi-bin/count.exe?dd=A;df=tiantao|ft=0"border="0"width="60" height="19" align="top">

期中dd表示计数器的数字字体形状,一般可以选择A,B,C,D,E,F六种;df表示计数器的记录文件名字,一般为申请者的用户名字;ft表示字体的立体效果,可以为任意数字;计数器还包含md(定义计数器最大位数),display(计数器功能)等属性。

42.创建一个好站点应具备什么知识?
⑴HTML的使用技能;⑵WEB图形的使用;⑶javascript编程;⑷站点的布局计设计;⑸管理站点的能力;⑹写作能力,为站点内容服务;⑺对WEB服务器的了解。

43.如何使图片与浏览器窗口无缝接合?
大家有时候发现想把一幅图片与浏览器窗口边框无缝接合很难,总会有点距离。这是因为你没有设置页面边距,在你的页面<BODY>中加入以下代码:

topmargin="0" leftmargin="0"

topmargin为与浏览器窗口顶部距离,此时为O,图片与浏览器窗口无缝接合。

leftmargin="0"为与浏览器窗口左边距离,此时为0。

44.如何建立一个站点的搜索引擎系统?
如果你的站点有许多内容,你希望访问者能很快找到他想要的信息。那么你需要建立一个搜索引擎。连接到网站网络特区http://netzone.swatou.com/personal/,单击"申请站点引擎"并填写申请表,再按照要求建立站点页面数据库即可。

45.如何让文本与图像和平相处?
如果你有一段长的文本,并把文本缩排在页面中间部分,你希望在文本周围放置几幅图片,这该如何进行呢。假设你在使用FrontPage98编辑页面,首先设置好文本,然后在需要放置图片的地方,建立一个单行表格,并利用鼠标把它拖到最小,选择表格属性,把Float设置为right(表示放置在文本右边),单击OK。这时,表格处于文本右边,最后把图片放置在表格中即可,记得把表格边框取消。

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

47.如何让访问者忽视缓冲页面?
请在<head></head>部分加入<MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache">

48.如何为页面制作幻灯片效果?
如果想为访问者展示一系列的图片,并且页面自动每间隔一段时间刷新图片。假设要展示三副图片,为这三幅图片制作三个页面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。

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

50.如何为文字链接加上文字提示?
我们一般可以为图片加上文字提示,即alt=宇风 如何为文字链接加上文字提示呢,只需在<a>中加入title标签。<a href="http://www.yufeng21.com/" title="宇风多媒体互动">宇风多媒体互动</a>

51.如何改变表单submit按钮的文字?
把下面代码中的value属性值改成你需要的文字即可。

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

52.如何在IE4和NN4浏览器中精确定位图片?]
精确摆放图片需要CSS(层叠样式表)的帮助,如下:

<html><head><title>cnshell</title></head>
<style>.a
{

positionbsolute;top:100px;left:120px;visibility:visible;

}

</style>

<body><div class="a">

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

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

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

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

54.如何自动弹出对话框?
在<body></body>部分加入

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

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

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

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

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

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

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

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

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

57.如何让所有页面共享同一个层叠样式表(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>

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

只需要在标签<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为设置新窗口的大小等属性。

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

60.制作动态页面的步骤是怎样的?
第一步:设计页面及寻找页面需要的材料;第二步:完成普通页面的制作,此时无须涉及动态主页内容;第三步:为页面文字增加层叠样式表,以改变文字颜色,链接等;第四步:为页面增加交互性内容,如cgi,javascirpt,activeX控件等,这是把页面动态的关键;第五步:测试动态页面以适应更多浏览器;第六步:发布动态页面并在上面标明该页是动态页面(dhtml)。



返回顶部

发表评论:

Powered By Z-BlogPHP 1.7.3


知识共享许可协议
本作品采用知识共享署名 3.0 中国大陆许可协议进行许可。
网站备案号粤ICP备15104741号-1