dreamweaver超级链接|DreamWeaver超级技巧4
【shitiku.jxxyjl.com--Macromedia认证经验交流】
21. 给文字施加行为(behavior),制作动态文字特效在dreamweaver中普通的文字是以字符为单位的,不能作为对象,即一些非常有用的javascript事件不能赋予文字。因为文字不像图片和其他控件有具体的“标记”,所以文字与很多特效失之交臂。为了给文字添加特效,只有把文字做成超链接来处理。这样文字就成为了对象,可以施加行为了。但是这样又带来了一些不需要的超链接属性,比如下划线,以及hover、visited等颜色变化。 要想单纯为文字添加特效,可以先把所想设置的文字做成超链接,然后再在它的上面添加行为,最后我们再把超链接转变为普通文字。具体的步骤如下:
选中你想编辑的文字,在链接目标框里随便填入几个字符。选中这个链接,单击窗口(windows)→行为(behaviors),弹出行为面板。按下“+”添加你想要的行为,如play sound等。打开dreamweaver的超文本编辑器,找到这个链接,把改为,把改为。最后把“href=...”删掉。保存此页。按f12预览一下。效果还不错吧!
22. 精确定位网页中各个元素的位置
精确定位网页中各个元素的位置有两种方法:使用表格或层。使用表格是目前比较通用的做法,具体方法是:先在网页中建立一个表格,注意表格的边框宽度应为0。然后再把各个元素按照你的要求放在各个表格单元之中。仔细调整表格单元的大小以及表格边框的位置,这时在表格单元中的元素也会随之移动位置。这样你就可以比较精确地定位网页中各个元素的位置了。使用表格的优点是通用,几乎各个版本的浏览器可以致支持表格。它的缺点是使用起来比较麻烦,需要仔细进行调整,而且定位不十分精确。层在网页中可以随意放置,因此我们可以使用层来进行精确定位。使用方法是,在网页中插入一个层,然后把你想要定位的元素放在层里,接着我们就可以把层放到所想要任何位置了。此外,你还可以借助标尺和网格进行精确的定位。因为层只在最新的浏览器中被支持,所以为了兼容旧的浏览器,我们可以把层转变为表格。方法是选择“修改(modify)→版面布局模式(layout mode) →把层转化成表格(convert layers to table)”即可。注意这时的层不能有重叠,我们可以在插入层之前选择“查看(view) →防止层交错(prevent layer overlaps)”来避免层的重叠。一般来说转换后的页面可能会有一些变化,还需要我们手工进行调整。最后有一点要注意,在进行表格和层的相互转换时,最好不要在一个页面中同时使用层与表格,那样可能会把你的页面弄得一团糟。
23. 改变浏览者的鼠标形状
这是通过编辑样式表来实现的。具体方法是:选择“文字(text)→定制样式(css style)→编辑样式表(edit style sheet)”,弹出编辑样式表窗口,在其中选择“新建(new)”。接着选择“建立一个定制的样式(make custom style)”,给这个样式表起名,单击确定。编辑该样式表,选择扩展项(extension),在右边的光标项(cursor)中选择要出现的指针效果即可。
24. 去掉超链接文字之下的下划线
这一效果是通过编辑样式表来实现的。具体方法是:“点击文字(text)→定制样式(css style)→编辑样式表(edit style sheet)”,出现编辑样式表窗口,选择“新建(new)”。接着选择重定义html标记(redefine html tag),并在下面的标记(tag)选单中选择a。编辑该样式表,选择类型(type),在右边的装饰(decoration)中选中无(none )即可。
25. 制作一个跟着页面走的图像
这一效果是通过javascript实现的。一般来说完成这样一个效果需要一定的编程能力,但现在我们可以通过dreamweaver的插件轻易地实现。你可以到下载这个插件。插件的安装方法:解压缩后拷贝到dreamweaver下的文件夹configuration\objects内的一个新建文件夹里面即可。重新启动dreamweaver之后,我们就可以在对象面板之中找到新安装的插件了。点击插件的图标,在弹出的对话框中填入图像的存放地址以及图像的显示位置就可以了。
本文来源:https://shitiku.jxxyjl.com/macromediarenzhengjingyanjiaol/7497.html
-
[高级设计师证]高级网站设计师系列一:初步接触Dreamweaver & 网站详细阅读
dreamweaver是macromedia公司出品的一款所见即所得的网页编辑工具。 与 frontpage不同,deamweaver采用的是mac机浮动面板的设计风格,当你习惯了其操作方式后,就会发现dreamweaver的直观性与高效性是frontpage所无法比拟的。...
-
dreamweaver超级链接|DreamWeaver超级技巧4详细阅读
21 给文字施加行为(behavior),制作动态文字特效 在dreamweaver中普通的文字是以字符为单位的,不能作为对象,即一些非常有用的javascript事件不能赋予文字。因为文字不像图片和其他控件有具体的标记,所以文字与很多特效失之交臂。为了给文字添加特效,只有把文...
-
使用灭火器灭火的最佳位置是|使用Macromedia Captivate的一些心得详细阅读
最近开始流行用macromedia captivate录制视频教程了。 但我发现行多朋友录制完教程后,不加任何编辑修改就直接发布, 本人不提倡这样,希望大家录制完教程后,编辑一下,并自己多看几遍,有问题的地方要及时修改。 我以前录制的教程,4、5分钟即可录制完成,但编辑修改的...
-
【cad布局颜色】网页布局与颜色运用的基本准则详细阅读
在网页设计的众多环节中,页面布局、颜色搭配是最为重要的环节之一。接下来,我们将通过五条准则来告诉您如何在布局、颜色方面让您的网页看起来更舒适、更美观。 首先,让我们来讲讲有关页面的布局。准则一:有太多的条条框框会对你的健康产生不好的影响有一名设计师说当他或她在页面设计时开始使用一些条...
-
解决在萌芽状态|解决在 Dreamweaver中不支持中文文件名的方法详细阅读
用dreamweaver制作网页时,如果插入的图片、gif动画、声音、视频或链接的网页是用中文命名的,在用ie浏览器浏览时可能显示不出来。以至于大家不得不将用到的素材全改为英文文件名,然后再在dreamweaver中引用。随着素材的增多,因为是英文文件名,要查找某个文件是多么不方便呀! 经过...
-
【dreamweaver超级链接】DreamWeaver超级技巧2详细阅读
11 制作背景音乐 在dreamweaver中插入背景音乐是非常容易实现的,这里介绍两种方法,由大家选择。 (1)在页面不显眼的地方插入一空层 ,并在层内放入一个activx对象 ,双击该对象,在打开的对话框中选择一个midi音乐文件,然后在层对象属性面板中设定其可视性为hidden,保存变动后按...