Dreamweer实用技巧

更新时间:2024-03-02 作者:用户投稿原创标记本站原创 点赞:24832 浏览:117495

摘 要:Dreamwee是一款优秀的专业网站开发软件,在目前的网站开发和网页设计中,Dreamweer是最常用的工具之一.本文结合作者在中职学校的Dreamweer日常教学中所总结的经验,探讨使用Dreamweer的一些常用的、实用的技巧.

关 键 词 :网页制作;Dreamweer;实用技巧

【中图分类号】 G710 【文献标识码】 A 【文章编号】1671-8437(2012)02-0023-02

Dreamweer是由Macromedia公司开发,集网页制作和网站管理于一身的所见即所得的网页编辑器,用于对Web站点、Web页和Web应用程序进行设计、编码和开发.是一套专门针对专业网页制作者特别设计的视觉化网页开发工具.它提出了许多独具特色的设计新概念,诸如行为(Behiors)、时间线(Timeline)、资源库(Library)等.此外,Dreamweer还支持层叠样式表(CSS)和动态网页效果(DHTML).利用它可轻松制作出跨越平台限制和跨越浏览器限制的充满动感的网页.


下面就Dreamweer在中职学校的上机实验课中经常使用到的一些技巧同各位老师和网页设计爱好者进行一下探讨与交流.

1.如何制作网页过渡效果

当打开或关闭一个网页时,页面若呈现出百叶窗或棋盘式等刷新效果,则说明这个网页设置了过渡效果.那么怎样制作这种效果呢?步骤是:首先将光标定位在代码窗口第一行的最左边,然后单击“插入”菜单的“HTML”命令,然后选择其子菜单中“文件头标签”里面的“Meta”,在打开的对话框的“属性”下拉列表中选择HTTP-equivalent选项,在值一格中键入“page-enter”,在内容一格中键入 Revealtrans(Duration等于5,Transition等于1),Duration等于5 表示网页过渡效果的延续时间为5秒,Transition表示过渡效果方式,它的值为0到23,分别对应24种过渡方式,值为1时表示盒状展开,具体效果和设置如下表所示:

效果 Transition 效果 Transition

盒状收缩 0 溶解 12

盒状展开 1 左右向中部收缩 13

圆形收缩 2 中部向左右展开 14

圆形展开 3 上下向中部收缩 15

向上擦除 4 中部向上下展开 16

向下擦除 5 阶梯状向左下展开 17

向左擦除 6 阶梯状向左上展开 18

向右擦除 7 阶梯状向右下展开 19

垂直百叶窗 8 阶梯状向右上展开 20

水平百叶窗 9 随机水平线 21

横向棋盘式 10 随机垂直线 22

纵向棋盘式 11 随机 23

然后保存文件,完成特效制作.

2.输入空格的方法

方法一:在Dreamweer中编辑文档时,不能直接使用连续的空格,通过设置首选参数可去除这个限定.具体操作方法是执行“编辑”菜单中的“首选参数”命令,在打开的“首选参数”对话框的“常规”分类中,勾选“允许多个连续的空格”复选框,单击“确定”按钮即可完成设置.

方法二:此外还有一个非常简单的方法,因为对空格输入的限制是针对“半角”文字状态而言的,所以通过打开中文输入法并切换到全角状态就可以避免了.

方法三:按Ctrl+Shift+Space组合键也可以方便地添加多个连续的空格.

3.文件名和目录名不要用中文

许多人喜欢给制作好的网页起一个中文的文件名,认为这样可以一看文件名就能大致了解网页的基本内容,也能使在各网页间设置超级链接时更加方便.但是Dreamwee对中文的文件名和目录名支持不是太好,在显示和调用网页时经常会出现一些错误与问题.所以我们在Dreamwee中应尽量不使用中文的文件名和目录名,而改用英文或数字的名称,这样就可以避免上述的错误.

4.如何把自己的文件供别人下载

通过鼠标单击进行下载,在许多网页制作初学者看来好象一件很神奇的事情,其实不然.Dreamweer中凡是不被浏览器识别的格式文件(如ZIP文件)作为链接目标时,默认的操作都是下载,这时你只需要把要浏览者下载的文件名写好,然后制作一个到目标文件的链接就行了.

5.如何制作“空链接”

空链接就是没有链接对象的链接.空链接的出现涉及到多方面的原因,比如一些还没有完成的页面,但由于设置了链接的文字样式与普通的文字样式不一样,那么为了保持页面显示上的一致,就需要用到空链接了.在空链接中,目标URL是用#来表示的,也就是说制作空链接时,只要在属性面板的“链接”输入框中录入#标记,它就是个空链接了.

6.怎样设置水平线的颜色

在Dreamweer中,当插入水平线时,你会发现在属性面板中并没有提供设置水平线颜色的功能,所以我们只能进入源文件进行更改了.标签代表水平线,在其后面添加颜色代码,即:


.如图1:

7.如何安排Dreamweer各种各样的面板

800×600分辨率的屏幕对Dreamweer来说确实小了些,不过即便是1024×768的屏幕也放不下所有的面板.所以我们应该关闭那些暂时不用的面板,并将经常使用的面板放在一起,以节省空间.还可以按F4隐藏所有的面板,一览网页编辑文档的全貌,若再按一下F4就可显现面板组. 8.如何复制不带格式的文本

从外部文档粘贴文本时,如果不想要其格式,只要文字,可以使用“编辑”菜单中的“选择性粘贴”命令,而不要用“粘贴”命令或Ctrl+V.

9.更换图片的便捷方法

如果对某一张图片不满意,想要更换成另一张图片,最简单的方法是直接双击该图片,然后在打开的对话框中直接选择用来替换的图片即可.

10.合理运用表格

用表格设计的页面的特点是,只有整个表格的内容全部被浏览器Down下来以后才会显示,而浏览器对表格的解析时间与表格的大小和复杂程度成正比,所以如果表格里面的东西太多,浏览器就要花很长的时间去下载,这时屏幕上就会什么内容也没有.所以我们在用Dreamweer制作网页的时候,如果表格太长,要么使用一下嵌套表格,要么尽量将表格打散分成几个表格,而且最好是在纵向分开,比如一个五行三列的表格,可以把它分成五个一行三列的表格.

11.如何在浏览器地址栏前添加小图标

图2 地址栏前的小图标

我们在浏览新浪网站的时候,在.sina..前面有一个象眼睛一样的小图标(如图2).其实这个技术很简单,我们只需要预先随便用一个制图软件制作一个自己喜欢的图标文件,大小为16*16像素,做好了保存格式为ico,然后上传到相应的目录中,并在源文件的与之间添加如下代码:

Shortcut icon为该图标的名称,图片地址应注意与上传的目录对应.如果用户使用IE5或更高版本的浏览器,则只需要将图片直接上传至网站根目录下,即可自动识别.

12.怎样制作定时自动关闭的窗口

在源代码与之间嵌入如下代码即可实现窗口自动关闭的功能:

其中的Set timeout( )函数是用来设定延迟时间的,而这里的10000表示的是10秒钟.

13.如何自动加入网页最后修改日期

一个网页要想获得更多的点击率,必须要及时进行更新.那么怎样在网页中自动显示最后的修改日期呢?我们只需要在源文件的等之间加入如下代码即可.

代码中的document.write( )函数表示将括号中的文字输出到窗口中去,在浏览器中的显示样式举例如下:LastUpdated:2012/2/16