网络编程
位置:首页>> 网络编程>> 网页设计>> Dreamweaver 4.0使用技巧集锦(2)

Dreamweaver 4.0使用技巧集锦(2)

作者:燕义怀 来源:赛迪网 发布时间:2007-11-08 12:47:00 

标签:技巧,Dreamweaver

7. 用Dreamweaver制作出一个类似于下拉菜单的效果

制作一个类似于下拉菜单的效果需要用到层的隐藏和显示特性。具体的方法是:在页面中插入一个单行多列的表格,作为你的菜单条。表格的列数由菜单选项的多少决定。插入一个层,在层中输入第一个下拉菜单的内容,并把这个层移动到表格第一列的下面。同理,对其他菜单项也作如上的操作,插入相应的层。把所有层的显示属性改为隐藏(Hidden)。选择表格的第一个单元,单击窗口(Windows)→行为(Behaviors),弹出行为面板。按下“+”添加行为Show-Hide layers,并将第一个层(Layer1)属性改为显示(Show),其他层的属性改为隐藏(Hide)。接着在行为面板中编辑这个行为,将它的触发事件(events)改为onMouseover。这样,当鼠标移动到第一个表格单元之上时,第一个下拉菜单就会显示出来。接着再添加一个行为Show-Hide layers,并将所有层的属性改为隐藏。接着在行为面板中编辑这个行为,将它的触发事件(events)改为onMouseout。这样当鼠标从第一个表格单元之上移开时,第一个下拉菜单就会隐藏起来。对其他的菜单项重复上述操作。但要注意设置“菜单二”时,第二层显示,其他层隐藏;设置“菜单三”时,第三层显示,其他层隐藏;依此类推下去。好了,按F12看看效果吧。

8. 实现定义的超级链接文字颜色

文字超级链接的颜色(包括未被访问的链接颜色、鼠标的链接上的颜色、已被访问过的链接颜色等等)可以用层叠样式表来(CSS)定义,下面就介绍如何能随心所欲地设置文字链接的颜色。

(1)超级链接的默认颜色是:未被访问的超级链接是蓝色、被访问过的超级链接是紫色;

(2)要想使CSS定义的颜色起作用,在超级链接的文本的颜色属性中什么都不要填;

(3)若你已定义了文本的颜色,发现CSS中定义的超级链接颜色不起作用,你可以取消文本的颜色定义,或取消超级链接再重新定义一次,CSS定义的颜色就起作用了;

(4)超级链接上各种状态下文本颜色的关系:一旦定义了被访问过的链接的颜色(A: visited),则当链接被访问过后,该链接的颜色不再改变,即定义鼠标在超级链接上的颜色(a: hover)将不起作用了。若不定义被访问过的链接的颜色(A: visited),则当鼠标在超级链接上显示a: hover 中定义的颜色,当鼠标移开时显示a 中定义的颜色。

9. 实现网页每过五分钟自动刷新一次

在Dreamweaver的功能面板上选择“head”功能组面板,在这面板上点击“Refresh”功能图标,在弹出的“Insert refresh”对话框中,在“Delay”中输入要刷新的间隔时间,以秒计,例:隔五分钟刷新一次,则输入300即可。再在该对话框上选择“Refresh This Document”(刷新当前窗口),按OK,大功告成。当你再次浏览该网页时,它将自动地隔五分钟刷新一次。

10. 在Dreamweaver中将图设为透明alpha设置


〈html〉
  〈head〉
  〈title〉css〈/title〉
  〈meta http-equiv="Content-Type" content="text/html; charset=gb2312"〉
  〈style type=text/css〉
  .pic{filter:alpha(opacity=50)}
  〈/style〉
  〈/head〉
  〈body bgcolor="#FFFF00" text="#000000"〉
  〈img src="http://www.it.com.cn/f/edu/0410/26/0008.jpg" width="303" height="385" class="pic"〉
  〈/body〉
  〈/html〉

 


11. 在Dreamweaver中使插入的FLASH透明

选中插入的swf文件,打开原代码窗口,在〈/object〉前输入〈param name="wmode"〉

12. 在Dreamweaver中输入上下角标

如果只是要上下角标的话,可以用〈SUB〉〈/SUB〉和〈SUP〉〈/SUP〉。手工加进去就可以了。

13.在网页中加入自动更新时间功能

我们知道一个网页要想获得更多的回头率,很重要的一条就是要不断更新。但对于我们这些个人网页来说,要天天及时更新恐怕不是很容易的事情。因此,我们希望网页能自动更新,下面我们就提供一个能自动更新修改时间的源代码,我们只要把这段源代码添加到〈BODY〉…〈/BODY〉之间就能实现更新时间的目的了:

〈Script Language="JavaScript"〉〈!--document.write("LastUpdated:"+document.lastModified);〉
  〈/Script〉

14. 定义网页的关键字

为了使自己的网页在搜索引擎中能很容易地被检索到,准确定义网页中的关键字是一项很重要的工作。在Dreamweaver中,我们可以用两种方法来定义网页中的关键字:一是在源代码中的〈head〉与〈/head〉标签中,添加如下代码:〈meta name="keywords" content="电脑,网络,计算机"〉,其中content中的内容即为关键字,为了提高检索的命中率,我们可以重复多次使用同一个关键字,中间用逗号隔开;另外一种方法是在Dreamweaver中用鼠标依次单击菜单 Insert/Head/KeyWords命令,在弹出的对话框中输入希望被检索的关键字就可以了。

15. 让网页定时载入另一个网页内容

在源代码中的〈HEAD〉…〈/HEAD〉加入如下代码:


〈meta http-equiv=“refresh”content=“30;URL=http://tech.tom.com/software/”〉


则在30秒后将自动载入网页

0
投稿

猜你喜欢

  • SQL Server具有强大的复制功能,除了将数据和数据库对象从一个数据库复制并准确分发的另一个数据库中,还要实行数据库之间的同步。SQL
  • YAHOO.util.Subscriber 与 YAHOO.util.CustomEvent。1. YAHOO
  • 在本节描述的示例代码,提供真实的例子来示范在 FileSystemObject 对象模式中可用的许多功能。该代码显示了如何一起使用对象模式的
  • 关于CSS中的命名规则(其实我觉得是XHTML元素的命名规则更加合理些)这个问题,已经有很多人在说了,其中也不乏一些真知灼见。不过这种东西也
  • 我认为多选列表具有完美的功能——只需按下Ctrl键,同时点击鼠标从列表中选择多个项目。以下是一个典型的多选列表框:选出你最喜爱的快餐:&nb
  • 我的测试环境是2000sever ie6.0+sp4 MYIE1.31 (成功通过测试)关闭窗口的途径常用4种:1.双击左上角图标2.直接双
  • 很多的网站都有记数器,用来记录网站的访问量,这给网站管理员即时了解本网站的运行及访问情况提供了很多的方便。笔者研究过很多用ASP编写的计数器
  • 在写ASP网页时常用的检测代码:服务器现在时间:<% =now %>服务器CPU型号:<%=Request.ServerV
  • 在我们的网站建设中,为网站打造一个契合网站主题的个性化标志则是必需的,这直接关系到能否成功地塑造网站的品牌。这从某些角度看仍在网站推广的范畴
  • zhanglunray 问:我在mzzx_pic这个层设置了左边距,在ie里显示是正常的,但是在ff里显示时margin-left却没有起到
  • 聚集索引,数据实际上是按顺序存储的,数据页就在索引页上。就好像参考手册将所有主题按顺序编排一样。一旦找到了所要搜索的数据,就完成了这次搜索,
  • 树型结构在我们应用程序中还是很常见的,比如文件目录,BBS,权限设置,部门设置等。这些数据信息都采用层次型结构,而在我们现在的关系型数据库中
  • 有没有曾经为IE浏览器中长按钮莫名其妙的padding感到困扰?在分析解决方法之前,我们首先来看一下问题所在。在IE中,如果按钮文本比较长,
  • 如何做一个自己的QQ?这不是什么新鲜的东西,看看代码:refresh.htm<HTML><HEAD><titl
  • 可能是我“火星”了,不过在 空虚 的 Blog 中学到的一招。这个技巧的原理是利用 iframe 载入本机各盘符的根目录,然后判断 ifra
  • 以下的文章主要是对MySQL性能影响关系紧密的五大配置参数的介绍,我前几天在相关网站看见对MySQL性能影响关系紧密的五大配置参数的资料,觉
  • 就在刚才,我给GMAIL安装了Twitter插件。安装完插件后,Gmail提示我要连接Twitter的账号才能使用:我顺着提示操作下去,就看
  • 目前已经有很多生成html的新闻系统,但是都是用的模板,本函数实现把asp页面产生的html代码保存成为一个html文件,这样就没有必要改动
  • ASP中RegExp是什么 '名字字符检验Public Function CheckName(Str) &nbs
  •  大家都知道,Dreamweaver是是一款专业的网页设计工具,提供了许多方便、实用的功能,使得以前许多网页效果的实现从繁琐的代码
手机版 网络编程 asp之家 www.aspxhome.com