Dreamweaver超级技巧(下)

26. 制作鼠标移上去后有变化的动态菜单

  所谓动态菜单其实是两幅图,一幅是鼠标不放在上面所显示的,另一副是鼠标移上去所显示的。我们可以利用Dreamweaver提供的行为之中的swap image来实现这个效果。首先插入一副图片,用鼠标单击它,在属性面版的连接栏内输入要连接的网页。然后打开行为面板添,点击“+”号,选择swap image。接着出现一个窗口,要你选择鼠标移上去后所显示的图片,在此选择第二副图片,点击“确定”。好了,效果完成了,多简单。

  27. 用Dreamweaver制作出一个类似于下拉菜单的效果

  制作一个类似于下拉菜单的效果需要用到层的隐藏和显示特性。具体的方法是:在页面中插入一个单行多列的表格,作为你的菜单条。表格的列数由菜单选项的多少决定。插入一个层,在层中输入第一个下拉菜单的内容,并把这个层移动到表格第一列的下面。同理,对其他菜单项也作如上的操作,插入相应的层。把所有层的显示属性(vis)改为隐藏(Hidden)。

    选择表格的第一个单元,单击窗口(Windows)→行为(Behaviors),弹出行为面板。按下“+”添加行为Show-Hide layers,并将第一个层(Layer1)属性改为显示(Show),其他层的属性改为隐藏(Hide)。接着在行为面板中编辑这个行为,将它的触发事件(events)改为onMouseover。这样,当鼠标移动到第一个表格单元之上时,第一个下拉菜单就会显示出来。接着再添加一个行为Show-Hide layers,并将所有层的属性改为隐藏。接着在行为面板中编辑这个行为,将它的触发事件(events)改为onMouseout。这样当鼠标从第一个表格单元之上移开时,第一个下拉菜单就会隐藏起来。对其他的菜单项重复上述操作。但要注意设置“菜单二”时,第二层显示,其他层隐藏;设置“菜单三”时,第三层显示,其他层隐藏;依此类推下去。好了,做好了,按F12看看吧。

  28. 轻松制作下载文件

  用Dreamweaver其实很简单,把要让浏览者下载的文件名写上,然后拖动鼠标选取这段文字,在文本的属性面板上“Link”的属性输入框中写上文件名就行了。注意:若被下载的文件与该网页不在同一目录下,则文件名必须包含相对路径,否则在下载时将提示找不到文件。

  29. 利用Dreamweaver的书签制作跳转链接

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

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

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

  31. 用TracingImage帮助定位网页中各元素的位置

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

  32. 关于“Convert Table widths to Pixels”和“Convert Table widths to Percent”

  “Convert Table widths to Pixels”和“Convert Table widths to Percent”是Dreamweaver两个设置表格宽度的重要功能。当你打开一个带有表格的网页时,在状态栏中点中〈table〉标签,在随后显示出的表格属性工具面板中就能看到这两个按钮了。顾名思义“Convert Table widths to Pixels”就是将表格中所有单元的宽度以像素表示,

时间: 2024-09-17 03:57:33

Dreamweaver超级技巧(下)的相关文章

Dreamweaver超级技巧之文字特效_Dreamweaver

应用目标:制作文字特效 应用软件:Dreamweaver MX操作难度:★★☆☆☆我们常用的网页制作工具Dreamweaver MX不仅可以制作网页,而且利用其中的CSS滤镜我们还可以对文字或图片进行简单的特效处理.下面我们就通过几个例子来看一看在Dreamweaver中是如何制作特效文字的.光晕字首先启动Dreamweaver,在新文档中插入一个1×1的表格,边框设置为0,然后在其中输入需要修饰的文字.单击右面的浮动面板中的"设计→CSS样式"打开这一浮动面板.面板右下角的四个按钮分

DreamWeaver超级技巧

    1. 用Dreamweaver 4.0轻松设计会自动弹性调整的网页     首先需要保证的是你的页面内容采用了表格的格式,然后打开你要编辑的页面,按"Ctrl+F6"或者菜单"View→TableView→Layout?View"转换到布局视图.这时可以看到单元格的列宽,在列宽数字的旁边还有一个小小的下拉式箭头,点击你要设定弹性显示的列上方的小箭头,接着选择"将列设为弹性显示"(Make Column Autostretch).该列方框上

用Dreamweaver MX制作导航下拉菜单

dreamweaver|菜单|下拉 Dreamweaver从出道以来,其简便易用而又功能强大的"行为"(Behavior)一直是大家所关注的热点之一.在Dreamweaver MX(DW MX)中,对这一功能又有了扩充与改进. 在DW MX中,行为指的是为了响应某一事件(Event)而采取的一个操作(Action).其中Event 指的是浏览器的事件,比如窗口刷新.鼠标移动等.而 Action 指的是后台响应事件的 JavaScript 代码,可以完成相应的操作,比如播放声音.翻转图片

下拉菜单全攻略之Dreamweaver篇

dreamweaver|菜单|攻略|下拉 下拉菜单是网上最常见到的效果之一,用鼠标轻轻一点或是移过去,就出现一个更加详细的菜单,它不仅节省了网页排版上的空间.使网页布局简洁有序,而且一个新颖美观的下拉菜单,更是为您的网页增色不少. 制作下拉菜单的方法多种多样,本期专栏将为您介绍四种常用的制作方法,让您随心打造自己的下拉菜单. ■ 用Dreamweaver制作下拉菜单Dreamweaver是制作下拉菜单最常用的工具,方法简单,控制自由,可以最大限度地随心打造菜单样式,是制作下拄菜单的必修课.

Dreamweaver下拉菜单全攻略

dreamweaver|菜单|攻略|下拉 下拉菜单是网上最常见到的效果之一,用鼠标轻轻一点或是移过去,就出现一个更加详细的菜单,它不仅节省了网页排版上的空间.使网页布局简洁有序,而且一个新颖美观的下拉菜单,更是为您的网页增色不少. 制作下拉菜单的方法多种多样,本期专栏将为您介绍四种常用的制作方法,让您随心打造自己的下拉菜单. 用Dreamweaver制作下拉菜单 Dreamweaver是制作下拉菜单最常用的工具,方法简单,控制自由,可以最大限度地随心打造菜单样式,是制作下拄菜单的必修课. 用Dr

DW-MX制作ASP.NET-修改

asp.net 上回说到利用Dreamweaver MX建立 ASP.NET开发环境,并且在完全可视环境下做了数据显示和删除记录等功能. 从实现的方式来看,所有操作都进入了DataGrid控件中,有网友说好比是个大型的插件,我倒觉得也是蛮形象的,当然它所具有的功能不是一般插件可以得到的,下面再继续说说这个控件在显示数据或者说操作数据时的几中类别. 添加修改标题功能 DataGrid本身具有了修改记录的功能,只需在对话框中设置. 在Dreamweaver MX下打开我们先前编辑的default.a

AJAX 验证框架13个_AJAX相关

一 ASP.NET AJAX Framework 1.ValidatorCallout 是ASP.NET AJAX Control Toolkit中的一员,老瓶装新酒,通过扩展的方式为ASP.NET的验证控件提供漂亮的弹出提示效果.缺点是:目前的版本还不能提供服务端Custom Validator的扩展. 同时,ValidatorCallout还支持自定义CSS样式,具体可参考官方页面上的"ValidatorCallout Theming" 一节,和这篇文章:http://www.im

web标准知识——从p开始,循序渐进_经验交流

很多朋友现在还在用Dreamweaver(下称DW),不可否认这是个非常优秀的软件,他基本上实现了所见即所得.当然也正是因为这样让很多网页制作人员对于(x)HTML标签变得一无所知.然而要学习WEB标准就必需要与标签打交道,你必需要了解他们的特点.就算你不打算自己打代码,继续使用DW来完成自己的工作也必需要知道DW生存的代码的作用.如果你希望减少冗余代码,提升网页的品质,那么你就更需要认知(x)HTML标签. 那么学习自然要循序渐进,当然要从最常用.最简单的入手.如果问在所有HTML标签中谁是最

Flex 常见问题解答

什么是 Macromedia Flex? Macromedia Flex 是为满足希望开发 Rich Internet 应用程序的企业级程序员的需求而推出的表示服务器和应用程序框架.RIA 将桌面软件的响应速度和丰富功能与 Web 应用程序的广度结合在一起,以提供效果更好的最终用户体验.Flex 表示服务器提供基于标准的.声明性的编程方法和流程,并提供运行时服务,用于开发和部署丰富客户端应用程序的表示层.Flex 开发者使用直观的基于 XML 的语言来定义丰富的用户界面:该语言由 Flex 服务