Dreamweaver3 图层应用技巧(一)

2016-02-19 20:47 5 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是Dreamweaver3 图层应用技巧(一),一起来学习了解下吧!

【 tulaoshi.com - Web开发 】

    图层是在制作网页经常用到的技巧,有一些人使用图层紧紧停留在定位元素这一点上,其它一些比较经典的特效没有用,不能不说是一种遗憾。今天我把我所知的一些技巧都写出来供大家学习参考,这些技巧没有一个需要你写一行程序,仅需你频繁的点击鼠标。这些技巧从易到难,循序渐进。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  这是一个最简单也是大多数人都掌握的应用, 不过我还是随便讲一讲。用表格来对页面进行排版非常方便,但有时需要在文字上放一些图片之类的应用,表格就不能胜任了,这时就需要图层来排版。在DW3中图层还可以转换成表格,这也是蛮方便的。有时比较大的图片需分割后再插入网页,这时用到DW3的图层转换功能来排版就事半功倍。首先,你要把你的图片用图层在页面中放好(你想放那就放那)。然后,点击菜单ModifyLayout ModeConvent Layers to Table后就出来一个菜单,设好参数点击确定即可得到你想要的效果。

  这是比较常用的技巧,这样做会非常节约版面空间,当你介绍一张图片使用这种方法非常有效。下面看看如何实现:

  1.先插入一个图层,把它的属性设为隐含。打开属性浮动面版(Ctrl+F3)把Vis属性设为Hidden(隐藏)如下图:

  2.用鼠标点击图片后,打开Behaviors(行为)菜单(F8),按住小加号拖动鼠标选择Show Hide-Layers(显示隐含图层),立刻跳出一个Show Hide-Layers菜单,选Show(显示)点击OK,别慌还没完,接着Events(事件)框里就有一行类容如下图:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  再点击黑色的小三角形,会出现非常多的选项,不要迷茫请选择OnMouseOver(鼠标移到图片上时),到此为止工作做了一大半。

来源:http://www.tulaoshi.com/n/20160219/1624532.html

延伸阅读
标签: Web开发
在开发数据库驱动的网络应用方面,Dreamweaver MX 包括以下新特性: 1. ColdFusion MX支持 在专业的编码环境或可视化环境中创建动态ColdFusion MX网站。 (1) 在Dreamweaver MX中可以使用最新的ColdFusion MX标记。 (2) 可以创建和自省ColdFusion组件。 (3) 可以在Dreamweaver MX环境中调试ColdFusion代码。 ...
标签: Web开发
今天在用 DW 试写一段 AS ,突然想,DW是不是有像FLASH一样的“自动套用格式”,这样的话,html文件的源码看起来就很工整了。其实这个想法很早就有了,只是一直没找到这个功能,今天在同事的帮助下终于找到了,试用一下,很好,很实用。并且自动把Tab转换成了空格,很方便网站后台的录入工作。 但是CSS文件使用此功能就感觉不适应了(...
标签: Web开发
在网上,我们经常可以看到一些非常实用的拖拽效果,特别是应用于网上购物时,访问者直接就可以把选中的物品拖拽到购物箱或者购物车里,非常方便、有趣。不过大多数人不知道,其实用Dreamweaver中的Behaviors也可以做出同样的效果来。如果你有兴趣,就和我一起来制作一个具有拖拽效果的的购物箱吧! 在做拖拽效果的网页之前,首先我们...
标签: Web开发
在网页制作过程中,也许我们会遇到这样的情况,当我们的大量网页已经完成,却发现它们都有一个共同错误需要修改。这时候不可能完全依靠手工去更改了,怎么办呢?利用Dreamweaver8中的查找替换就能帮助你快速而准确地完成修改。 大家都使用过Word等软件的查找替换功能,Dreamweaver8的查找替换功能与那些软件的查找替换的用法相似,但...
标签: Web开发
层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。首先,请 看下图:   我们首先来做一个层 1、 在「窗口」菜单>选层 , 或点「插入」菜单>布局对象 > 选层。 2、 在页面中显...

经验教程

493

收藏

75

精华推荐

Dreamweaver教程:层及其应用

Dreamweaver教程:层及其应用

丨Ever丶戦丬

DREAMWEAVER 技巧(下)

DREAMWEAVER 技巧(下)

心匪铁不可转

Dreamweaver若干技巧

Dreamweaver若干技巧

懵懵懂懂Lyf

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部