浅谈HTML技巧(三)

    文章来源:中国互联 更新时间:2012-12-26 19:43:57
分享:

1.如何给站点加入计数器并进行设置?

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

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

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

2.创建一个好站点应具备什么知识?

⑴HTML的使用技能;

⑵WEB图形的使用;

⑶JavaScript编程;

⑷站点的布局计设计;

⑸管理站点的能力;

⑹写作能力,为站点内容服务;

⑺对WEB服务器的了解。

3.如何使图片与浏览器窗口无缝接合?

大家有时候发现想把一幅图片与浏览器窗口边框无缝接合很难,总会有点距离。这是因为你没有设置页面边距,在你的页面

<BODY>中加入以下代码:

topmargin="0" leftmargin="0"

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

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

4.如何建立一个站点的搜索引擎系统?

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

5.如何让文本与图像和平相处?

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

6.如何改变链接颜色?

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

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

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

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

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

9.如何正确上传页面?

服务器默认首页名字是什么,目前多为index.htm或default.htm。

是否需要建立目录public_html,有的服务器需要建立该目录并把所有页面都上传到该目录下,有的只需要直接上传到根目录下(/)。

服务器是否支持中文文件名(喜欢用中文文件名的网友要注意)。

服务器对文件英文大小写是否敏感,笔者提议最好都用小写英文。

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

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

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

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

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

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

12.如何在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的值来精确定位图片。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第一步:设计页面及寻找页面需要的材料;

第二步:完成普通页面的制作,此时无须涉及动态主页内容;

第三步:为页面文字增加层叠样式表,以改变文字颜色,链接等;

第四步:为页面增加交互性内容,如cgi,javascirpt,activeX控件等,这是把页面动态的关键;

第五步:测试动态页面以适应更多浏览器;

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

文章来源:http://www.163ns.com,转载请注明!

在线咨询
  • 在线时间
  • 8:00-21:00
浅谈HTML技巧(三)-中国互联

浅谈HTML技巧(三)

    文章来源:中国互联 更新时间:2012-12-26 19:43:57
分享:

1.如何给站点加入计数器并进行设置?

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

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

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

2.创建一个好站点应具备什么知识?

⑴HTML的使用技能;

⑵WEB图形的使用;

⑶JavaScript编程;

⑷站点的布局计设计;

⑸管理站点的能力;

⑹写作能力,为站点内容服务;

⑺对WEB服务器的了解。

3.如何使图片与浏览器窗口无缝接合?

大家有时候发现想把一幅图片与浏览器窗口边框无缝接合很难,总会有点距离。这是因为你没有设置页面边距,在你的页面

<BODY>中加入以下代码:

topmargin="0" leftmargin="0"

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

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

4.如何建立一个站点的搜索引擎系统?

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

5.如何让文本与图像和平相处?

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

6.如何改变链接颜色?

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

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

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

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

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

9.如何正确上传页面?

服务器默认首页名字是什么,目前多为index.htm或default.htm。

是否需要建立目录public_html,有的服务器需要建立该目录并把所有页面都上传到该目录下,有的只需要直接上传到根目录下(/)。

服务器是否支持中文文件名(喜欢用中文文件名的网友要注意)。

服务器对文件英文大小写是否敏感,笔者提议最好都用小写英文。

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

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

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

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

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

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

12.如何在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的值来精确定位图片。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第一步:设计页面及寻找页面需要的材料;

第二步:完成普通页面的制作,此时无须涉及动态主页内容;

第三步:为页面文字增加层叠样式表,以改变文字颜色,链接等;

第四步:为页面增加交互性内容,如cgi,javascirpt,activeX控件等,这是把页面动态的关键;

第五步:测试动态页面以适应更多浏览器;

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

文章来源:http://www.163ns.com,转载请注明!

在线咨询
  • 在线时间
  • 8:00-21:00