随着网页制作热潮的兴起,Dreamweaver 的威名也到处传播。Dreamweaver 是由 Macromedia 出品的优秀 可视化网页制作工具,制作网页非常轻松,并且容易上手。内置的多项强大功能,让你很轻松地做出各种交互 式的网页和动态效果。目前已经渐渐成为众多网页设计师的首选工具。
在制作网页过程中,笔者积累了一些经验技巧,特列举如下:
一、将网站主页添加至收藏夹
在需要建立超级链接处使用: javascript:window.external.AddFavorite('http://www.webjx.com/','网页教学网') 代码,点击后便会将你的主页添加至收藏夹中了。
二、将主页设为浏览器的默认首页
可以使用如下代码:<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.webjx.com/')>将本站设为首页</a>
三、让背景图像不随网页滚动
使用代码:<BODY Background="bgound.gif" Bgproperties="fixed"> 便可使背景图像不会随着页面滚动 。
四、设置命令来关闭窗口
代码:<a href="javascript:window.close()">关闭窗口</a>
五、水平线的设置
如何在 Dreamweaver 中将水平线设置成为一根红色的、并且没有阴影的细线条呢?只要在源代码中,将默认的代码改为 <hr color="#ff0000" size="1" noshade> 即可。
六、制作鼠标指到表格,表格背景变色的特效
这个特效用的是表格样式表,要达到此效果你只需在<td>代码中加入
onmouseout="this.style.backgroundColor='' "
onmouseover="this.style.backgroundColor='#FFcccc'"
其中"#ffccc"是你鼠标指到表格上要变的颜色,你可根据需要设置其他的颜色。
七、制作电子邮件的超级链接
使用代码:
<a href="mailto:web@webjx.com?Subject=申请友情链接&CC=web@webjx.com&BCC=tslxg@hotmail.com&body=想与“网页教学网”建立网站的友情链接!">友情链接申请</a>
其中:
Subject:邮件的标题
CC:抄送地址
BCC:密件抄送地址
body:邮件内容
请看特效:友情链接申请
八、将 Dreamweaver 集成至 Internet Explorer 浏览器
Dreamweaver 安装程序会在上下文选单增加一个“ Edit with Dreamweaver ”命令,我们还可以修改 Windows 的注册表,使它与 IE 集成。就象Frontpage 和 Notepad 一样,通过 IE 工具栏的编辑按钮来调用 Dreamweaver 打开当前网页。
1.新建一个Drw.reg的文本文件,文件内容为:
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
@="C:\Program files\Macromedia\Dreamweaver 3\dreamweaver.exe %1"
将文件的最后一行改为 Dreamweaver 安装路径,双击它将信息添加到注册表,并打开 IE 的“Internet 选 项”,在程序标签指定"HTML 编辑器"即可。
九、制作会移动的文字
基本代码:<marquee>需要移动的文字</marquee>
其中使用的各种参数如下:
1. direction=" " 文字移动的方向
"up":向上移动;"down":向下移动;"right":向右移动;"left":向左移动
2. bihavior=" " 文字移动的动作
"scroll":循环移动;"slide":仅移动一次;"alternate":来回不停地移动
3. loop=" " 指定文字移动次数
4. scrollamount=" " 加快移动速度
scrolldelay=" " 减慢移动速度
5. bgcolor=" " 移动文字16进制背景色,如"#ff0000"、"#0066cc"
6. onMouseOver=this.stop() 鼠标移至停止移动
onMouseOut=this.start() 鼠标离开继续移动
还可定义文字的样式、对齐方式、超链接等各种特效。
十、编辑页面的跳转
在 Dreamweaver 制作的超级链接处,键入CTRL+鼠标双击,便可跳转至该链接的编辑页面,非常快捷。