Dreamweaver CS3 实现多分辨率层定位

2016-02-20 01:13 14 1 收藏

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的Dreamweaver CS3 实现多分辨率层定位,希望大家看完后能赶快学习起来。

【 tulaoshi.com - Web开发 】

1、首先你需要到 www.macromedia.com 网站上去下载一个名为CenterLayers 2.3的插件(下载前得先在网站上注册),大小为8KB(你也可以通过我们网站的留言本索要该插件!)。然后用Exention Manager将插件装上。重新启动Dreamweaver CS3使插件起作用,设定页面中需要定位的层为Layerl,再新建一个透明层,设为Layer2并使其移至窗口中心,将代表Layerl的黄色标签选中后拖至Layer2中,调整好Layerl的位置。

2、选中layer2,从Window菜单中点Behaviors打开行为控制面板,单击+号,可以看到Centerlayer 2.3命令已经出现在打开的菜单中,单击此命令,出现一对话框,在Name Layers中选中Layer2,下面的Ccenter Horizontal和Center Vertical选项表示可以使层定位在浏览器窗口的水平或垂直的中心的位置,若两者都打上勾,则Layer2层就会处于窗口的正中心,我们在这儿只需要水平位置上的定位,就选中Center Horizontal吧,再点OK完成JavaScript的创建。

3、接下来我们要进行必要的调整,因为Behaviors面板默认的事件属性是onClick,也就是说只有当你预览点击Layer2时才会使层移至窗口中心,所以我们需要到源代码中将层代码中的onClick="BW-centerLayers 0"选中移至的中间,再将onClick改名为onLoad,即让BW-centerLayers 0函数在页面加载时即执行,至此我们基本上完成了层Layerl的定位。

4、还有一点,当浏览器默认打开值不是最大化而需要手工点最大化按钮时,Layer2层却不能随窗口的变化而作出调整,需要刷新一下才会移至窗口中心,怎么办?别忘了我们还有onResize动作,选中onLoad=" BW_centerLayers 0"复制并粘贴到此动作后面。再将onLoad改名为onResize,这样在页面加载时会执行两个事件,即onLoad和onResize。OK!打开浏览器用不同的分辨率预览一下吧。你会发现层已经变得很听话了。

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

来源:http://www.tulaoshi.com/n/20160220/1633486.html

延伸阅读
标签: 电脑 分辨率
打开分辨率选项 我以win7系统为例来演示。以前的xp系统是在桌面点击右键然后选择属性,在属性里设置分辨率的。而win7则有点不同,首先右键点击桌面,在右键菜单中直接显示了屏幕分辨率的选项,用鼠标点击一下这个选项。 调节分辨率大小 在分辨率设置选项页面中,有一个分辨率的选项,点击一下这个选项,上面默认显示的数值是你现在的屏幕...
标签: PS PS教程
图像分辨率的作用 表示图像分辨率的方法有很多种,这主要取决于不同的用途。下面所要探讨的,就是在各种情况下分辨率所起的作用,以及它们相互间的关系。 1.平面设计中分辨率的作用 在平面设计中,图像的分辨率以PPI来度量,它和图像的宽、高尺寸一起决定了图像文件的大小及图像质量。比如,一幅图像宽8英寸、高6英寸,分辨率为10...
标签: 电脑 分辨率
打开分辨率选项 我以win7系统为例来演示。以前的xp系统是在桌面点击右键然后选择属性,在属性里设置分辨率的。而win7则有点不同,首先右键点击桌面,在右键菜单中直接显示了屏幕分辨率的选项,用鼠标点击一下这个选项。 调节分辨率大小 在分辨率设置选项页面中,有一个分辨率的选项,点击一下这个选项,上面默认显示的数值是你现在的屏幕...
标签: 手机软件
作为小米新一代旗舰手机,小米Note依旧配备的是1080P全高清屏幕,分辨率为1920x1080,并没有达到2K屏级别,在屏幕分辨率上,小米Note尽管不错,不过没有像魅族MX4 Pro那样,配备顶级2K屏,稍显遗憾。 尽管没有配备2K屏,不过小米Note采用了和iPhone6一样的2.5D弧形玻璃屏幕,机身厚度仅6.95mm,并采用超窄边框设计,比iPhone6 ...
标签: Web开发
Dreamweaver CS3相对于之前的版本,对于CSS的编写更加规范化了,下面我们来了解一下它的CSS布局规则。 CSS文件的链接方式 ·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中 CSS规则定义有三种: 1)类比如“.RedText”、“.BlueText”和“.BigText”等等 2)标签针对原有HTML标签做的重新CSS定义...

经验教程

760

收藏

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