当前位置:

职称计算机考试考前辅导Dreamweaver部分5

发表时间:2011/10/25 8:53:15 来源:互联网 点击关注微信:关注中大网校微信

2011年各地职称计算机考试进行中,小编特意编辑汇总了2011年职称计算机考试重点资料与试题,希望对您的考试有所帮助!

 Dreamweaver若干技巧

创建自定义命令

Dreamweaver的一个最有用的功能就是“历史面板”。基于历史面板,Dreamweaver能够创建新的命令序列。要创建一个命令,只需要简单地执行你想要记录的步骤。然后,在历史面板中,选择想要保存的步骤,并在右下角点击“保存为”图标,起一个名字,点击OK。此时,你的自定义命令就出现在“命令”菜单中,可以随意使用了。

创建自定义对象

“对象面板”非常利于在页面中快速插入项目,比如表单、框架等等。要创建自定义对象,首先创建一个文件,其中要包含你想插入到文档中的代码。比如,要创建“CNET Builder.com”的新闻框,首先下载这段代码并保存为“newsletters.htm”,然后,为了在对象窗口中创建一个新面板,要在Dreamweaver安装目录中的“ConfigurationObjects”下创建一个文件夹,名字可以随你设置,比如叫做“My Objects”。将文件“newsletters.htm”放置到这个目录下。同时,需要一个代表新对象的图标文件。可以自己创建一个图标文件,或者干脆让Dreamweaver插入一个普通图标。如果是自己创建图标,请注意建立一个18×18象素的GIF文件。将图形文件保存在同一个目录下,名字与新对象的名字一样。

现在,重新启动Dreamweaver或者选择重调入Extensions(按下Ctrl键,点击对象窗口弹出菜单),你可以在对象窗口中看到一个新的功能页面,图标就是你设定的那个。你可以象操作其它对象一样,拖曳这个新对象到页面中。

如果熟悉Javascript,你就可以创建更加复杂的对象和其他扩展程序,比如浮动面板、行为等等。或者,你干脆从Macromedia Exchange下载现成的对象。

改变浏览者的鼠标状态

这是通过编辑CSS样式表来实现的。具体方法是:选择“文本> CSS样式> 编辑样式表”,弹出编辑样式表窗口,在其中点选“新建”按钮。接着选择“创建自定义样式”,给这个样式表起名,单击确定。编辑该样式表,在左边选择“扩展”项,在右边的“光标”项中选择要出现的指针效果即可。

利用Dreamweaver的锚标记制作在一个页面中的跳转链接

利用Dreamweaver的“锚标记”我们可以实现这个功能。具体方法是:将光标移到你想跳转到的地方,选择菜单中的“插入>命名锚记”,输入锚记的名称。接下来,在你想调用链接的链接目标框中输入“#书签名称”,这样一个页面内的跳转链接就做好了。在这里,如果我们在锚记名称前填入网页的名称,就会跳转到其他页面中的书签处。 比如说我们在连接处输入“index.htm#top”,当浏览者点击这个链接时就会跳转到index页面中的“top”锚记处。

去掉图片和表格接触地方的空隙

要使图片和表格接触的地方不留空隙,仅在表格属性面板上把边框设为“0”是不行的,还需要在表格的属性面板上把单元格的两个属性设为“0”(即cellspacing="0"和cellpadding="0")。

用跟踪图像帮助定位网页中各元素的位置

“跟踪图像”是Dreamweaver一个非常有效的功能,它允许用户在网页中将原来的平面设计稿作为辅助的背景。这么一来,用户就可以非常方便地定位文字、图像、表格、层等网页元素在该页面中的位置了。跟踪图像的具体使用是这样的:首先使用各种绘图软件作出一个想象中的网页排版格局图,然后将此图保存为网络图像格式(包括gif、jpg、jpeg和png)。用Dreamweaver打开你所编辑的网页,在菜单中选择“修改>页面属性”,然后在弹出的对话框中的“跟踪图像”项中输入刚才创建的网页排版格局图所在位置。再在图像透明度中设定跟踪图像的透明度,OK。这样你就可以在当前网页中方便地定位各个网页元素的位置了。使用了跟踪图像的网页在用Dreamweaver编辑时不会再显示背景图案,但当使用浏览器浏览时正好相反,跟踪图像不见了,所见的就是经过编辑的网页(当然能够显示背景图案)。

关于“将表格宽度转换成像素”和“将表格宽度转换成百分比”

“将表格宽度转换成像素”和“将表格宽度转换成百分比”,是Dreamweaver的两个设置表格宽度的重要功能。当你打开一个带有表格的网页时,选中某个表格,在随后显示出的表格属性工具面板中就能看到这两个按钮了。顾名思义“将表格宽度转换成像素”就是将表格中所有单元格的宽度以像素表示,而“将表格宽度转换成百分比”是将表格中所有单元格的宽度以百分比表示。仔细想想他们的作用,如果将一个表格的宽度全以像素表示,当浏览窗口被放大时,表格就不会随之放大单元格的宽度。而使用了“将表格宽度转换成像素”后能够使你在“640×480”分辨率下建立的100%宽的表格在更高的分辨率下依旧保持100%的宽度。所以活用这两个功能可以使网页排版事半功倍

Dreamweaver未必了解的5个小技巧

让DW支持中文文件名

Dreamweaver可以插入以中文命名的素材、也可以链接以中文命名的网页。在插入素材或链接网页后切换到代码窗口,将乱码文件名改为相应的中文文件名即可。

定义大小不变的文字

更改浏览器字体大小设置,网页中字体尺寸也会发生变化。如果使用了网页中的CSS样式表技术,就不会出现上述情况了。使用快捷键“Shift+F11”打开样式表“CSS Style”编辑器,在窗口中单击鼠标右键执行“New CSS Style”命令,新建一个控制文字字体、字号属性的样式表,并将其添加到页面中,可以看到页面文本发生的变化。预览时试试定义的文本字体尺寸还会不会随浏览器的选择字体大小而改变。

一次链接到两个网页

超链接一次只能连到一个页面,如果一次在不同的框架页中打开文档,可以使用“Go To URL”行为。打开一个有框架的网页,选择需要超链接的文字或图像,然后从Behaviors行为面板中选择“Go To URL”行为。在弹出Go To URL对话框中显示所有可用的框架,选择其中一个我们想链接的框架并输入相应的URL,然后再选择另一个框架并输入另一个URL即可。

去掉图片和表格的间隙

要使图片和表格接触的地方不留空隙,仅在表格属性面板上把外框线(border)设为0是不行的,还需要在表格的属性面板上把单元格的两个属性设为0(即cellspacing="0"和cellpadding="0")。

实现网页每五分钟刷新一次

在Dreamweaver MX的Insert功能面板上选择“head”功能组,点击面板上“Refresh”按钮,弹出“Insert refresh”对话框,在“Delay”中输入以秒计的间隔时间,比如每五分钟刷新一次,则输入300。最后在该对话框上复选“Refresh This Document”刷新当前窗口即可。

Dreamweaver实用小技巧

如何解决切割图片的间隙

问:我有一张大图片,把它切割后在Dreamweaver中进行拼接,可是总是有间隙,不知为什么?

答:不知你是否把表格的边距、间距和边框设置为零,只要注意在分割图片时切片之间的距离和表格的设置就行了。

如何出现新窗口

问:请问当点击链接时,如何让链接的窗口“跳”出来,而不是让原来的页面转到那个链接的窗口呢?

答:你可以选中该链接,然后把属性面板上的“Target(目标)”改为“_blank”便可以了。

如何输入空格

问:我在编辑网页时经常要输入空格,但是总是不让输入!请问如何输入?

答:这个问题经常有人提起。其实在Dreamweaver中是不能直接输入空格的,你可以单击“Insert(插入)”——“Non-Breaking Space(插入空格)”(快捷键:Ctrl+Shift+空格键)来实现输入空格的目的,但是要注意在编辑状态下是看不到效果的,只有在浏览器上才能看到!另外一种非常简单的方法是:将你的输入法设置为全角状态(如图2)。如果你想在编辑状态下看到的话,告诉你个最原始的办法:在一些文字编辑软件中(比如记事本)复制空格,然后在Dreamweaver中进行粘贴。

关于页面的靠边

问:我做的网页四周总是留一点距离,我想让它靠边该如何操作呢?

答:选择Modify(修改)——Page Properties(页面属性),在出现的对话框中把Left Margin(左边界)、Top Margin(上边界)、Margin Width(边界宽)和Margin Height(边界高)都设置为“0”便可以了。

关于层的转换

问:为了方便,我的主页有很多地方用了层,但是在朋友的电脑上不能正确显示(注:朋友的浏览器是IE3.0版本的)!不知为何?

答:IE3.0并不能对所有的层都正确识别,考虑到有的网友还在使用较早的浏览器,你可以把层转化为表格。具体方法是单击“File(文件)”菜单,选择“Convert(转化) ”,然后选择“3.0 Browser Compatible(3.0版浏览兼容)”,在出现的对话框中选中“Layers to Table(将层转为表格)”,最后点OK便是。

为什么会出现黄颜色的标识符

问:我在用Dreamweaver编辑网页时,出现了黄色标识符,不知为什么?

答:这是由于网页代码中标识符不匹配或非法标识符引起的,解决方法就是删除掉非法标识符或改正不正确的代码。

插件是什么

问:我在网上经常看到一些关于Dreamweaver插件的介绍和下载,不知是什么意思?

答:插件是Dreamweaver的一个独特功能,使用它可以扩充Dreamweaver的功能,比如说你在网上下载了个可以制作动态下拉菜单的插件,那么以后你只要轻点几下鼠标设置一下就会制作出个动态下拉菜单来,不会再像以前那样费事了。

相关文章:

职称计算机考试考前辅导Dreamweaver部分汇总

职称计算机考试各个模版精选题库汇总

编辑推荐:

2011年职称计算机考试网络课堂

2011年职称计算机考试辅导用书

2011年职称计算机考试免费短信提醒

(责任编辑:xy)

2页,当前第1页  第一页  前一页  下一页
最近更新 考试动态 更多>