如何认识Dreamweaver中的Layer和Map功能

   在Dreamweaver的使用中,我意外地发现了这个在PhotoShop 中早已熟悉了的Layer工具,因此就专门试了试它是否也能随意覆盖?结果很让我满意:虽然还没有像PhotoShop中,层间可以透明、可以相异等,那么丰富,但是对于以文字为主的主页编辑来说足以了。

  我现在就来介绍一下我的应用感受,请看图1:在这幅图里我故意将三个层相互重叠了起来。

  其实它所以能这样,是因为它定义了层的位置坐标,而且每个层都有自己独立的坐标,不象是Table那样,只能大的套小的,依次排列。请看图2:这是Dreamweaver的一个很方便的工具参数栏。


  除了这个Layer功能外,另一个Map功能也让我感到免去了在PhotoShop中分割图像的麻烦,它提供了把一幅完整的图形通过分区域Map,就能够分别链接不同的URL。为此我特意画了一个电话拨盘一样的图形(图1),绝没有用PhotoShop把图分块,只对每一个号都分别作了Map,于是每一个号就各有自己的链接指向。

时间: 2025-01-01 13:39:43

如何认识Dreamweaver中的Layer和Map功能的相关文章

dreamweaver中网页折叠菜单的制作

dreamweaver|菜单|网页 去过Microsoft的网站吗?(如图一)如果去过的话,那么你应该对这个站上面那条折叠式菜单的导航栏感到赞叹吧?("嘿嘿,还是老盖强.""啊,鸡蛋怎么会飞呀?!")你想过你也能够做出这样的效果吗?来吧,不用羡慕了,心动不如行动! 折叠式菜单实际上是通过层的显示和隐藏,来达到这种效果的.现在就让我来说说如何制作吧.Follow Me!先打开DreamWeaver(DreamWeaver对层的支持很好的,也是做网页的必备工具). 第一

dreamweaver中网页折叠菜单的制作(组图)

dreamweaver|菜单|网页 去过Microsoft的网站吗?(如图一)如果去过的话,那么你应该对这个站上面那条折叠式菜单的导航栏感到赞叹吧?("嘿嘿,还是老盖强.""啊,鸡蛋怎么会飞呀?!")你想过你也能够做出这样的效果吗?来吧,不用羡慕了,心动不如行动! 折叠式菜单实际上是通过层的显示和隐藏,来达到这种效果的.现在就让我来说说如何制作吧.FollowMe!先打开DreamWeaver(DreamWeaver对层的支持很好的,也是做网页的必备工具). 第一步

Dreamweaver中编写CSS的“最佳习惯”

由于"可视化"和操作简便,在DreamWeaver中编写CSS的朋友很多,今天我们介绍一些在Dreamweaver中编写CSS的"最佳习惯",希望对大家有所帮助. CSS正在改变网站设计的进程.为迎合不断增长的倾向于CSS的设计人员的需求,Macromedia DW MX引进了一些新的及改善过的CSS相关的特性.有了这些新的特性,你可以为未来的更新作好计划,开发与W3C标准更加兼容的站点.本文讨论在DreamWeaver中使用CSS以及突出某一特定CSS特性时的一些

软件Dreamweaver中的层在网站制作中作用重大

[硅谷网12月11日文]据<硅谷>杂志2012年第18期刊文,在使用Dreamweaver制作网站时候,总要用到层,因为层是一种网页元素定位技术,使用层可以以像素为单位精确定位页面元素,层可以放置在页面的任意位置.利用层可以非常灵活地放置网站内容,可以再层 里面放置文本,图像.视频等对象,甚至是其它的嵌套层.层对于制作网站的部分重叠效果更具有特殊作用,把页面元素放入层中,而已控制元素的显示顺序,也能控制是哪个显示.哪个隐藏.使网站制作工作更加高效. 关键词:Dreamweave:层:编辑:属性

Dreamweaver中如何拆分单元格

  今天小编为大家介绍一下Dreamweaver中如何拆分单元格. 拆分单元格 首先将光标移到需要拆分的单元格中,点击属性窗口中"拆分单元格"按钮,在弹出窗口中填写你需要拆分的行或列. 确定拆分后就可以得到下图中的效果.

解决在Dreamweaver中不支持中文文件名

dreamweaver|解决|文件名|中文     用Dreamweaver制作网页时,如果插入的图片.GIF动画.声音.视频或链接的网页是用中文命名的,在用IE浏览器浏览时可能显示不出来.以至于大家不得不将用到的素材全改为英文文件名,然后再在Dreamweaver中引用.随着素材的增多,因为是英文文件名,要查找某个文件是多么不方便呀! 经过摸索,笔者发现Dreamweaver可以插入以中文命名的素材.也可以链接以中文命名的网页.在插入素材或链接网页后切换到代码窗口,将乱码文件名改为相应的中文文

ASP视频:Dreamweaver中建立站点和连接数据库

大家在初学ASP程序的时候,我们经常第一个任务就是配置环境!在这里根据网页教学网站长的经验,有时克隆版的XP系统有时是安装不了IIS的!本讲主要讲述在Dreamweaver中建立站点和连接数据库.大家请看视频教程.

Dreamweaver中实现flash的透明背景

dreamweaver|透明 我们经常收到一些初学网业制作的网友提出的问题,很多问题其实很简单,只要动脑筋想一想就可以解决了,但有的网友不喜欢多思考,一遇到问题想都不想就直接去问别人,这种学习方法可不太好.而本文的作者学到一种技巧后,他发现这种技巧在两种环境下显示的结果不同,这个时候比较两种环境中产生的源代码的区别无疑是解决问题最好的方法!他也正是这样做的,并最终解决了问题.本文涉及的问题并不算太难,但作者发现问题.解决问题的思路却很值得我们学习! 首先忠心感谢凌宇5942给我的帮助!在他的启迪

Dreamweaver中幂格式文本巧实现

dreamweaver 前不久,一个正热衷于网页制作的网友的一个小问题"在Dreamweaver中,数的乘方格式的文本(如10的平方)如何实现?"让我大伤脑筋.实在不太甘心--忽然想起在Office相关各组件中实现这种格式的文本很简单的,于是通过先在FrontPage中做出乘方格式的文本,再通过查出其源代码并将其用到Dreamweaver实现了这位网友欲实现的效果: 运行FrontPage(2000或XP皆可),先输入"102"后选中"2",点按