首 页 网络编程
网页制作 图形图象 操作系统 冲浪宝典
软件教学 认证考试

网络安全 网络办公 行业资讯 评测对比
您当前位置:站长天空 -> 虚拟主机评测对比
Dreamweaver 4.0使用技巧集锦-网页设计,Dreamweaver
作者:网友供稿 点击:5
推荐
西部数码-全国虚拟主机10强!20余项虚拟主机管理功能,全国领先!第6代双线路虚拟主机,南北访问畅通无阻!可在线rar解压,自动数据恢复设置虚拟目录等.免费赠送访问统计,企业邮局.Cn域名注册10元/年,自助建站480元起,免费试用7天,满意再付款!P4主机租用799元/月.月付免压金
站内搜索
文章页数:[1] 

    1. 用dreamweaver 4.0制作闪动的flash按钮

选择菜单insert→interactive images→flash button就可看到有哪些内嵌按钮。在弹出的对话框里,你可以在“style”列表里选择自己想要的按钮样式,在预览(sample)窗口里可以看到这种样式的效果如何。选择好之后,在“button text”窗口输入按钮上面的文字,在“font”窗口选择字体,在“size”窗口输入文字的大小,在“link”窗口输入链接的目标,在“target”窗口选择链接打开的方式,在“bgcolor”选择按钮背景颜色,在“save as”窗口输入保存的文件名。完成这些后,按下“ok”按钮,你就完成了一个flash按钮啦。这个按钮还会自动插入你的网页中,然后在dreamweaver编辑窗口选中你刚才制作的按钮,属性窗口就会显示出这个按钮的属性,单击上面的“play”按钮,你就可直接在编辑窗口预览这个按钮的闪动效果。需要注意的是dreamweaver 4.0的这个功能不支持中文字体。

2. 制作背景音乐

在dreamweaver中插入背景音乐是非常容易实现的,这里介绍两种方法,供大家选择。

(1)在页面不显眼的地方插入一空层,并在层内放入一个activx对象,双击该对象,在打开的对话框中选择一个midi、wav等音乐文件,然后在层对象属性面板中设定其可视性为“hidden”,保存变动后按f12预览网页,听听是否有音乐声。

(2)另一种方法是利用dreamweaver的“behaviors”行为编辑器,单击“+”按钮,选择其中“play sound”选项,在弹出的对话框中选择一个音乐文件即可。自己动手试一试吧!

注意:要注意属性窗口中音乐文件的路径是否正确,有时会出现路径中有错误字符,如路径file:///c|/windows/media/chimes.wav中的字符“|”是错误的,应改为:“:”。

3. 让背景图象不滚动

在dreamweaver中插入的背景图是会随文字一起滚动。有的时候我们需要制作固定的背景图,怎么办呢?先定义一张背景图,按“f10”打开html源文件,找到定义背景图的语句,例如background=″images/background.jpg″,在它的后面空一格加上一句bgproperties=″fixed″。按f12预览一下,看看它还滚动吗!

4. 定义大小不变的文字

在上网时,经常看到别人网页上的文字那么漂亮,不管你怎么设置浏览器字体的大小,它们的字体尺寸都不会发生变化。是不是觉得人家的水平太高了,自己有点自卑感呢?其实他们使用了网页中的“css”样式表技术,在dreamweaver中要实现这一功能是非常简单的。首先按“f7”或者选择“窗口”菜单中的“样式表”选项打开样式表编辑器,在窗口中单击鼠标右键选择“新建”,在弹出的对话框中输入需要定义的样式表名称,按“确定”,然后在列表中选择第一项“类型”,并给具体的文字属性定义参数(一般来说文字的大小在800×600的屏幕中选择10.5较为适宜),按“确定”后,定义好的样式表就出现了。选择网页编辑窗中的文本,单击新的样式表名,可以看到选中的文本发生的变化。预览一下,试试定义的文本字体尺寸还会不会随浏览器的选择字体大小而改变。

4. 改变状态栏提示文字

一般情况下,当浏览器装入一个页面时,在其状态栏上显示的是该页面的地址名称,显得十分呆板。你有没有想过给浏览器的状态栏增加一点个性呢?如果你有这种远望的话,那么请按照以下的步骤,我们一起来实现它吧!首先打开“behaviors”行为编辑窗,单击“+”按钮,选择“set text set”下的“text of status bar”选项,然后在方框中输入自己的文字,例如“欢迎来到我的主页”等,单击“确定”即可。

5. 给文字施加行为(behavior),制作动态文字特效

在dreamweaver中普通的文字是以字符为单位的,不能作为对象,即一些非常有用的javascript事件不能赋予文字。因为文字不像图片和其他控件有具体的“标记”,所以文字与很多特效失之交臂。为了给文字添加特效,只有把文字做成超链接来处理。这样文字就成为了对象,可以施加行为了。但是这样又带来了一些不需要的超链接属性,比如下划线,以及hover、visited等颜色变化。要想单纯为文字添加特效,可以先把所想设置的文字做成超链接,然后再在它的上面添加行为,最后我们再把超链接转变为普通文字。具体的步骤如下:

选中你想编辑的文字,在链接目标框里随便填入几个字符。选中这个链接,单击窗口(windows)→行为(behaviors),弹出行为面板。按下“+”添加你想要的行为,如play sound等。打开dreamweaver的超文本编辑器,找到这个链接,把〈a〉改为〈font〉,把〈/a〉改为〈/font〉。最后把“href=...”删掉。保存此页。按f12预览一下。效果还不错吧!

6. 制作鼠标移上去后有变化的动态菜单

所谓动态菜单其实是两幅图,一幅是鼠标不放在上面所显示的,另一副是鼠标移上去所显示的。我们可以利用dreamweaver提供的行为之中的swap image来实现这个效果。首先插入一副图片,用鼠标单击它,在属性面版的连接栏内输入要连接的网页。然后打开行为面板,点击“+”号,选择swap image。接着出现一个窗口,要你选择鼠标移上去后所显示的图片,在此选择第二副图片,点击“确定”。够简单的吧!

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="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秒后将自动载入网页


文章整理:站长天空 网址:http://www.z6688.com/
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

文章页数:[1] 


放大字体显示 缩小字体显示 打印文章 推荐给朋友
热门文章
·Asp.Net下导出/导入规则的Excel(.xls)文件-ASP教程,ASP应用
·中国万网,万网
·中资源
·上海火速
·加拿大中文网
·华夏名网
·世纪东方
·商务中国
·中国E动网
·神话网络
最新文章
·photoshop抠图合成特效:飞出照片相框_photoshop教程
·将升级的windows vista驱动还原到原来的版本_windows vista
·photoshop漫画笔刷绘制非主流照片漫画_photoshop教程
·看域名注册信息判断网赚公司真假_网赚技巧
·找坐标:对网站进行坐标定位_站长心得
·如何增加网站pv_站长心得
·google性格一:对活跃度高的网页收录很快_google推广
·googleadsense容易被k的可能性列表_google推广
·价值数万的googlepr作弊方_google推广
·如何抢占人家的“首要意念”_google推广
相关主题
  • dreamweaver经典插件下载_dreamweaver教程
  • dreamweaver简单描述制作网页的基本步骤_dreamweaver教程
  • dreamweaver制作复杂交换图像_dreamweaver教程
  • dreamweaver cs3 新功能描述_dreamweaver教程
  • dreamweaver实例:随机播放背景音乐_dreamweaver教程
  • 西部数码虚拟主机

    友情链接
    CNNIC 西部数码
    万网 自助建站
    虚拟主机 asp空间
    域名注册 域名
    域名申请 主页空间
    论坛空间 网站空间
    国际域名 虚拟空间
    空间租用 DDOS防火墙
    成都主机托管 四川主机托管
    主机租用 服务器租用
    网站目录 自助建站
    虚拟主机 网址大全
    软件下载
    自助链接
    虚拟主机资讯 特价虚拟主机
    版权申明:本站文章均来自网络,如有侵权,请联系我们,我们收到后立即删除,谢谢!
    关于我们:站长天空:专业提供最新的站长资讯、在线教程、虚拟主机权威评测、虚拟主机性能对比、网站制作教程,开发教程,站长工具。包括网页制作教程、冲浪宝典、编程参考、操作系统、软件教学、行业动态等。
    特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。
    发表评论 打印  刷新     关闭