HTML技巧100例（—） - 网编技能( ps/dw/专题) - 网编社区 - Powered by Discuz!

发新帖

查看: 3791\|回复: 5	go [DreamWeaver教程] HTML技巧100例（—）

责任编辑

Rank: 5 Rank: 5

签到天数: 3 天

[LV.2]偶尔看看I

UID: 47923
帖子: 940
牛币: 0 枚
热心度: 0 °
训练值: 0
阅读权限: 30

正式写手

发表于 2008-3-30 02:46 |显示全部帖子

分享到： QQ空间腾讯微博搜狐微博新浪微博人人网开心网豆瓣网

<style type="text/css">
li {
line-height: 150%;
list-style-image: url(images/new/article_common.gif);
list-style-type: circle;
list-style-position: outside;
padding: 0px;
margin: 0px;
}
ul {
margin: 0 0 0 15px;
padding: 0 0 0 10px;
}
* {
font-size: 9pt;
font-family: "宋体";
}
</style>
<TABLE id=t11pt150i cellSpacing=0 borderColorDark=#ffffff cellPadding=5 width=500 borderColorLight=#000000 border=0>
<TBODY>
<TR>
<TD id=zoom>
<P><FONT color=#008000>1. 链接控制</FONT> </P>
<UL>
<P><FONT color=#ff8000>返回前页：</FONT>使用OnClick="history.go(-1)"，如</P>
<FORM>
<P><INPUT onclick=history.go(-1) type=button value=返回前页 name=button2> </P></FORM>
<P><FONT color=#ff8000>返回主页：</FONT>使用OnClick='top.location.href="../index.php"'，如</P>
<FORM>
<P><INPUT onclick=top.location.href= type=button value=返回主页 name=button2 index.php?? ..> </P>
<P> </P></FORM></UL>
<P><FONT color=#008000>2. 链接提示</FONT>
<UL>
<P>在链接语句中增加</P>
<P>OnMouseOver="window.status='这里是 ...'; return true" OnMouseOut="window.status=''; return true"</P>
<P>如： <A onmouseover="window.status='前往bianews！'; return true" onmouseout="window.status=''; return true" href="javascript:if(confirm('http://bbs.bianews.com/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://bbs.bianews.com/'" target=_top tppabs="http://www.yy0736.com/">去哪儿？</A> (在点击链接前注意看状态行显示的变化)</P>
<P> </P></UL>
<P><FONT color=#008000>3. 背景音乐</FONT>
<UL>
<P><FONT color=#ff8000>显示操作面板：</FONT>在相应地方加<embed src="aladdin.mid" width="140" height="35" autostart=true controls="middleconsole"></P>
<P><FONT color=#ff8000>不显示操作面板：</FONT>在页中任意地方加<embed src="aladdin.mid" hidden=true autostart=true loop=true></P>
<P>或<embed src="tt.ram" autostart="true" loop="2" width="80" height="30"></P>
<P>对于不支持embed 标签的浏览器，可以改用标签。</P>
<P> </P></UL>
<P><FONT color=#008000>4. 设置主页的缺省字符语言为简体中文(适用于Netscape)</FONT>
<UL>
<P>在HTML文件的Head部分中加入<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=cn-gb"></P>
<P> </P></UL>
<P><FONT color=#008000>5. 链接的不同方式</FONT>
<UL>
<P><FONT color=#ff8000>在帧里显示：</FONT>在链接处加target="main"语句，其中main为帧名</P>
<P><FONT color=#ff8000>整页显示：</FONT>在链接处加target="_top"语句</P>
<P><FONT color=#ff8000>开新窗口：</FONT>在链接处加target="resource window"语句，如<A HREF="index.htm" TARGET="resource window"></A></P>
<P> </P></UL>
<P><FONT color=#008000>6. 强制主页每次都不进行缓存，而从服务器上重读</FONT>
<UL>
<P>在Head部分加<BR><MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache"></P>
<P>这样一来，浏览器将不考虑cacke中的内容而强制重新读入您的页面,等于用户使用Reload。</P>
<P>如果在您有计数器的页中使用，不管从什么地方返回这页<BR>计数器都能加一。不过可能造成用户的反感。</P>
<P>如果在BBS程序中使用，可以实现不用Reload就可更新页的功能。</P>
<P> </P></UL>
<P><FONT color=#008000>7. 自动刷新</FONT>
<UL>
<P><FONT color=#ff8000>定时刷新：</FONT><META HTTP-EQUIV="Refresh" content="10; URL=http://自己的URL"></P>
<P><FONT color=#ff8000>幻灯片效果：</FONT>语句类似上面，但在页面1中URL指向页面2，而页面2指向页面3 ... <BR>页面n指回页面1，即可实现循环显示页面的效果</P>
<P> </P></UL>
<P><FONT color=#009900>8.提前载入图片</FONT> </P>
<UL>
<P>如果您的站点中后面的页有大图形需要显示，您不妨在第一页中提前载入。把语句：<BR><img src="image.jpg" width=0 height=0> ,其中width,height要设置为0，放在第一页HTML中的任何地方。</P>
<P>如果您的访问者在第一页停留的时间足够长，当他进入第二页时，图象会立即显示出来</P>
<P> </P></UL>
<P><FONT color=#009900>9. 自动连接</FONT>
<UL>在预定时间后自动连入另一个指定的页面。<BR><FONT color=#ff800>方法：</FONT><BR>在<title>...</title>中加入以下一行：<BR><meta http-equiv="refresh" content="10"; url="otherpage.htm"><BR>其中10代表10秒后自动连接。 </UL>
<UL></UL>
<UL></UL>
<UL></UL>
<UL></UL>
<UL>
<P></P></UL>
<P><FONT color=#009900>10. 自动换行：</FONT>
<UL>
<P>在主页中自动换行以适应不同的浏览器或分辨率。<BR><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></P>
<P> </P></UL>
<P><FONT color=#009900>11. 用单像素的GIF文件控控制文本位置</FONT></P>
<P>要想准确的控制HTML中的文本位置，可以做一个1*1的透明图(如Blank.gif)。然后在HTML中加入代码：<BR><img src="Blank.gif" hspace=100><BR>改变数字100，即可控制</P>
<P> </P>
<P><FONT color=#009900>12. 容器标记</FONT></P>
<P><BLOCKQUOTE></BLOCKQUOTE>标记可以把网页上所有的对象都包括起来，但不能对它加入变量。</P>
<P> </P>
<P><FONT color=#009900>13.设定图形大小</FONT></P>
<P>为使您的Web页在图形下载完之前，能够立即显示文字内容。<BR>在您的主页中的图形元素中加入文件大小变量：<BR><img src="image.jpg" width=xxxx height=yyy><BR>xxx,yyy是您的图形的真实像素</P>
<P> </P>
<P><FONT color=#009900>14. 移动文字</FONT></P>
<P>这在主页上是常用的，其制作方法很简单。<BR><marquee>要移动的文字</marquee><BR>1.移动的方向：<direction=!> ！=left, right<BR>2.移动的方式：<bihavior=!> !=scroll ,side,alternate<BR>3.循环次数：<loop=!> !=次数。若未指定则循环不止。<BR>4 循环速度：<scrollamount=!> !=数 </P>
<P> </P>
<P><FONT color=#008000>15.如何去掉主页超链接的下划线? </FONT></P>
<P>把下列语句放在<head>...</head>之间<BR><style><BR>A {text-decoration: none}<BR>}<BR></style><BR><script language="javascript"><BR>var contents = true;<BR></script></P>
<P>更简单的是<BR><style><BR><BR></style></P>
<P> </P>
<P><FONT color=#008000>16. 浮动背景（背景图像不滚动）</FONT></P>
<P>当你拉住下拉条时，背景不动。（会使浏览速度减慢。:-( ）加入：<BR><body backgroud="#ffff" bgproperties="fixed"></P>
<P>或用CSS样式表定义：<BR><style type="text/css"><BR><BR></style></P>
<P> </P>
<P><FONT color=#00800>17. 让背景图像不平铺</FONT><BR>　CSS样式表定义：<BR><style type="text/css"><BR><BR></style></P>
<P> </P>
<P><FONT color=#008000>18. 测试浏览器类别并自动装入不同的网页</FONT></P>
<P>目前微软和网景的浏览器并不能完全兼容所有网页,有的在某种浏览器里非常漂亮,而用其它浏览器查看时却一团糟。如果你需要测试浏览器,可以加入以下JavaScript代码并保存单独一个网页:</P>
<P><script language="JavaScript"><BR>function TestBrowser(){<BR>ie = ((navigator.appName ==<BR>"Microsoft Internet Explorer") & & <BR>(parseInt(navigator.appVersion) >= 3 ))<BR>ns = ((navigator.appName == "Netscape") & & <BR>(parseInt(navigator.appVersion) >= 3 ))<BR>if (ns) {<BR>setTimeout(''location.href="nn4.htm"'',10);<BR>} else {<BR>setTimeout(''location.href="ie4.htm"'',10);<BR>}<BR>}<BR></script></P>
<P> </P>
<P><FONT color=#008000>19. 定义本网页的关键字</FONT></P>
<P>在网页中加入关键字，可以供某些搜索站台机器人的使用，它们会利用该关键字为你的网站做索引，这样，当别人用关键字搜索网站时，如果你的网页包含该关键字，那么就可以被列出了，定义本网页关键字，可以加入以下代码：<BR><meta name="keywords" content="html,dreamweaver,flash,css"><BR>　 content 所包含的就是关键字，你可以自行设置。<BR>　这里有个技巧，你可以重复某一个单词，这样可以提高自己网站的排行位置，如:<BR><meta name="keywords" content="dreamweaver,dreamweaver,dreamweaver"></P>
<P> </P>
<P><FONT color=#008000>20. 在网页中加入E-mail链接并显示预定的主题</FONT></P>
<P><a href=mailto:cnshell@163.com?subject=hello></P>
<P> </P>
<P><FONT color=#008000>21. 隐藏在状态栏里出现的链接信息</FONT></P>
<P>当指向一个链接时，该链接的信息会出现在浏览器状态栏里，如果需要隐藏信息，可以如下设置：<BR><a href="<A onmouseover="window.status='none';return true" href="http://www.yy0736.com/">bbs.bianews.com</A>" onMouseOver="window.status='none';return true">test</a><BR>　　如果想要指向一个链接时，浏览器状态栏里出现特定的信息，把none 改成你需要的文字即可。</P>
<P> </P>
<P><FONT color=#008000>22. 在网页中将表单提交给自已的电子邮箱</FONT></P>
<P>表单提交需要CGI程序的支持，但你也可以利用E-mail 提交，当你设计好表单后，把action 内容加入邮件地址即可，如下：<BR><form method="post" action="mailto:cnshell@163.com" enctype="text/plain"></P>
<P> </P>
<P><FONT color=#008000>23. 隐藏免费计数器的的图标</FONT></P>
<P>许多网友使用免费计数器，它能帮助你分析网站的流量，如果你想隐藏该服务图标，可以把服务代码中的width=88 height=31都改为1即可。</P>
<P> </P>
<P><FONT color=#008000>24. 在网页中加入最后修改日期</FONT></P>
<P>在body 中加入以下代码即可：<BR><script Language="JavaScript"><BR>document.write<BR>("最后修改日期" + document.lastModified);<BR></Script></P>
<P> </P>
<P><FONT color=#008000>25. 打开一个新的浏览器窗口并设置窗口的属性</FONT></P>
<P>如果你需要在载入站点的同时,再打开另一个新窗口,加入以下代码即可:</P>
<P><script language="JavaScript"><BR><BR></script></P>
<P>期中pop.htm可以设置为你的htm文件,对于设置新窗口的属性,对照以下设置:</P>
<P>popup = window.open('', 'popupnav', 'width=200,height=170,resizable=1,scrollbars=auto');</P>
<P>width:宽,height:高,resizable:是否允许访客缩放新窗口,scrollbars:如果文本超过一屏,是否生成滚动条,status:是否显示状态栏,menubar:是否显示菜单,location:是否显示地址栏.</P>
<P>以上所有属性使用格式为:属性=yes或者no.而width和height两个属性为:width=#pixels,height=#pixels.</P>
<P> </P>
<P><FONT color=#008000>26.怎样判断服务器使用的操作系统?</FONT></P>
<P>在浏览器地址栏里,输入要察看的服务器地址,一定要包含目录和文档名字,然后回车,出现请求页面,试着把文档名改为大写格式,如果返回该页面不存在,那么可能该服务器使用的操作系统为unix或macintosh,如果页面内容返回,那么可能该服务器为windwos操作系统,因为windows对大小写不敏感.</P>
<P> </P>
<P><FONT color=#008000>27. 怎样提高站点在搜索引擎中被搜索到的机会?</FONT></P>
<P>当你把自己站点登记到搜索引擎中后,并不表示你的站点就会被经常搜索到,如何提高这个几率呢,很简单,你的主页一般会有一个标题,一般设置在<title></title>中间,这时,你可以在设置完标题后,跟着把关键字也设置在这里,比如:<BR><title>宇风多媒体-china,love,dhtml,yufeng21,yahoo</title>.因为搜索引擎会首先察看站点的标题,并把标题作为你站点的关键字,当你把关键字也设置在了标题中后,搜索引擎也会加入这些关键字,这比其它所有的方法都好,唯一缺点,你站点标题变长了.</P>
<P> </P>
<P><FONT color=#008000>28. 如何测试网站的下载速度?</FONT></P>
<P>准备一个能读秒的表,比如跑步表,这样精度高些,当然也可以使用普通的表.</P>
<P>首先我们测试纯文本的下载时间,打开浏览器,关闭下载图片功能,然后连接上网,在地址栏输入站点地址,回车后,计时开始,当全部文本内容下载完后,停止计时.</P>
<P>如果你要测试整个站点下载速度,打开图片下载功能,如果你站点含有JavaScript,也要在浏览器选择为支持,同上,打入地址,回车,计时开始,当所有内容下载完后,停止计时.</P>
<P>经过以上两种测试,你就会对自己站点的连接下载速度,作到心中有数了.</P>
<P> </P>
<P><FONT color=#008000>29. 如何让站点自动跳转到另一页?</FONT></P>
<P>加入以下代码到HTML文件中即可：<BR><meta http-equiv="refresh" content="5;url=http://www.yufeng21.com/index.htm"><BR>　　content中的"5"为停留的秒数，<A href="http://www.yufeng21.com/index.htm" target=_blank>http://www.yufeng21.com/index.htm</A> 是将要跳转的页面。</P>
<P> </P>
<P><FONT color=#008000>30.怎样让广告随机出现?</FONT></P>
<P>当你想展示许多广告,但页面空间不够时,你可以让广告随机出现,你只需要加入一段代码.网上有这样的代码，搜索……<BR></P></TD></TR></TBODY></TABLE>

[ 本帖最后由乌龙于 2008-3-30 02:54 编辑 ]

回复引用

举报返回顶部

助理编辑

Rank: 1

该用户从未签到

UID: 57758
帖子: 29
牛币: 0 枚
热心度: 0 °
训练值: 0
阅读权限: 10

发表于 2008-9-3 13:46 |显示全部帖子

牛博士网编百宝箱下载

过来学习

BiaNews群组招聘

点评回复引用

举报返回顶部

责任编辑

Rank: 5 Rank: 5

签到天数: 1 天

[LV.1]初来乍到

UID: 75151
帖子: 140
牛币: 0 枚
热心度: 0 °
训练值: 0
阅读权限: 30

发表于 2010-4-15 15:18 |显示全部帖子

多谢分享！

点评回复引用

举报返回顶部

Rank: 8 Rank: 8

签到天数: 71 天

[LV.6]常住居民II

UID: 63007
帖子: 4705
牛币: 122 枚
热心度: 4 °
训练值: 56
阅读权限: 100

网编训练营1级正式写手

发表于 2010-4-16 17:56 |显示全部帖子

实用性很高，推荐

看，灰机……

点评回复引用

举报返回顶部

中级编辑

Rank: 3 Rank: 3

签到天数: 1 天

[LV.1]初来乍到

UID: 63209
帖子: 254
牛币: 1 枚
热心度: 3 °
训练值: 0
阅读权限: 20

发表于 2010-4-23 17:17 |显示全部帖子

很基础诶，谢谢分享

此处无链接，禁止点击！！！

点评回复引用

举报返回顶部

实习编辑

该用户从未签到

UID: 76973
帖子: 2
牛币: 0 枚
热心度: 0 °
训练值: 0
阅读权限: 5

发表于 2010-4-27 22:50 |显示全部帖子

　【正宗安溪铁观音】产于闽南安溪，其有“观音韵”之称，入口微苦，回味甘香，清郁隽永，韵味无穷。铁观音既是一种珍贵的天然饮料，又有很的美容保健功能。经科学分析和实践证明，铁观音具有清热解毒，清心明目，杀菌消炎减肥美容和延缓衰老，防癌症、消血脂、降低胆固醇，减少心血管疾病及糖尿等功效。本人经销各种等级铁观音（兼批发），茶农直销，物美价廉,货到付款。联系QQ：778118028;
E-mail:xzm1989@126.com；MR许

点评回复引用

举报返回顶部

发新帖

BiaNews大喇叭关闭

牛博士—网编百宝箱（6.1）最新内测版

各位网编期待已久的网编百宝箱已经出炉了，还在等什么？抓紧时间下载体验吧！

关于我们网站顾问站点地图广告合作人员招聘联系我们论坛统计

京ICP备06016495号

Copyright ©2006-2011 BiaNews 版权所有本站信息均为会员发表不代表BiaNews立场,严禁在本站发表与国家法律相抵触言论。