Dreamweaver使用层八定律

  当然,这些并非真正的定律,而只是一些有益的忠告,使你免陷于使用层时可能的困顿中。原来有九条定律的,我们精简掉一条,还有下面的八条:

  1. 如果你要嵌套层,决不要使用多重父层,应共享一个共同的单一父层。如果你必须使用未在样式表中作完全限定的嵌套层,应在 Netscape4x 中做经常的检查。

  2. 总是将文本放在层中的一个表格里 - 表格应该是绝对大小的(以像素为单位,而不是百分比)且不大于层,不过主表中的嵌套表可以设置为相对的百分比大小。这样做可以防止当窗口大小改变时,NC4xx会重新调整文字到不可预期的位置。

  3. 决不放置层在表格中。Netscape 4x 将不能正确地理解表格中的层。

  4. 总是使用 Netscape Resize Fix 这个插件于任何具有层或 CSS 样式的页面。

  5. 不要期望当浏览器窗口大小或屏幕分辨率发生变化后,绝对定位的层仍能保持与居中的表格或页面内容的对齐。有插件可用来动态的实现这个效果。

  6. 不要试图在层中放置滚动条(用 overflow 属性)- 使用一个 DHTML 滚动器或者 Project Seven IFRAME 技术来代替,对于Netscape 4.x用户,可以在IFRAME中设置一个特定的弹出页面。

  7. 决不给层和一幅图像相同的命名 - 每个层应该有自己唯一的并区别于页面中的其它元素的名字(事实上,你不应该让两个具有相同的名称的元素出现在同一个页面中)。

  8. 不要直接对层应用事件/行为。它们将不能跨浏览器地工作。应用它们到层中的内容(链接或图像)而不是层自身。

时间: 2024-08-31 08:36:26

Dreamweaver使用层八定律的相关文章

Dreamweaver层使用八定律

dreamweaver Dreamweaver层使用八定律 当然,这些并非真正的定律,而只是一些有益的忠告,使你免陷于使用层时可能的困顿中.原来有九条定律的,我们精简掉一条,还有下面的八条: 1.如果你要嵌套层,决不要使用多重父层,应共享一个共同的单一父层.如果你必须使用未在样式表中作完全限定的嵌套层,应在Netscape4x中做经常的检查. 2. 总是将文本放在层中的一个表格里-表格应该是绝对大小的(以像素为单位,而不是百分比)且不大于层,不过主表中的嵌套表可以设置为相对的百分比大小.这样做可

Dreamweaver 4 简明教程(八、为网页增添互动效果2)

dreamweaver|教程|网页 八.为网页增添互动效果 制作更复杂的互动效果 在Dreamweaver中,更复杂的效果是通过一个叫Behaviors的功能实现的,Behaviors的从字面上理解是"行为",我们又称为事件的响应.通过网页元素的变化,如鼠标的移动.点击等"事件" (Events),触发弹出窗口,关闭页面等"响应"(Actions),就是一个事件的响应.而值得高兴的是,"行为"的制作过程几乎是傻瓜式的. 按Sh

Dreamweaver 4 简明教程(八、为网页增添互动效果3)

dreamweaver|教程|网页 八.为网页增添互动效果 举例:如何打开一个没有工具栏的浏览窗口 在文字或图片的链接中,只要把Target设为"_blank"就可是使链接到的网页在一个新窗口中打开.但你是不是见过看到有的网页,开启的新窗口是不含工具栏,状态栏,网址栏的?这样的窗口是怎么做的呢? 先将光标选定在一个链接上(可以是图片链接,也可以是文字链接),按行为面板上的 按钮,选择:Open Browser Window,如下图: 接着看到如下对话框: 举例:如何打开一个没有工具栏的

Dreamweaver 4 简明教程(八、为网页增添互动效果)

dreamweaver|教程|网页 八.为网页增添互动效果 制作简单的互动效果 在网页上经常看到这样的效果,当鼠标移到一张图片上的时候,原来的图片就切换为另一张图片,鼠标移开后,又恢复原来的模样,是怎么做的呢?在开篇的时候,提到Dreamweaver比Frontpage优胜的其中一个地方是Dreamweaver能做出能具互动性的网页.现在,我们就利用Dreamweaver制作这个最简单的互动效果--变换图片. 准备两张大小相同的图片,一张是鼠标还没有移上的状态,另一张是鼠标移上去后的图片,例如以

Dreamweaver MX 2004 行为之拖动层

dreamweaver · 拖动层 拖动层动作允许访问者拖动层.使用此动作创建拼板游戏.滑块控件和其它可移动的界面元素. 您可以指定访问者可以向哪个方向拖动层(水平.垂直或任意方向),访问者应该将层拖动到的目标.如果层在目标一定数目的像素范围内是否将层靠齐到目标,当层接触到目标时应该执行的操作和其它更多的选项. 因为在访问者可以拖动层之前必须先调用"拖动层"动作,所以请确保触发该动作的事件发生在访问者试图拖动层之前.最佳的方法是(使用 onLoad 事件)将"拖动层"

dreamweaver中网页折叠菜单的制作

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

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

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

Dreamweaver制作网页幻灯片效果的方法

作为一位不懂代码的业余网页制作爱好者,常常羡慕专业程序人员在浏览器中编制出的效果超酷的一些多媒体作品.唉,无奈程序那东东,酶涩南学,非一日之功,需要良好的逻辑思维能力和足够的磨练方可成就.是不是不会程序,就永远就不能实现自己的创意和想法了呢?非也!现在我们要制作的就是在网页中的一个幻灯片播放器.当用户按下控制盘上的"PLAY"键时图片将作幻灯片似的连续循环播放.按下"PAUSE"时,播放中的图片就停留在当前位置.按下"RESTART"键时,幻灯片

Dreamweaver巧制可全屏拖动的图片

dreamweaver 我们可以用鼠标把Dreamweaver的层在页面内拖动,但要全屏拖动就困难了,下面是一种实现的方法: 制作步骤: 一.准备图片,取名http://www.webjx.com/htmldata/2005-02-25/back.jpg,如下: 二.建一个htm文件取名drag.htm,并写入下列代码: < html> < head> < title>可拖动的图片< /title> < meta http-equiv="Co