通行证: 用户 密码 域名空间  下载中心 社区论坛 信息公告 my小屋
联系我们
设为首页
加入收藏

 

qq,asp,php,jsp,xml,sql,.net,编程 程序 网页图象 建站经验 私服
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿
论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图
专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版
社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 网络赚钱 | 网站地图 | 广告服务 | 服务
当前位置:首页>>网页设计>>dreamweaver>>正文 新版上线![旧版]
注:打开慢时请稍等
dreamweaver 4.0使用技巧集锦

http://www.iyit.net  日期:2006-5-5 10:27:46  来源:中国站长站  点击:
参加讨论】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="http://www.iyit.net/files/beyondpic/2006-5/5/065510274584539.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://www.ccidnet.com/school/”>

则在30秒后将自动载入网页http://www.ccidnet.com/school



编辑:黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇:轻松处理dreamweaver段落缩进
下一篇:用dreamweaver实现飘浮光球特效
转载请注明来源:www.iyit.net
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

 相关文章
最新更新 热点排行 推荐新闻
去除dw mx 2004表格宽度辅助
驯服不听话的网页表格
dw mx 2004代码编辑新功能
细品dw mx 2004内建fw技术
用 javascript 写的一个映射表类
ajax的七宗罪
驳“ajax 的七宗罪”
javascript 实用的一些技巧 
奇妙的javascript图片放大镜
网页制作技巧24条
网页保存另类技巧3则
设计高手进阶技巧:用记事本编辑网页
高手传经 网页设计中的几个小技巧
从美的原则谈网页上的艺术表现:美的原
传统二维动画和flash动画的比较
去除dw mx 2004表格宽度辅助
驯服不听话的网页表格
dw mx 2004代码编辑新功能
细品dw mx 2004内建fw技术
用 javascript 写的一个映射表类
qq珊瑚虫外挂4.0版本发布!
多个广告位招商!
摄影后期系列一:1分钟为数码相片去红眼
教您显示器亮度对比度的调节
qq挂机说明
asp进度条
photoshop通道抠图:给秀发飞扬的mm照
新版上线,今日正式开通!!!
更多精彩图文广告等着您!
免费在qq上看在线电影电视听音乐
第二十章 开发delphi对象式数据管理功
sql简明教程(1)
vbscript和javascript互相调用 
jsp教程(四)-jsp actions的使用
操作系统被入侵后的修复过程
五一别忘电脑防毒 养成良好上网习惯
google对ie浏览器将捆绑搜索功能表担忧
新版上线,今日正式开通!!!
用photoshop创意图形“岁月”
摄影后期系列一:1分钟为数码相片去红眼

 友情链接
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
copyrights © 2004-2006 iyit.net all rights reserved.
网站合作、广告联系qq:147007642、466949678
易特网络技术 点击这里给我发消息