关于奇矩互动奇矩互动招贤纳士奇矩互动优质虚拟主机Discuz!商业用户享有本站VIP服务LAMP环境配置手册(CentOS5.1)
发新话题
打印

HTML技巧一

HTML技巧一

1. 链接控制

  返回前页:使用OnClick="history.go(-1)",如

  返回主页:使用OnClick='top.location.href="../index.html"',如

  2. 链接提示

  在链接语句中增加

  OnMouseOver="window.status='这里是 ...'; return true" OnMouseOut="window.status=''; return true"

  如:去哪儿? (在点击链接前注意看状态行显示的变化)

  3. 背景音乐

  显示操作面板:在相应地方加<embed src="aladdin.mid" width="140" height="35" autostart=true controls="middleconsole">

  不显示操作面板:在页中任意地方加<embed src="aladdin.mid" hidden=true autostart=true loop=true>

  4. 设置主页的缺省字符语言为简体中文(适用于Netscape)

  在HTML文件的Head部分中加入<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=cn-gb">

  5. 链接的不同方式

  在帧里显示:在链接处加target="main"语句,其中main为帧名

  整页显示:在链接处加target="_top"语句

  开新窗口:在链接处加target="resource window"语句,如<A HREF="index.htm" TARGET="resource window"></A>

  6. 强制主页每次都不进行缓存,而从服务器上重读

  在Head部分加<MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache">

  7. 自动刷新

  定时刷新:<META HTTP-EQUIV="Refresh" content="10; URL=http://自己的URL">

  幻灯片效果:语句类似上面,但在页面1中URL指向页面2,而页面2指向页面3 ... 页面n指回页面1,即可实现循环显示页面的效果。

TOP

HTML技巧之二
技巧一:有些主页, 当你把鼠标指向某个连接后,在状态栏会出现该连接的说明,是不是很方便呢?其实,只要在连接语句中加入以下的紫色内容, 就可以实现了!中间的“电脑迷世界主页” 可以随便改呦!试试看!

  <HTML>

  <HEAD>

  <TITLE>连接说明</TITLE>

  </HEAD>

  <BODY>

  <A HREF="http://pcthf.yeah.net" OnmouseOver="window.status='电脑迷世界主页';return true;" OnMouseOut="window.status=' ';"></a>

  </BODY>

  </HTML>

  技巧二:有些带FRAME的主页, 按下其中一个连接后, 经常在一个小小的窗口中又出现一个分栏的主页, 看起来是不是很不舒服?其实,只要在连接语句中加入以下的紫色内容, 就可以开启一个新的窗口来浏览连接内容,是不是很方便!试试看!

  <HTML>

  <HEAD>

  <TITLE> 开启新窗</TITLE>

  </HEAD>

  <BODY>

  <A HREF="pcthf.yeah.net" target="resource window"></a>

  </BODY>

  </HTML>

  技巧三:不知您是否见过有些主页,一行字老长老长,让您拉着滚动条走了好远好远,这样是不是很麻烦,让人浏览起来感觉差极了!能不能在Netscape 让中文随着窗口的大小或表格的大小而自动换行,象西文那样呢?其实很简单,只要在<head> 和<title> 加入以下紫色的内容,您就不用 再痛苦的手动换行了.

  <HTML>

  <HEAD>

  <META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=gb2312">

  <TITLE> 自动换行</TITLE>

  </HEAD>

  <BODY></BODY>

  </HTML>

  技巧四:有些站很有趣,它会在某一个时间内自动连结到其他首页,怎麽做到的呢?在<title>######</title>之後 加入下面这一行即可!

  <meta http-equiv="refresh" content="20; url=otherpage.htm">

  紫色的地方请填入您要连到的首页!

  那个20 代表二十秒後连到另一个首页!

  技巧五:在frontpage98里如何去掉超链接的下划线?

  A.把下面这段代码加入样式里面就行了。<style TYPE="text/css"><!-- A:link {text-decoration: none} A:visited {text-decoration: none}--></style>

  B.用CSS技术(即Cascading Style Sheets 层叠样式表单)。

  C.选择超链接-Style-Text-Decoration=none

  技巧六:在图形上显示文字

  对于在图形上显示文字,您也许立刻就会想到使用JAVA来实现这一功能。但这里,我要介绍给您的是直接用HTML实现这一功能的方法。Ha,您现在一定认为我是用层技术来实现但不是。

  其实我用来实现这一效果的方法非常的简单,使用表格,在表中键入文字,然后使用您希望的图形做为这个表格的背景文件。图形的大小需与表格相同。到此,您已经轻易的在图形上显示了文字。

TOP

1、图象的略图编辑

  图象的略图指把图象按原比例缩小,可作为原图的预览,这在网络速度比较慢时可快速地显示图片的概图。 FrontPage 98中,可以完成这样一个功能,即当访问者点击一个到照片的链接后,在照片下载的过程中,网页上首先出现照片的略图,直至原照全部出现。步骤如下:首先制作略图。先将照片复制作为制作略图之用。在FrontPage 98Editor中选中照片,执行"右击/image properties/Appearance",选中"Specify Size"(指定尺寸)和"Keep Aspect Ratio"(保持纵横比),按要求确定照片的宽和高即可完成略图的制作。然后单击原照进入"Image Properties/General"菜单,在"alternative representation"(替换显示)栏中的"Low-Res"(略图)框里填入略图的位置,在Text文本框中填入说明文字,单击"Ok",完成

  2、图象的热点区域设置

  图象的热点指把图象分为几个可点击区域,单击图象上的每个区域,点击图片的某个区域就可链接进入相关链接的页面。这个效果是怎么实现的呢?方法如下:选中图象,然后运用图象工具栏中的"Rectangle"矩形)、"Circle"(圆周)和"Polygonal"(多边形)三个工具钮选取区域,一旦选中了既定的区域,FRONTPAGE就会弹出一个对话框,让你输入所要连接的页面的URL。

  3、图片重叠效果实现

  这种效果具体实现的步骤如下:(1)先画一个表格,把图象放到表格里;(2)在表格里面点击鼠标右键,单击(表格属性),把(布局)中的(边框线宽度)、 (单元格边的间距)改成0;(3)再单击(使用背景图象)右侧的(浏览)按钮,选择自己喜欢的图象,利用图象插入功能插入图片,就可以使两幅图象重叠了。假如表格的背景为蓝天白云,表格里的图象为一只正在飞翔的小鸟,我们通过这种效果合成的画面一定是很美妙的。

  4、动态广告标题编辑

  我们经常在网页上看到动态广告标题,要实现这个效果,我们可以通过FRONTPAGE内置的(标题广告管理器),先把要依次播放的广告图片排好,然后使页面处于(HTML)的状态,找到这样的一段代码:appletcode=″fprotate.class″codebase=″_fpclass″,删除 codebase=″_fpclass″代码,同时把在x:ProgramFilesMicrosoftFrontPagefpclass目录下的一个叫 fprotate.class文件拷贝到你所在的目录下,就可以实现广告图象轮流播放的效果了。

  5、动态按钮编辑

  这是我们在网上常见的一种效果,当鼠标移到一个按钮上,按钮的颜色立即发生变化,动感非常之强。这个效果可以通过FrontPage里预先定制的功能来轻松实现。具体步骤为单击(Insert)("插入")→(Active elements)("活动组件")→(Hover Button)("动态按钮"),出现对话框,对话框上提供的选项可以设置按钮上的文字,链接方向、按钮的变幻颜色等等。实际上更为常用的是,可以事前准备两幅大小相同的图片,然后选择对话框的(Custom)("定制")选项,使鼠标所到之处,图标即随之发生变化。

  6、链接样式表(即风格样式单)的编辑

  现在,许多主页都采用了一种简洁的文本超链接形式,而当鼠标点上这些链接的时候,这些文字链接的字体、大小发生一些动态变化,这小小的变化会使整个页面看起来动感奇佳。实际上,用风格表(stylesheet)便可以轻松地实现这个功能,步骤如下:如前所述,打开"Format"(格式)菜单中的 "Style sheet"(风格表)选项,在文本框中的HTML代码中插入"a:hover",结果如下示"","hover"意为"停悬",即指光标停悬在超级链接上。下面,打开"style"菜单,你就可以选择当鼠标箭头移到文本超链接时文字的变化啦!可选的选项有很多,这里我们简单地设置字体为楷体,颜色为红色,字体风格为斜体,文本修饰为下划线(功告成,这样,当鼠标箭头移到有超链接的文字上时,文字的字体变执行 Text/Decoration/Underline),单击"OK"按钮,大T为楷体,颜色为红色,字体风格为斜体,文字下面还会出现一条下划线

  7、重定向效果编辑

  当你的网站换个新地方时,把你以前旧的地址存入书签的用户,现在并不一定知道,这样你就面临着失去大量用户的危险。FrontPage98可以帮助你很简单地解决这个问题。在FrontPage 98中,打开你的主页,选择(File)("文件")→(Page Properties)("属性")→(Custom)

  ("定制")→(System Variables)("系统变量")→(Add)("添加"),在Name框中输入变量名如refresh,在Value框中输入参数如:10;URL =http:∥WWW.XXX.COM/INDEX.HTML,最后确定,就实现了重定向的功能。参数中10表示当前网页完全下载后延迟10秒种;第二项表示重定向的新地址。通过这个效果用户访问你的以前的主页10秒钟后浏览器会自动转向你新的主页地址

  8、制作表单邮件

  通常我们在主页中创建一个美观的表单是基于你的主页服务器上有一个表单处理程序(form handler),如果没有,则这个表单程序往往不能正常运行。经过实践,我发现FrontPage 98中也可以完成一个最简单的提交和处理表单计算结果的设置,那就是通过电子邮件来完成。方法如下:打开主页,在FrontPage 98 Editor中执行(Insert)("插入")→(Form Field)("表单区域")→(One-Line Text Box)("一行文本框"),把表单的样式和基本属性设置好后,注意要设置按钮类型为"Submit"(提交)这一项。右击此按钮,打开"Form Properties"(表单属性)对话框,选中"Send to others/Custom ISAPI,NSAPI,CGI,orASP Script"这一项,然后打开"Options"(选项)对话框,在"Action"(动作)框中输"mailto: yourname@servername?邮件主题",在"Method"(方式)框中选"Post"(邮寄),在"Encoding type"(编码类型)框

  中输入"text/plain",确定后即告完成。

  9、页面定制效果编辑

  我们经常能看见,当打开一个新页面时,本来普普通通毫无奇特之处的网页,但由于加入一点淡入淡出的效果使人眼前为之一亮。FrontPage98的 (Format)(格式)菜单条下的(Page Transition)(页面转换),就为你提供了这一类页面效果,而且还不止一种哩。单击(Format)

  (格式)→(Page Transition)(页面转换),(Event)栏中有四个事件:Page Enter(进入页面)、Page Exit(页面退出)、Site Enter(输入网址)和Site Exit(离开网站),任选其一。(Duration(Seconds))表示选定事件的发生时间;Transition Effect(转换效果)一项,是十几种各不相同、美观大方的页面效果,例如选择了Blend,那就会出现前面提到的那种特殊效果。如果选择了Box Out,那么当进入页面时,就会像一只盒子由里向外慢慢扩散,非常好看!如果你有耐心的话,不妨多试几种,以便能找到一种称心如意的效果。

  10、动态背景制作

  当你用浏览器访问某些站点时,你会注意到在该页面右下方有个图标不会随滚动条的移动而改变位置,始终存在于固定位置。这个效果是用CSS(样式表)得到的,用FrontPage98可以很容易的实现。在FrontPage98中,选择(File)→(Page Properties)→(General)→(Style),在

  弹出的对话框中,选择"Colors"标记;在 "Background Image"框中填入图像的路径与文件名,"Attachment"框中,选择"Fixed"(表示此图像将固定位置),在"Repeat"框中,选择 "No Repeat"(表示图像不会重复出现),在"Vertical"和"Horizontal position"中选择图像的水

  平和垂直位置;最后按下确定键后,你会看见你的图像在屏幕上重叠出现,不要紧,这是因为编辑器不支持Dhtml,你只需存盘,然后用浏览器预览,你就会看到奇妙的效果出现了。

  11、如何使你的主页自动被搜索引擎收录

  你一定为了让你的网站名扬天下而去各个搜索引擎注册吧?在网上有很多机器人,它们自动搜寻关键字,我们只要在我们的网站上设立这样的关键字,就有可能被它们找到。<head><meta http-equiv="keywords"c></head>其中CONTENT这个属性主要让你放置一些你主页里的关键词,而且这些关键词最好容易使人想到。

  12、如何强制浏览器浏览信息时必须从服务器中读取

  我们有时希望刷新时重新下载网页,而不是从缓存中读取旧的文件,为了解决这个问题,你可以在你的网页的部分中加入以下HTML源代码就可以了:

  <META HTTP-EQUIV="Pragma" C>

TOP

发新话题